2021-12-22

src/router/ChildrenRouters.js

@@ -128,7 +128,7 @@ const childrenRouters = [
     name: 'salePig',
     component: () => import('../views/Env/SalePig.vue'),
     meta: {
-      title: '电子秤',
+      title: '卖猪计量',
       permission: 'salePig',
       parentName: '生产数据'
     }
@@ -349,7 +349,7 @@ const childrenRouters = [
     name: 'AuthAdmin',
     component: () => import('../views/SystemAdmin/AuthAdmin.vue'),
     meta: {
-      title: '权限管理',
+      title: '职位管理',
       permission: 'authAdmin',
       parentName: '系统管理'
     }

src/views/BioSafety/PersonAdmin.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-09-16 11:27:35
- * @LastEditTime: 2021-12-21 13:34:38
+ * @LastEditTime: 2021-12-22 17:42:08
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \hyyfClient\src\views\BioSafety\PersonAdmin.vue
@@ -47,19 +47,22 @@
       :shows="tableShows"
       :height="475"
     >
-      <!-- <template v-slot:right>
+      <template v-slot:right>
         <template v-if="btnSelected === 1">
-          <div>共{{ total }}人，其中男 人，女 人</div>
+          <div>
+            <el-button size="mini">新增人员</el-button>
+            <el-button size="mini" type="danger">批量删除</el-button>
+          </div>
         </template>
-        <template v-else-if="btnSelected === 2">
+        <!-- <template v-else-if="btnSelected === 2">
           <div>共{{ total }}人，其中男 人，女 人</div>
         </template>
         <template v-else>
           <div>
             <el-button size="mini">添加赶猪人员</el-button>
           </div>
-        </template>
-      </template> -->
+        </template> -->
+      </template>
 
       <!-- 人员门禁 -->
       <template v-slot:recordImage="slotProps">
@@ -89,6 +92,14 @@
       <template #status="slotProps">
         <span>{{ personStatus[slotProps.row.status] }}</span>
       </template>
+      <template #handler="slotProps">
+        <el-button
+          size="mini"
+          type="danger"
+          @click="handleDelete(slotProps.row)"
+          >删 除</el-button
+        >
+      </template>
     </new-table>
     <table-footer
       :totals="total"
@@ -317,6 +328,10 @@ export default {
       this.dialogVisible = true;
       this.imgUrl = url;
     },
+    // 档案管理 - 删除
+    handleDelete(row) {
+      console.log(row);
+    },
   },
 };
 </script>

src/views/BioSafety/personAdmin/table.config.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-09-18 16:06:51
- * @LastEditTime: 2021-12-06 13:47:10
+ * @LastEditTime: 2021-12-22 17:41:01
  * @LastEditors: Please set LastEditors
  * @Description: 表格的配置
  * @FilePath: \hyyfClient\src\views\BioSafety\personAdmin\table.config.js
@@ -44,6 +44,11 @@ const tableItems1 = [
     label: '人员状态',
     minWidth: '100',
     slotName: 'status'
+  },
+  {
+    label: '操作',
+    minWidth: '100',
+    slotName: 'handler'
   }
 ]
 

src/views/Env/SalePig.vue

@@ -1,9 +1,9 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-07 10:07:56
- * @LastEditTime: 2021-12-20 14:05:31
+ * @LastEditTime: 2021-12-22 17:37:31
  * @LastEditors: Please set LastEditors
- * @Description: 电子秤
+ * @Description: 电子秤 - TODO: 卖猪计量的视频回放按钮
  * @FilePath: \hyyfClient\src\views\Env\SalePig.vue
 -->
 <template>

src/views/SystemAdmin/AuthAdmin.vue

@@ -5,151 +5,157 @@
       <div style="margin-bottom: 10px">
         <el-form :inline="true" label-width="80px">
           <el-form-item>
-            <el-input v-model="keyword"  placeholder="请输入权限组名称"></el-input>
+            <el-input v-model="keyword" placeholder="请输入职位名称"></el-input>
           </el-form-item>
           <el-form-item>
             <el-button @click="search" type="success">搜索</el-button>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" v-if="hasPerm('auth:add')" @click="dialogVisible = true">新增权限组</el-button>
