自然资源 、 水利系统

src/views/newResource/displace/data.vue

+<template>
+    <div class="app-container">
+      <!--工具栏-->
+      <!-- <span style="color: red;font-size: 10px;">* 原型图菜单叫监控数据，但其他2处监控叫实时数据，此页面查询的也是最新的测点数据，为措辞统一，这里也叫实时数据了。</span>
+      <span style="color: red;font-size: 10px;">* 测点类型在新增时是填写的，在这里是选择的？在填过的内容里选择吗？等对接了硬件可能会更清楚这个类型是干什么用的。</span> -->
+      <div class="head-container">
+        <div>
+          <el-input clearable size="small" placeholder="测点名称" style="width: 200px;" class="filter-item" />
+          <el-select v-model="value" placeholder="测点类型？" style="width: 200px;" class="filter-item">
+            <el-option label="测点类型？" value="1" />
+          </el-select>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="$message('等待硬件对接中')">搜索</el-button>
+          <el-button class="filter-item" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button>
+        </div>
+      </div>
+      <!--表格-->
+      <el-table ref="table" v-loading="searching" :data="tableData" row-key="id">
+        <el-table-column :show-overflow-tooltip="true" prop="id" label="编号" width="100px" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="mineName" label="测点名称" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="name" label="测点编号" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="code" label="监测值" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="monitoringType" label="监测时间" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="unit" label="报警状态" align="center" />
+      </el-table>
+      <el-pagination
+        :page-sizes="[10, 20, 50, 100]"
+        :current-page.sync="searchParam.page"
+        :page-size.sync="searchParam.count"
+        :total="searchResult.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="searchSubmit"
+        @current-change="searchSubmit"
+      />
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'EIotEnvironmentData', // 本页面名
+    data() {
+      return {
+        searching: false,
+        searchParam: {},
+        searchResult: {
+          results: []
+        }
+      }
+    },
+    computed: {
+      tableData() {
+        // 此处对返回值进行算法重组
+        return this.searchResult.results
+      }
+    },
+    mounted() {
+    },
+    methods: {
+    }
+  }
+  </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>
+  
\ No newline at end of file

src/views/newResource/temperature/data.vue

+<template>
+    <div class="app-container">
+      <!--工具栏-->
+      <!-- <span style="color: red;font-size: 10px;">* 原型图菜单叫监控数据，但其他2处监控叫实时数据，此页面查询的也是最新的测点数据，为措辞统一，这里也叫实时数据了。</span>
+      <span style="color: red;font-size: 10px;">* 测点类型在新增时是填写的，在这里是选择的？在填过的内容里选择吗？等对接了硬件可能会更清楚这个类型是干什么用的。</span> -->
+      <div class="head-container">
+        <div>
+          <el-input clearable size="small" placeholder="测点名称" style="width: 200px;" class="filter-item" />
+          <el-select v-model="value" placeholder="测点类型？" style="width: 200px;" class="filter-item">
+            <el-option label="测点类型？" value="1" />
+          </el-select>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="$message('等待硬件对接中')">搜索</el-button>
+          <el-button class="filter-item" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button>
+        </div>
+      </div>
+      <!--表格-->
+      <el-table ref="table" v-loading="searching" :data="tableData" row-key="id">
+        <el-table-column :show-overflow-tooltip="true" prop="id" label="编号" width="100px" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="mineName" label="测点名称" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="name" label="测点编号" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="code" label="监测值" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="monitoringType" label="监测时间" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="unit" label="报警状态" align="center" />
+      </el-table>
+      <el-pagination
+        :page-sizes="[10, 20, 50, 100]"
+        :current-page.sync="searchParam.page"
+        :page-size.sync="searchParam.count"
+        :total="searchResult.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="searchSubmit"
+        @current-change="searchSubmit"
+      />
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'EIotEnvironmentData', // 本页面名
+    data() {
+      return {
+        searching: false,
+        searchParam: {},
+        searchResult: {
+          results: []
+        }
+      }
+    },
+    computed: {
+      tableData() {
+        // 此处对返回值进行算法重组
+        return this.searchResult.results
+      }
+    },
+    mounted() {
+    },
+    methods: {
+    }
+  }
+  </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>
+  
\ No newline at end of file

src/views/newResource/windspeed/data.vue

