add:监测报警

src/api/newResource/data.js

@@ -39,5 +39,62 @@ export default {
       method: 'get',
       params
     })
-    }
+  },
+  // 报警列表
+  drybeachequipinforalarmList: (params) => {
+    return request({
+      url: 'tab/drybeachequipinfor/alarmList',
+      method: 'get',
+      params
+    })
+  },
+  //确认忽略报警
+  drybeachequipinforalarmListput: (params) => {
+    return request({
+      url: 'tab/drybeachequipinfor/alarmList',
+      method: 'put',
+      data:params
+    })
+  },
+  // 边坡设备列表
+  sensorList: (params) => {
+    return request({
+      url: 'data/mp/sensorList',
+      method: 'get',
+      params
+    })
+  },
+  // 温度设备列表
+  sensorListwen: (params) => {
+    return request({
+      url: 'data/sz/sensorList/wen',
+      method: 'get',
+      params
+    })
+  },
+  // 风速设备列表
+  sensorListfeng: (params) => {
+    return request({
+      url: 'data/sz/sensorList/feng',
+      method: 'get',
+      params
+    })
+  },
+  // 降雨设备列表
+  sensorListrg: (params) => {
+    return request({
+      url: '/data/rg/sensorList',
+      method: 'get',
+      params
+    })
+  },
+  //边坡设置报警级别
+  drybeachequipinforlevel: (params) => {
+    return request({
+      url: 'tab/drybeachequipinfor/level',
+      method: 'put',
+      data:params
+    })
+  },
+ 
 }

src/api/picManage/pic.js

+import request from '@/utils/request'
+export default {
+  getkdFile: (pageParam) => {
+    return request({
+      url: 'api/kdFile',
+      method: 'get',
+      params: pageParam
+    })
+  },
+  // 新增
+  add: (notice) => {
+    return request({
+      url: 'api/notice/add',
+      method: 'post',
+      data: notice
+    })
+  },
+  // 标记已读（查询权限）
+  read: (responseId) => {
+    return request({
+      url: 'api/notice/read',
+      method: 'post',
+      data: {
+        id: responseId
+      }
+    })
+  },
+  // 删除
+  del: (notice) => {
+    return request({
+      url: 'api/notice/del',
+      method: 'post',
+      data: {
+        id: notice.id
+      }
+    })
+  }
+}
\ No newline at end of file