+            <el-button
+              type="primary"
+              v-if="hasPerm('auth:add')"
+              @click="dialogVisible = true"
+              >新增职位</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
       <div>
-        <el-table
-            :data="tableData"
-            border
-            :height="720 + 'px'">
-          <el-table-column
-              prop="id"
-              label="权限组id">
-          </el-table-column>
-          <el-table-column
-              prop="groupName"
-              label="权限组名称">
-          </el-table-column>
-          <el-table-column
-              prop="remark"
-              label="备注">
-          </el-table-column>
+        <el-table :data="tableData" border :height="720 + 'px'">
+          <el-table-column prop="id" label="职位id"> </el-table-column>
+          <el-table-column prop="groupName" label="职位名称"> </el-table-column>
+          <el-table-column prop="remark" label="备注"> </el-table-column>
           <el-table-column label="操作">
             <template slot-scope="scope">
               <el-button
-                  size="mini"
-                  type="primary"
-                  v-if="hasPerm('auth:edit')"
-                  @click="handleEdit(scope.row)">编辑</el-button>
+                size="mini"
+                type="primary"
+                v-if="hasPerm('auth:edit')"
+                @click="handleEdit(scope.row)"
+                >编辑</el-button
+              >
               <el-button
-                  size="mini"
-                  type="warning"
-                  v-if="hasPerm('auth:Limits')"
-                  @click="handleLimits(scope.row)">权限分配</el-button>
+                size="mini"
+                type="warning"
+                v-if="hasPerm('auth:Limits')"
+                @click="handleLimits(scope.row)"
+                >权限分配</el-button
+              >
               <el-button
-                  size="mini"
-                  type="danger"
-                  v-if="hasPerm('auth:User')"
-                  @click="handleUser(scope.row)">用户分配</el-button>
+                size="mini"
+                type="danger"
+                v-if="hasPerm('auth:User')"
+                @click="handleUser(scope.row)"
+                >用户分配</el-button
+              >
               <el-button
-                  size="mini"
-                  type="danger"
-                  v-if="hasPerm('auth:del')"
-                  @click="del(scope.row)">删除</el-button>
+                size="mini"
+                type="danger"
+                v-if="hasPerm('auth:del')"
+                @click="del(scope.row)"
+                >删除</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
         <table-footer
-            :totals="total"
-            :size="size"
-            @sizeChange="sizeChange"
-            @pageChange="pageChange"></table-footer>
+          :totals="total"
+          :size="size"
+          @sizeChange="sizeChange"
+          @pageChange="pageChange"
+        ></table-footer>
       </div>
     </div>
     <!--    // 新增-->
     <el-dialog
-        :title="showType ? '编辑权限组' : '新增权限组'"
-        :visible.sync="dialogVisible"
-        width="30%">
+      :title="showType ? '编辑职位' : '新增职位'"
+      :visible.sync="dialogVisible"
+      width="30%"
+    >
       <div>
         <el-form ref="form" :model="form" label-width="100px">
-          <el-form-item label="权限组名称">
+          <el-form-item label="职位名称">
             <el-input v-model="form.groupName"></el-input>
           </el-form-item>
           <el-form-item label="备注">
-            <el-input v-model="form.remark" ></el-input>
+            <el-input v-model="form.remark"></el-input>
           </el-form-item>
         </el-form>
       </div>
 
       <span slot="footer" class="dialog-footer">
-                <el-button @click="reset">取 消</el-button>
-                <el-button v-if="showType" type="primary" @click="setUpdate">更 新</el-button>
-                <el-button v-else type="primary" @click="onSubmit">新 增</el-button>
-              </span>
+        <el-button @click="reset">取 消</el-button>
+        <el-button v-if="showType" type="primary" @click="setUpdate"
+          >更 新</el-button
+        >
+        <el-button v-else type="primary" @click="onSubmit">新 增</el-button>
+      </span>
     </el-dialog>
     <!-- 权限分配   -->
     <a-modal