+<template>
+    <div class="app-container">
+      <!--工具栏-->
+      <!-- <span style="color: red;font-size: 10px;">* 原型图菜单叫监控数据，但其他2处监控叫实时数据，此页面查询的也是最新的测点数据，为措辞统一，这里也叫实时数据了。</span>
+      <span style="color: red;font-size: 10px;">* 测点类型在新增时是填写的，在这里是选择的？在填过的内容里选择吗？等对接了硬件可能会更清楚这个类型是干什么用的。</span> -->
+      <div class="head-container">
+        <div>
+          <el-input clearable size="small" placeholder="测点名称" style="width: 200px;" class="filter-item" />
+          <el-select v-model="value" placeholder="测点类型？" style="width: 200px;" class="filter-item">
+            <el-option label="测点类型？" value="1" />
+          </el-select>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="$message('等待硬件对接中')">搜索</el-button>
+          <el-button class="filter-item" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button>
+        </div>
+      </div>
+      <!--表格-->
+      <el-table ref="table" v-loading="searching" :data="tableData" row-key="id">
+        <el-table-column :show-overflow-tooltip="true" prop="id" label="编号" width="100px" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="mineName" label="测点名称" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="name" label="测点编号" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="code" label="监测值" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="monitoringType" label="监测时间" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="unit" label="报警状态" align="center" />
+      </el-table>
+      <el-pagination
+        :page-sizes="[10, 20, 50, 100]"
+        :current-page.sync="searchParam.page"
+        :page-size.sync="searchParam.count"
+        :total="searchResult.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="searchSubmit"
+        @current-change="searchSubmit"
+      />
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'EIotEnvironmentData', // 本页面名
+    data() {
+      return {
+        searching: false,
+        searchParam: {},
+        searchResult: {
+          results: []
+        }
+      }
+    },
+    computed: {
+      tableData() {
+        // 此处对返回值进行算法重组
+        return this.searchResult.results
+      }
+    },
+    mounted() {
+    },
+    methods: {
+    }
+  }
+  </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>
+  
\ No newline at end of file

src/views/newWater/precipitation/data.vue

+<template>
+    <div class="app-container">
+      <!--工具栏-->
+      <!-- <span style="color: red;font-size: 10px;">* 原型图菜单叫监控数据，但其他2处监控叫实时数据，此页面查询的也是最新的测点数据，为措辞统一，这里也叫实时数据了。</span>
+      <span style="color: red;font-size: 10px;">* 测点类型在新增时是填写的，在这里是选择的？在填过的内容里选择吗？等对接了硬件可能会更清楚这个类型是干什么用的。</span> -->
+      <div class="head-container">
+        <div>
+          <el-input clearable size="small" placeholder="测点名称" style="width: 200px;" class="filter-item" />
+          <el-select v-model="value" placeholder="测点类型？" style="width: 200px;" class="filter-item">
+            <el-option label="测点类型？" value="1" />
+          </el-select>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="$message('等待硬件对接中')">搜索</el-button>
+          <el-button class="filter-item" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button>
+        </div>
+      </div>
+      <!--表格-->
+      <el-table ref="table" v-loading="searching" :data="tableData" row-key="id">
+        <el-table-column :show-overflow-tooltip="true" prop="id" label="编号" width="100px" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="mineName" label="测点名称" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="name" label="测点编号" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="code" label="监测值" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="monitoringType" label="监测时间" align="center" />
+        <el-table-column :show-overflow-tooltip="true" prop="unit" label="报警状态" align="center" />
+      </el-table>
+      <el-pagination
+        :page-sizes="[10, 20, 50, 100]"
+        :current-page.sync="searchParam.page"
+        :page-size.sync="searchParam.count"
+        :total="searchResult.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="searchSubmit"
+        @current-change="searchSubmit"
+      />
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'EIotEnvironmentData', // 本页面名
+    data() {
+      return {
+        searching: false,
+        searchParam: {},
+        searchResult: {
+          results: []
+        }
+      }
+    },
+    computed: {
+      tableData() {
+        // 此处对返回值进行算法重组
+        return this.searchResult.results
+      }
+    },
+    mounted() {
+    },
+    methods: {
+    }
+  }
+  </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>
+  
\ No newline at end of file