src/views/newResource/displace/alert.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div>
+        
+        <el-button
+          class="filter-item"
+          size="mini"
+          @click="handleAlertManage"
+          >报警值管理</el-button
+        >
+      </div>
+    </div>
+
+    <!--表格-->
+    <el-table ref="table" v-loading="loading" :data="tableData" row-key="id">
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipno"
+        label="站点编号"
+        width="130px"
+        align="center"
+      />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipname"
+        label="测站名称"
+        align="center"
+      />
+     
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="time"
+        label="报警时间"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="state"
+        label="处置状态"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <div v-if="scope.row.state==1">
+            未处置
+          </div>
+          <div v-if="scope.row.state==2">已确认</div>
+          <div v-if="scope.row.state==3">已忽略</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope" v-if="scope.row.state==1"> 
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,2)"
+            >确认报警</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,3)"
+            >忽略报警</el-button
+          >
+        </template>
+        <template v-else><div>已经处理</div></template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      :page-sizes="[10, 20, 50, 100]"
+      :current-page.sync="page"
+      :page-size.sync="size"
+      :total="totalElement"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+    <el-dialog
+      title="报警值管理"
+      :visible.sync="open"
+      width="580px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="form"  label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="设备" prop="equipno">
+              <el-select
+                v-model="form.equipno"
+                multiple
+                placeholder="请选择设备"
+              >
+                <el-option
+                  v-for="dict in equipnoData"
+                  :key="dict.equipNo"
+                  :label="dict.equipName"
+                  :value="dict.equipNo"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="一级报警" prop="onelevelalarm">
+              <el-input-number
+                v-model="form.onelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级报警" prop="twolevelalarm">
+              <el-input-number
+                v-model="form.twolevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级报警" prop="threelevelalarm">
+              <el-input-number
+                v-model="form.threelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="四级报警" prop="fourlevelalarm">
+              <el-input-number
+                v-model="form.fourlevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog append-to-body :close-on-click-modal="true" :visible.sync="dialog2Show" title="报警处置" width="580px">
+      <div>
+        <span>是否操作报警数据？</span>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="dialog2Show=false">取消</el-button>
+        <el-button :loading="dialog2Saving" type="primary" @click="dialog2Submit">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import API from "@/api/newResource/data.js";
+import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: "newResourceDisplaceMachine", // 本页面名
+  data() {
+    return {
+      equipname: '',
+      datarealtime: '',
+      dialog2Saving:false,
+      loading: false,
+      tableData: [],
+      // 总的个数
+      totalElement: 0,
+      // 当前页的条数
+      size: 10,
+      // 当前页码
+      page: 0,
+      form:{},
+      equipnoData:[],
+      open:false,
+      dialog2Show:false,
+      dialog2form:{
+        id:null,
+        state:null,
+      }
+    };
+  },
+  components: { DateRangePicker },
+  mounted() {
+    this.search()
+    this.getsensorList()
+  },
+  methods: {
+    resetForm(){
+      this.form={
+        equipno:[],
+        onelevelalarm:0,
+        twolevelalarm:0,
+        threelevelalarm:0,
+        fourlevelalarm:0,
+      }
+    },
+    getData() {
+      this.loading = true;
+      API.drybeachequipinforalarmList({
+        page: this.page,
+        size: this.size,
+        deviceType:3,
+      })
+        .then((response) => {
+          this.loading = false;
+          this.tableData = response.body.list;
+          this.totalElement = response.body.total;
+
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+     // 模糊搜索
+     search() {
+      this.getData();
+    },
+    getsensorList(){
+      API.sensorList().then(res=>{
+        this.equipnoData = res.body;
+      })
+    },
+    // clearSearch() {
+    //   this.equipname = ''
+    //   this.datarealtime =  ''
+    //   this.size = 10;
+    //   this.page = 0;
+    //   this.getData();
+    // },
+    // 当前页的条数变化
+    handleSizeChange(val) {
+      this.size = val;
+      this.getData();
+    },
+    // 当前第几页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getData();
+    },
+
+    handleSure(row,state){
+      console.log(row.id)
+      this.dialog2Show = true
+      this.dialog2form.id = row.id;
+      this.dialog2form.state = state;
+    },
+    handleAlertManage(){
+      this.resetForm;
+      this.open = true;
+    },
+    submitForm(){
+      API.drybeachequipinforlevel(this.form).then(res => {
+        this.$message.success('设置成功');
+        this.open = false;
+      })
+    },
+    dialog2Submit(){
+      API.drybeachequipinforalarmListput(this.dialog2form).then(()=>{
+        this.$message.success('处置成功');
+        this.getData();
+        this.dialog2Show = false;
+      })
+    },
+    cancel(){
+      this.open = false;
+    }
+   
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+</style>

src/views/newResource/temperature/alert.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div>
+        
+        <el-button
+          class="filter-item"
+          size="mini"
+          @click="handleAlertManage"
+          >报警值管理</el-button
+        >
+      </div>
+    </div>
+
+    <!--表格-->
+    <el-table ref="table" v-loading="loading" :data="tableData" row-key="id">
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipno"
+        label="站点编号"
+        width="130px"
+        align="center"
+      />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipname"
+        label="测站名称"
+        align="center"
+      />
+     
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="time"
+        label="报警时间"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="state"
+        label="处置状态"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <div v-if="scope.row.state==1">
+            未处置
+          </div>
+          <div v-if="scope.row.state==2">已确认</div>
+          <div v-if="scope.row.state==3">已忽略</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope" v-if="scope.row.state==1"> 
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,2)"
+            >确认报警</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,3)"
+            >忽略报警</el-button
+          >
+        </template>
+        <template v-else><div>已经处理</div></template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      :page-sizes="[10, 20, 50, 100]"
+      :current-page.sync="page"
+      :page-size.sync="size"
+      :total="totalElement"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+    <el-dialog
+      title="报警值管理"
+      :visible.sync="open"
+      width="580px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="form"  label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="设备" prop="equipno">
+              <el-select
+                v-model="form.equipno"
+                multiple
+                placeholder="请选择设备"
+              >
+                <el-option
+                  v-for="dict in equipnoData"
+                  :key="dict.equipNo"
+                  :label="dict.equipName"
+                  :value="dict.equipNo"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="一级报警" prop="onelevelalarm">
+              <el-input-number
+                v-model="form.onelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级报警" prop="twolevelalarm">
+              <el-input-number
+                v-model="form.twolevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级报警" prop="threelevelalarm">
+              <el-input-number
+                v-model="form.threelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="四级报警" prop="fourlevelalarm">
+              <el-input-number
+                v-model="form.fourlevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog append-to-body :close-on-click-modal="true" :visible.sync="dialog2Show" title="报警处置" width="580px">
+      <div>
+        <span>是否操作报警数据？</span>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="dialog2Show=false">取消</el-button>
+        <el-button :loading="dialog2Saving" type="primary" @click="dialog2Submit">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import API from "@/api/newResource/data.js";
+import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: "newResourceDisplaceMachine", // 本页面名
+  data() {
+    return {
+      equipname: '',
+      datarealtime: '',
+      dialog2Saving:false,
+      loading: false,
+      tableData: [],
+      // 总的个数
+      totalElement: 0,
+      // 当前页的条数
+      size: 10,
+      // 当前页码
+      page: 0,
+      form:{},
+      equipnoData:[],
+      open:false,
+      dialog2Show:false,
+      dialog2form:{
+        id:null,
+        state:null,
+      }
+    };
+  },
+  components: { DateRangePicker },
+  mounted() {
+    this.search()
+    this.getsensorList()
+  },
+  methods: {
+    resetForm(){
+      this.form={
+        equipno:[],
+        onelevelalarm:0,
+        twolevelalarm:0,
+        threelevelalarm:0,
+        fourlevelalarm:0,
+      }
+    },
+    getData() {
+      this.loading = true;
+      API.drybeachequipinforalarmList({
+        page: this.page,
+        size: this.size,
+        deviceType:8,
+        different:'温度'
+      })
+        .then((response) => {
+          this.loading = false;
+          this.tableData = response.body.list;
+          this.totalElement = response.body.total;
+
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+     // 模糊搜索
+     search() {
+      this.getData();
+    },
+    getsensorList(){
+      API.sensorListwen().then(res=>{
+        this.equipnoData = res.body;
+      })
+    },
+    // clearSearch() {
+    //   this.equipname = ''
+    //   this.datarealtime =  ''
+    //   this.size = 10;
+    //   this.page = 0;
+    //   this.getData();
+    // },
+    // 当前页的条数变化
+    handleSizeChange(val) {
+      this.size = val;
+      this.getData();
+    },
+    // 当前第几页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getData();
+    },
+
+    handleSure(row,state){
+      console.log(row.id)
+      this.dialog2Show = true
+      this.dialog2form.id = row.id;
+      this.dialog2form.state = state;
+    },
+    handleAlertManage(){
+      this.resetForm;
+      this.open = true;
+    },
+    submitForm(){
+      API.drybeachequipinforlevel(this.form).then(res => {
+        this.$message.success('设置成功');
+        this.open = false;
+      })
+    },
+    dialog2Submit(){
+      API.drybeachequipinforalarmListput(this.dialog2form).then(()=>{
+        this.$message.success('处置成功');
+        this.getData();
+        this.dialog2Show = false;
+      })
+    },
+    cancel(){
+      this.open = false;
+    }
+   
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+</style>

src/views/newResource/windspeed/alert.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div>
+        
+        <el-button
+          class="filter-item"
+          size="mini"
+          @click="handleAlertManage"
+          >报警值管理</el-button
+        >
+      </div>
+    </div>
+
+    <!--表格-->
+    <el-table ref="table" v-loading="loading" :data="tableData" row-key="id">
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipno"
+        label="站点编号"
+        width="130px"
+        align="center"
+      />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipname"
+        label="测站名称"
+        align="center"
+      />
+     
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="time"
+        label="报警时间"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="state"
+        label="处置状态"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <div v-if="scope.row.state==1">
+            未处置
+          </div>
+          <div v-if="scope.row.state==2">已确认</div>
+          <div v-if="scope.row.state==3">已忽略</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope" v-if="scope.row.state==1"> 
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,2)"
+            >确认报警</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,3)"
+            >忽略报警</el-button
+          >
+        </template>
+        <template v-else><div>已经处理</div></template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      :page-sizes="[10, 20, 50, 100]"
+      :current-page.sync="page"
+      :page-size.sync="size"
+      :total="totalElement"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+    <el-dialog
+      title="报警值管理"
+      :visible.sync="open"
+      width="580px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="form"  label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="设备" prop="equipno">
+              <el-select
+                v-model="form.equipno"
+                multiple
+                placeholder="请选择设备"
+              >
+                <el-option
+                  v-for="dict in equipnoData"
+                  :key="dict.equipNo"
+                  :label="dict.equipName"
+                  :value="dict.equipNo"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="一级报警" prop="onelevelalarm">
+              <el-input-number
+                v-model="form.onelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级报警" prop="twolevelalarm">
+              <el-input-number
+                v-model="form.twolevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级报警" prop="threelevelalarm">
+              <el-input-number
+                v-model="form.threelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="四级报警" prop="fourlevelalarm">
+              <el-input-number
+                v-model="form.fourlevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog append-to-body :close-on-click-modal="true" :visible.sync="dialog2Show" title="报警处置" width="580px">
+      <div>
+        <span>是否操作报警数据？</span>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="dialog2Show=false">取消</el-button>
+        <el-button :loading="dialog2Saving" type="primary" @click="dialog2Submit">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import API from "@/api/newResource/data.js";
+import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: "newResourceDisplaceMachine", // 本页面名
+  data() {
+    return {
+      equipname: '',
+      datarealtime: '',
+      dialog2Saving:false,
+      loading: false,
+      tableData: [],
+      // 总的个数
+      totalElement: 0,
+      // 当前页的条数
+      size: 10,
+      // 当前页码
+      page: 0,
+      form:{},
+      equipnoData:[],
+      open:false,
+      dialog2Show:false,
+      dialog2form:{
+        id:null,
+        state:null,
+      }
+    };
+  },
+  components: { DateRangePicker },
+  mounted() {
+    this.search()
+    this.getsensorList()
+  },
+  methods: {
+    resetForm(){
+      this.form={
+        equipno:[],
+        onelevelalarm:0,
+        twolevelalarm:0,
+        threelevelalarm:0,
+        fourlevelalarm:0,
+      }
+    },
+    getData() {
+      this.loading = true;
+      API.drybeachequipinforalarmList({
+        page: this.page,
+        size: this.size,
+        deviceType:8,
+        different:'风速'
+      })
+        .then((response) => {
+          this.loading = false;
+          this.tableData = response.body.list;
+          this.totalElement = response.body.total;
+
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+     // 模糊搜索
+     search() {
+      this.getData();
+    },
+    getsensorList(){
+      API.sensorListfeng().then(res=>{
+        this.equipnoData = res.body;
+      })
+    },
+    // clearSearch() {
+    //   this.equipname = ''
+    //   this.datarealtime =  ''
+    //   this.size = 10;
+    //   this.page = 0;
+    //   this.getData();
+    // },
+    // 当前页的条数变化
+    handleSizeChange(val) {
+      this.size = val;
+      this.getData();
+    },
+    // 当前第几页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getData();
+    },
+
+    handleSure(row,state){
+      console.log(row.id)
+      this.dialog2Show = true
+      this.dialog2form.id = row.id;
+      this.dialog2form.state = state;
+    },
+    handleAlertManage(){
+      this.resetForm;
+      this.open = true;
+    },
+    submitForm(){
+      API.drybeachequipinforlevel(this.form).then(res => {
+        this.$message.success('设置成功');
+        this.open = false;
+      })
+    },
+    dialog2Submit(){
+      API.drybeachequipinforalarmListput(this.dialog2form).then(()=>{
+        this.$message.success('处置成功');
+        this.getData();
+        this.dialog2Show = false;
+      })
+    },
+    cancel(){
+      this.open = false;
+    }
+   
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+</style>

src/views/newWater/precipitation/alert.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div>
+        
+        <el-button
+          class="filter-item"
+          size="mini"
+          @click="handleAlertManage"
+          >报警值管理</el-button
+        >
+      </div>
+    </div>
+
+    <!--表格-->
+    <el-table ref="table" v-loading="loading" :data="tableData" row-key="id">
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipno"
+        label="站点编号"
+        width="130px"
+        align="center"
+      />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="equipname"
+        label="测站名称"
+        align="center"
+      />
+     
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="time"
+        label="报警时间"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="state"
+        label="处置状态"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <div v-if="scope.row.state==1">
+            未处置
+          </div>
+          <div v-if="scope.row.state==2">已确认</div>
+          <div v-if="scope.row.state==3">已忽略</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope" v-if="scope.row.state==1"> 
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,2)"
+            >确认报警</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSure(scope.row,3)"
+            >忽略报警</el-button
+          >
+        </template>
+        <template v-else><div>已经处理</div></template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      :page-sizes="[10, 20, 50, 100]"
+      :current-page.sync="page"
+      :page-size.sync="size"
+      :total="totalElement"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+    <el-dialog
+      title="报警值管理"
+      :visible.sync="open"
+      width="580px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="form"  label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="设备" prop="equipno">
+              <el-select
+                v-model="form.equipno"
+                multiple
+                placeholder="请选择设备"
+              >
+                <el-option
+                  v-for="dict in equipnoData"
+                  :key="dict.equipNo"
+                  :label="dict.equipName"
+                  :value="dict.equipNo"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="一级报警" prop="onelevelalarm">
+              <el-input-number
+                v-model="form.onelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级报警" prop="twolevelalarm">
+              <el-input-number
+                v-model="form.twolevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级报警" prop="threelevelalarm">
+              <el-input-number
+                v-model="form.threelevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="四级报警" prop="fourlevelalarm">
+              <el-input-number
+                v-model="form.fourlevelalarm"
+                controls-position="right"
+                :min="0"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog append-to-body :close-on-click-modal="true" :visible.sync="dialog2Show" title="报警处置" width="580px">
+      <div>
+        <span>是否操作报警数据？</span>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="dialog2Show=false">取消</el-button>
+        <el-button :loading="dialog2Saving" type="primary" @click="dialog2Submit">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import API from "@/api/newResource/data.js";
+import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: "newResourceDisplaceMachine", // 本页面名
+  data() {
+    return {
+      equipname: '',
+      datarealtime: '',
+      dialog2Saving:false,
+      loading: false,
+      tableData: [],
+      // 总的个数
+      totalElement: 0,
+      // 当前页的条数
+      size: 10,
+      // 当前页码
+      page: 0,
+      form:{},
+      equipnoData:[],
+      open:false,
+      dialog2Show:false,
+      dialog2form:{
+        id:null,
+        state:null,
+      }
+    };
+  },
+  components: { DateRangePicker },
+  mounted() {
+    this.search()
+    this.getsensorList()
+  },
+  methods: {
+    resetForm(){
+      this.form={
+        equipno:[],
+        onelevelalarm:0,
+        twolevelalarm:0,
+        threelevelalarm:0,
+        fourlevelalarm:0,
+      }
+    },
+    getData() {
+      this.loading = true;
+      API.drybeachequipinforalarmList({
+        page: this.page,
+        size: this.size,
+        deviceType:6,
+      })
+        .then((response) => {
+          this.loading = false;
+          this.tableData = response.body.list;
+          this.totalElement = response.body.total;
+
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+     // 模糊搜索
+     search() {
+      this.getData();
+    },
+    getsensorList(){
+      API.sensorListrg().then(res=>{
+        this.equipnoData = res.body;
+      })
+    },
+    // clearSearch() {
+    //   this.equipname = ''
+    //   this.datarealtime =  ''
+    //   this.size = 10;
+    //   this.page = 0;
+    //   this.getData();
+    // },
+    // 当前页的条数变化
+    handleSizeChange(val) {
+      this.size = val;
+      this.getData();
+    },
+    // 当前第几页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getData();
+    },
+
+    handleSure(row,state){
+      console.log(row.id)
+      this.dialog2Show = true
+      this.dialog2form.id = row.id;
+      this.dialog2form.state = state;
+    },
+    handleAlertManage(){
+      this.resetForm;
+      this.open = true;
+    },
+    submitForm(){
+      API.drybeachequipinforlevel(this.form).then(res => {
+        this.$message.success('设置成功');
+        this.open = false;
+      })
+    },
+    dialog2Submit(){
+      API.drybeachequipinforalarmListput(this.dialog2form).then(()=>{
+        this.$message.success('处置成功');
+        this.getData();
+        this.dialog2Show = false;
+      })
+    },
+    cancel(){
+      this.open = false;
+    }
+   
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+</style>

src/views/picManage/kfly.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <el-select v-model="searchParam._mineIndex" placeholder="所属矿山" clearable size="small" class="filter-item" style="width: 200px;">
+        <el-option v-for="mine in mineList" :key="mine.index" :label="mine.name" :value="mine.index" />
+      </el-select>
+      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="searchSubmit">查看</el-button>
+    </div>
+    <!--图-->
+    <template v-if="underfloorPlanListShow && underfloorPlanListShow.length>0">
+      <div style="width: 100%;">
+        <el-image v-for="file in underfloorPlanListShow" :key="file.url" style="width: 100%; height: auto" :src="baseApi+'/file'+file.url" fit="contain" />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import mineApi from '@/api/picManage/pic'
+import { getToken } from '@/utils/auth'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'CUnderfloorPlan', // 本页面名：没有Person前缀！这个功能和person没有直接关系~
+  components: {},
+  data() {
+    return {
+      mineList: [],
+      httpHeaders: {
+        'Authorization': getToken()
+      },
+      searchParam: {},
+      underfloorPlanPath: null,
+      underfloorPlanList: [],
+      underfloorPlanListShow: []
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'user',
+      'baseApi'
+    ])
+  },
+  mounted() {
+    let form = {
+      enterpriseId:5,
+      page:1,
+      size:10
+    }
+    // 矿山选项卡
+    mineApi.getkdFile(form).then(response => {
+      // let i = 1
+      // response.results.forEach(x => { x.index = i++ })
+      // this.mineList = response.results
+    })
+  },
+  methods: {
+    searchSubmit() {
+      this.underfloorPlanPath = null
+      this.underfloorPlanList = []
+      this.underfloorPlanListShow = []
+      if (this.searchParam._mineIndex) {
+        const mine = this.mineList[this.searchParam._mineIndex - 1]
+        this.searchParam.mineType = mine.mineType
+        this.searchParam.mineId = mine.id
+      } else {
+        this.$message.warning('请选择矿山')
+        return
+      }
+      mineApi.getUndergroundById(this.searchParam.mineId).then(response => {
+        this.underfloorPlanPath = response.underfloorPlanPath
+        if (this.underfloorPlanPath) {
+          this.underfloorPlanListShow = JSON.parse(this.underfloorPlanPath)
+        } else {
+          this.$message.warning('当前矿山未上传井下平面图')
+        }
+      })
+    },
+    submit() {
+      this.underfloorPlanPath = JSON.stringify(this.underfloorPlanList)
+      console.log(this.underfloorPlanPath)
+      mineApi.setUnderground({
+        id: this.searchParam.mineId,
+        underfloorPlanPath: this.underfloorPlanPath
+      }).then(() => {
+        this.$message.success('修改成功')
+        this.searchSubmit()
+      })
+    },
+    upFileSuccess(response, file, fileList) {
+      if (!this.underfloorPlanList) {
+        this.underfloorPlanList = []
+      }
+      this.underfloorPlanList.push({
+        name: file.name,
+        url: response.result
+      })
+    },
+    upFileError() {
+      this.$message.error('上传失败，请稍后再试')
+    },
+    upFileRemove() {
+      this.underfloorPlanList = []
+    },
+    upFileBefore(file) {
+      const isIMG = file.type === 'image/jpeg' || file.type === 'image/png'
+      const isLtSize = file.size / 1024 / 1024 < 20
+      if (!isIMG) {
+        this.$message.error('上传图片只能是 JPG/JPEG/PNG 格式')
+        return false
+      }
+      if (!isLtSize) {
+        this.$message.error('上传图片大小不能超过 20MB')
+        return false
+      }
+      return true
+    },
+    upFileExceed() {
+      this.$message.error('您已经上传了一张图，请删除后重新上传')
+    },
+    openFile(file) {
+      if (file.url) {
+        window.open(this.baseApi + '/file' + file.url)
+      } else if (file.response && file.response.result) {
+        window.open(this.baseApi + '/file' + file.response.result)
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  ::v-deep .el-input-number .el-input__inner {
+    text-align: left;
+  }
+  ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
+    height: 30px;
+    line-height: 30px;
+  }
+</style>

src/views/picManage/ksqj.vue

+<template>
+  <div class="app-container">
+    1
+  </div>
+</template>
\ No newline at end of file

src/views/picManage/lsks.vue

+<template>
+  <div class="app-container">
+    1
+  </div>
+</template>
\ No newline at end of file

src/views/picManage/rydw.vue

+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <el-select v-model="searchParam._mineIndex" placeholder="所属矿山" clearable size="small" class="filter-item" style="width: 200px;">
+        <el-option v-for="mine in mineList" :key="mine.id" :label="mine.name" :value="mine.id" />
+      </el-select>
+      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="searchSubmit">查看</el-button>
+    </div>
+    <!--图-->
+    <template v-if="underfloorPlanListShow && underfloorPlanListShow.length>0">
+      <div style="width: 100%;">
+        <el-image v-for="file in underfloorPlanListShow" :key="file.url" style="width: 100%; height: auto" :src="baseApi+'/file'+file.url" fit="contain" />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import mineApi from '@/api/kd/mine'
+import picApi from '@/api/picManage/pic'
+import { getToken } from '@/utils/auth'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'CUnderfloorPlan', // 本页面名：没有Person前缀！这个功能和person没有直接关系~
+  components: {},
+  data() {
+    return {
+      dataList:[],
+      total:0,
+      form:{},
+      searchForm:{
+        page:1,
+        size:10,
+        type:8,
+        enterpriseId:5,
+      },
+      mineList: [],
+      httpHeaders: {
+        'Authorization': getToken()
+      },
+      searchParam: {},
+      underfloorPlanPath: null,
+      underfloorPlanList: [],
+      underfloorPlanListShow: []
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'user',
+      'baseApi'
+    ])
+  },
+  mounted() {
+    // 矿山选项卡
+    mineApi.getEnableMine().then(response => {
+      let i = 1
+      response.results.forEach(x => { x.index = i++ })
+      this.mineList = response.results
+    })
+   
+    // 矿山选项卡
+    
+  },
+  methods: {
+    reset(){
+      this.form={
+        enterpriseId:null,
+        fileName:null,
+        filePath:null,
+        id:null,
+        type:8,
+      }
+    },
+    getData(){
+      picApi.getkdFile(this.searchForm).then(response => {
+        this.dataList = response.body.list
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  ::v-deep .el-input-number .el-input__inner {
+    text-align: left;
+  }
+  ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
+    height: 30px;
+    line-height: 30px;
+  }
+</style>

src/views/picManage/sjc.vue

+<template>
+  <div class="app-container">
+    1
+  </div>
+</template>
\ No newline at end of file

src/views/picManage/tjc.vue

+<template>
+  <div class="app-container">
+    1
+  </div>
+</template>
\ No newline at end of file

src/views/picManage/zycl.vue

+<template>
+  <div class="app-container">
+    1
+  </div>
+</template>
\ No newline at end of file