-        title="权限分配"
-        :width="600"
-        :visible="dialogLimits"
-        @ok="limitSave"
-        ok-text="确认"
-        cancel-text="取消"
-        @cancel="dialogLimits = false"
-        :destroyOnClose="true">
+      title="权限分配"
+      :width="600"
+      :visible="dialogLimits"
+      @ok="limitSave"
+      ok-text="确认"
+      cancel-text="取消"
+      @cancel="dialogLimits = false"
+      :destroyOnClose="true"
+    >
       <a-tree
-          v-model="checkedKeys"
-          multiple
-          checkable
-          :auto-expand-parent="autoExpandParent"
-          :expanded-keys="expandedKeys"
-          :tree-data="menuTreeData"
-          :selected-keys="selectedKeys"
-          :replaceFields="replaceFields"
-          @expand="onExpand"
-          @check="onCheck"
+        v-model="checkedKeys"
+        multiple
+        checkable
+        :auto-expand-parent="autoExpandParent"
+        :expanded-keys="expandedKeys"
+        :tree-data="menuTreeData"
+        :selected-keys="selectedKeys"
+        :replaceFields="replaceFields"
+        @expand="onExpand"
+        @check="onCheck"
       />
     </a-modal>
-    <el-dialog
-        title="用户分配"
-        :visible.sync="dialogUsers"
-        width="50%">
+    <el-dialog title="用户分配" :visible.sync="dialogUsers" width="50%">
       <div>
         <el-table
-            :data="userList"
-            ref="multipleTable"
-            tooltip-effect="dark"
-            @selection-change="handleSelectionChange">
-          <el-table-column
-              type="selection"
-              width="55">
-          </el-table-column>
-          <el-table-column
-              prop="id"
-              label="用户ID">
-          </el-table-column>
-          <el-table-column
-              prop="account"
-              label="用户姓名">
-          </el-table-column>
+          :data="userList"
+          ref="multipleTable"
+          tooltip-effect="dark"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="55"> </el-table-column>
+          <el-table-column prop="id" label="用户ID"> </el-table-column>
+          <el-table-column prop="account" label="用户姓名"> </el-table-column>
         </el-table>
       </div>
       <span slot="footer" class="dialog-footer">
-                <el-button @click="dialogUsers = false">取 消</el-button>
-                <el-button type="primary" @click="userSave">保存</el-button>
-              </span>
+        <el-button @click="dialogUsers = false">取 消</el-button>
+        <el-button type="primary" @click="userSave">保存</el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { Tree } from 'ant-design-vue';
+import { Tree } from "ant-design-vue";
 import TableFooter from "../../components/TableFooter";
-import { getUserMenu, getAuth, delAuth, addAuth, editAuth, getMenuByGroup, saveGroupMenu, getAcountByGroup, saveAccountGroup, getUserList } from '../../utils/api';
+import {
+  getUserMenu,
+  getAuth,
+  delAuth,
+  addAuth,
+  editAuth,
+  getMenuByGroup,
+  saveGroupMenu,
+  getAcountByGroup,
+  saveAccountGroup,
+  getUserList,
+} from "../../utils/api";
 export default {
   name: "AuthAdmin",
   components: {
     TableFooter,
-    ATree: Tree
+    ATree: Tree,
   },
   data() {
     return {
@@ -157,16 +163,16 @@ export default {
       showType: false,
       dialogVisible: false,
       form: {
-        id: '',
-        groupName: '',
-        remark: '',
+        id: "",
+        groupName: "",
+        remark: "",
       },
       dialogLimits: false,
       // 权限分配list
       limitList: [],
       defaultProps: {
-        children: 'children',
-        label: 'title'
+        children: "children",
+        label: "title",
       },
       autoExpandParent: true,
       // 默认选择的参数
@@ -174,13 +180,13 @@ export default {
       expandedKeys: [],
       checkedKeys: [],
       replaceFields: {
-        key: 'id'
+        key: "id",
       },
-      keyword: '',
+      keyword: "",
       total: 0,
       size: 20,
       pageNum: 1,
-      selectId: '',
+      selectId: "",
       // 用户列表
       userList: [],
       dialogUsers: false,
@@ -189,7 +195,7 @@ export default {
       commitKeys: [],
       selectedKeys: [],
       menuTreeData: [],
-    }
+    };
   },
   methods: {
     // 搜索
@@ -203,7 +209,7 @@ export default {
     },
     // 修改页数
     pageChange(val) {
-      this.pageNum= val;
+      this.pageNum = val;
       this.init();
     },
     handleEdit(data) {
@@ -217,29 +223,31 @@ export default {
     handleUser(data) {
       this.dialogUsers = true;
       this.selectId = data.id;
-      getAcountByGroup({groupId: data.id})
-          .then(res => {
-            if(res.code === 10006) {
-              this.userSelect = [];
-              this.$nextTick(() => {
-                this.$refs.multipleTable.clearSelection();
-                this.$forceUpdate();
-              });
-            } else {
-              let arr = res.data.split(',');
-              console.log(arr);
-              this.$nextTick(() => {
-                this.$refs.multipleTable.clearSelection();
-                for (let key in this.userList) {
-                  for(let i in arr) {
-                    if(this.userList[key]['id'] == arr[i]) {
-                      this.$refs.multipleTable.toggleRowSelection(this.userList[key], true);
-                    }
-                  }
+      getAcountByGroup({ groupId: data.id }).then((res) => {
+        if (res.code === 10006) {
+          this.userSelect = [];
+          this.$nextTick(() => {
+            this.$refs.multipleTable.clearSelection();
+            this.$forceUpdate();
+          });
+        } else {
+          let arr = res.data.split(",");
+          console.log(arr);
+          this.$nextTick(() => {
+            this.$refs.multipleTable.clearSelection();
+            for (let key in this.userList) {
+              for (let i in arr) {
+                if (this.userList[key]["id"] == arr[i]) {
+                  this.$refs.multipleTable.toggleRowSelection(
+                    this.userList[key],
+                    true
+                  );
                 }
-              })
+              }
             }
-          })
+          });
+        }
+      });
     },
     // 用户分配选择
     handleSelectionChange(val) {
@@ -248,39 +256,39 @@ export default {
     // 用户分配保存
     userSave() {
       let users = [];
-      this.userSelect.forEach(item => {
+      this.userSelect.forEach((item) => {
         users.push(item.id);
       });
-      let str = users.join(',');
-      saveAccountGroup({accountId: str, groupIds: this.selectId})
-          .then(res => {
-            if(res.code === 10001) {
-              this.$message.success(res.message);
-            } else {
-              this.userSelect = [];
-              this.selectId = '';
-              this.$message(res.message);
-            }
-          });
+      let str = users.join(",");
+      saveAccountGroup({ accountId: str, groupIds: this.selectId }).then(
+        (res) => {
+          if (res.code === 10001) {
+            this.$message.success(res.message);
+          } else {
+            this.userSelect = [];
+            this.selectId = "";
+            this.$message(res.message);
+          }
+        }
+      );
       this.dialogUsers = false;
     },
     // 新增角色
     onSubmit() {
       let params = {
         groupName: this.form.groupName,
-        remark: this.form.remark
+        remark: this.form.remark,
       };
-      addAuth(params)
-          .then(res => {
-            if(res.code === 10000) {
-              this.init();
-              this.$message.success(res.message);
-            } else {
-              this.$message.error(res.message);
-            }
-            this.dialogVisible = false;
-            this.reset();
-          })
+      addAuth(params).then((res) => {
+        if (res.code === 10000) {
+          this.init();
+          this.$message.success(res.message);
+        } else {
+          this.$message.error(res.message);
+        }
+        this.dialogVisible = false;
+        this.reset();
+      });
     },
     // handleCheckChange() {
     //   // console.log(data, ls, lg)
@@ -289,85 +297,84 @@ export default {
     //   this.selectList = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys());
     // },
     onExpand(expandedKeys) {
-      this.expandedKeys = expandedKeys
-      this.autoExpandParent = false
+      this.expandedKeys = expandedKeys;
+      this.autoExpandParent = false;
     },
 
     onCheck(checkedKeys, info) {
       this.checkedKeys = checkedKeys;
-      this.commitKeys = checkedKeys.concat(info.halfCheckedKeys)
+      this.commitKeys = checkedKeys.concat(info.halfCheckedKeys);
     },
     pickCheckedKeys(data) {
       for (let i = 0; i < data.length; i++) {
         if (this.leastChilds.includes(data[i])) {
-          this.checkedKeys.push(data[i])
+          this.checkedKeys.push(data[i]);
         }
       }
     },
     onSelect(selectedKeys) {
-      this.selectedKeys = selectedKeys
+      this.selectedKeys = selectedKeys;
     },
     // 权限分配
     handleLimits(data) {
       this.dialogLimits = true;
       this.selectId = data.id;
       this.defaultList = [];
-      getMenuByGroup({groupId: data.id})
-          .then(res => {
-            let arr;
-            if(res.code === 10000) {
-              arr = res.data.split(',');
-              this.defaultList = arr.map(Number);
-              this.pickCheckedKeys(this.defaultList);
-              this.selectList = this.defaultList;
-            } else {
-              arr = [];
-              this.defaultList = [];
-              this.selectList = [];
-              this.selectedKeys = [];
-              this.checkedKeys = [];
-            }
-          })
+      getMenuByGroup({ groupId: data.id }).then((res) => {
+        let arr;
+        if (res.code === 10000) {
+          arr = res.data.split(",");
+          this.defaultList = arr.map(Number);
+          this.pickCheckedKeys(this.defaultList);
+          this.selectList = this.defaultList;
+        } else {
+          arr = [];
+          this.defaultList = [];
+          this.selectList = [];
+          this.selectedKeys = [];
+          this.checkedKeys = [];
+        }
+      });
     },
     // 权限分配保存
     limitSave() {
       // this.selectList = this.$refs.tree.getCheckedKeys();
       let menuIds;
-      if(this.commitKeys.length > 0) {
-        menuIds = this.commitKeys.join(',');
+      if (this.commitKeys.length > 0) {
+        menuIds = this.commitKeys.join(",");
       } else {
-        menuIds = '';
+        menuIds = "";
       }
-      saveGroupMenu( {groupId: this.selectId, menuIds: menuIds})
-          .then(res => {
-            if(res.code === 10001) {
-              this.$message.success(res.message);
-            }
-            this.selectId = '';
-            this.dialogLimits = false;
-            this.selectList = [];
-          });
+      saveGroupMenu({ groupId: this.selectId, menuIds: menuIds }).then(
+        (res) => {
+          if (res.code === 10001) {
+            this.$message.success(res.message);
+          }
+          this.selectId = "";
+          this.dialogLimits = false;
+          this.selectList = [];
+        }
+      );
     },
     init() {
       // 后端分页
       let params = {
         pageNum: this.pageNum,
         pageSize: this.size,
-        searchStr: this.keyword
+        searchStr: this.keyword,
       };
-      getAuth(params)
-          .then(res => {
-            this.tableData = res.records;
-            this.total = res.total;
-          })
+      getAuth(params).then((res) => {
+        this.tableData = res.records;
+        this.total = res.total;
+      });
     },
     // 重置
-    reset(){
-      this.form.id = '';
-      this.form.groupName = '';
-      this.form.remark = '';
+    reset() {
+      this.form.id = "";
+      this.form.groupName = "";
+      this.form.remark = "";
       this.pageNum = 1;
-      this.keyword = '';
+      this.keyword = "";
       this.showType = false;
       this.dialogVisible = false;
     },
@@ -376,88 +383,87 @@ export default {
       let params = {
         groupName: this.form.groupName,
         remark: this.form.remark,
-        id: this.form.id
+        id: this.form.id,
       };
-      editAuth(params)
-          .then(res => {
-            if(res.code ===  10000) {
+      editAuth(params).then((res) => {
+        if (res.code === 10000) {
+          this.init();
+          this.$message.success(res.message);
+        }
+        this.dialogVisible = false;
+        this.reset();
+      });
+    },
+    // 删除
+    del(data) {
+      this.$confirm("此操作将永久删除批量删除, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          delAuth({ groupId: data.id }).then((res) => {
+            if (res.code === 10000) {
               this.init();
               this.$message.success(res.message);
             }
-            this.dialogVisible = false;
-            this.reset();
           });
-    },
-    // 删除
-    del(data) {
-      this.$confirm('此操作将永久删除批量删除, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        delAuth({groupId: data.id})
-            .then(res => {
-              if(res.code === 10000) {
-                this.init();
-                this.$message.success(res.message);
-              }
-            })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
         });
-      });
     },
     // 菜单列表
     authInit() {
       let params = {
-        userId: localStorage.getItem('UserId')
-      }
-      getUserMenu(params).then(res => {
-            if(res.code === 10000) {
-              this.menuTreeData = res.data;
-              this.getLeastChilds(res.data)
-              this.menuTreeData.forEach(item => {
-                this.expandedKeys.push(item.id)
-              })
-              // this.expandedMenuKeys(this.roleEntity)
-            }
-          })
+        userId: localStorage.getItem("UserId"),
+      };
+      getUserMenu(params).then((res) => {
+        if (res.code === 10000) {
+          this.menuTreeData = res.data;
+          this.getLeastChilds(res.data);
+          this.menuTreeData.forEach((item) => {
+            this.expandedKeys.push(item.id);
+          });
+          // this.expandedMenuKeys(this.roleEntity)
+        }
+      });
     },
     getLeastChilds(data) {
       for (let i = 0; i < data.length; i++) {
-        this.pushLeastChilds(data[i])
+        this.pushLeastChilds(data[i]);
       }
     },
     pushLeastChilds(e) {
       if (e.children.length > 0) {
-        this.getLeastChilds(e.children)
-        return
+        this.getLeastChilds(e.children);
+        return;
       }
-      this.leastChilds.push(e.id)
+      this.leastChilds.push(e.id);
     },
     // 用户列表
     userInit() {
       let params = {
         pageNum: 1,
         pageSize: 200,
-        searchStr: ''
+        searchStr: "",
       };
-      getUserList(params)
-          .then(res => {
-            if(res.code === 10000) {
-              this.userList = res.data.records;
-            }
-          });
-    }
+      getUserList(params).then((res) => {
+        if (res.code === 10000) {
+          this.userList = res.data.records;
+        }
+      });
+    },
   },
   mounted() {
     this.init();
     this.authInit();
     this.userInit();
-  }
-}
+  },
+};
 </script>
 
 <style scoped>

src/views/Zoology/Sewage.vue

@@ -6,16 +6,16 @@
         <chart-sewage-corona :config-obj="item"></chart-sewage-corona>
       </div>
     </div>
-    <br>
+    <br />
     <div class="echarts-line">
       <div class="reply1" :style="{ color: color }">污水监测</div>
       <div class="echarts-box" v-for="item in lineList" :key="item.id">
-        <template v-if= "item.data.length > 0">
+        <template v-if="item.data.length > 0">
           <chart-sewage-line :line-config="item"></chart-sewage-line>
         </template>
-       <template v-else>
-         <el-empty description="设备暂无数据"></el-empty>
-       </template>
+        <template v-else>
+          <el-empty description="设备暂无数据"></el-empty>
+        </template>
       </div>
     </div>
   </div>
@@ -24,17 +24,17 @@
 <script>
 import ChartSewageCorona from "@/views/Zoology/chart/ChartSewageCorona";
 import ChartSewageLine from "@/views/Zoology/chart/ChartSewageLine";
-import { mapState } from 'vuex'
+import { mapState } from "vuex";
 import { getEnvList, getSevenEnv } from "../../utils/api";
 
 export default {
   name: "Sewage",
   components: {
     ChartSewageCorona,
-    ChartSewageLine
+    ChartSewageLine,
   },
   computed: {
-    ...mapState(['color'])
+    ...mapState(["color"]),
   },
   data() {
     return {
@@ -42,145 +42,145 @@ export default {
         {
           id: 1,
           data: 0,
-          unit: '',
+          unit: "",
           max: 14,
-          name: 'ph'
+          name: "ph",
         },
         {
           id: 2,
           data: 0,
-          unit: 'mg/L',
+          unit: "mg/L",
           max: 500,
-          name: 'COD'
+          name: "COD",
         },
         {
           id: 3,
           data: 0,
-          unit: 'mg/L',
+          unit: "mg/L",
           max: 200,
-          name: '总磷'
+          name: "总磷",
         },
         {
           id: 4,
           data: 0,
-          unit: 'mg/L',
+          unit: "mg/L",
           max: 2,
-          name: '氨氮量'
+          name: "氨氮量",
         },
         {
           id: 5,
           data: 0,
-          unit: 'L/s',
+          unit: "L/s",
           max: 1,
-          name: '污水'
+          name: "污水流量",
         },
       ],
       lineList: [
         {
           id: 1,
-          unit: '',
+          unit: "",
           time: [],
           data: [],
-          name: 'ph'
+          name: "ph",
         },
         {
           id: 2,
-          unit: 'mg/L',
+          unit: "mg/L",
           time: [],
           data: [],
-          name: 'COD'
+          name: "COD",
         },
         {
           id: 3,
-          unit: 'T',
+          unit: "T",
           time: [],
           data: [],
-          name: '流量'
+          name: "流量",
         },
         {
           id: 4,
-          unit: 'mg/L',
+          unit: "mg/L",
           time: [],
           data: [],
-          name: '氨氮量'
+          name: "氨氮量",
         },
-      ]
-    }
+      ],
+    };
   },
   methods: {
     init() {
-      getEnvList({}).then(res => {
-        if(res.code === 10000) {
+      getEnvList({}).then((res) => {
+        if (res.code === 10000) {
           this.echartList[0].data = res.data.phPj;
           this.echartList[1].data = res.data.hxxylPj;
           this.echartList[3].data = res.data.adPj;
           this.echartList[4].data = res.data.wsPj;
         }
-      })
-      getSevenEnv({days: 7}).then(res => {
-        if(res.code === 10000) {
-          this.lineList.forEach(item => {
-            item.time = res.data.date
-          })
+      });
+      getSevenEnv({ days: 7 }).then((res) => {
+        if (res.code === 10000) {
+          this.lineList.forEach((item) => {
+            item.time = res.data.date;
+          });
           this.lineList[0].data = res.data.ph;
           this.lineList[1].data = res.data.cod;
           this.lineList[2].data = res.data.ws;
-          this.lineList[3].data = res.data.ad
+          this.lineList[3].data = res.data.ad;
         }
-      })
-    }
+      });
+    },
   },
   mounted() {
-    this.init()
-  }
-}
+    this.init();
+  },
+};
 </script>
 
 <style scoped>
-  .sewage{
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding: 20px 20px 0 20px;
-  }
-  .reply {
-    width: 100%;
-    border: 1px solid #ddd;
-    height: 50px;
-    background-color: #F3F3F3;
-    line-height: 50px;
-    font-size: 18px;
-    box-sizing: border-box;
-    padding-left: 20px;
-  }
-  .sewage-box {
-    width: 100%;
-    height: 300px;
-    display: flex;
-    justify-content: space-between;
-    border: 1px solid #ddd;
-    border-top: 0;
-  }
-  .box {
-    width: 19%;
-    height: 100%;
-  }
-  .echarts-line {
-    width: 100%;
-    border: 1px solid #ddd;
-  }
-  .reply1 {
-    width: 100%;
-    height: 50px;
-    background-color: #F3F3F3;
-    line-height: 50px;
-    font-size: 18px;
-    box-sizing: border-box;
-    padding-left: 20px;
-  }
-  .echarts-box {
-    width: 100%;
-    height: 400px;
-    border-top: 1px solid #ddd;
-  }
+.sewage {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 20px 20px 0 20px;
+}
+.reply {
+  width: 100%;
+  border: 1px solid #ddd;
+  height: 50px;
+  background-color: #f3f3f3;
+  line-height: 50px;
+  font-size: 18px;
+  box-sizing: border-box;
+  padding-left: 20px;
+}
+.sewage-box {
+  width: 100%;
+  height: 300px;
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid #ddd;
+  border-top: 0;
+}
+.box {
+  width: 19%;
+  height: 100%;
+}
+.echarts-line {
+  width: 100%;
+  border: 1px solid #ddd;
+}
+.reply1 {
+  width: 100%;
+  height: 50px;
+  background-color: #f3f3f3;
+  line-height: 50px;
+  font-size: 18px;
+  box-sizing: border-box;
+  padding-left: 20px;
+}
+.echarts-box {
+  width: 100%;
+  height: 400px;
+  border-top: 1px solid #ddd;
+}
 </style>