|
@@ -10,7 +10,7 @@
|
|
|
<div class="first">
|
|
|
<div class="insertBox" v-if="deviceNumData.length == ''">
|
|
|
<div class="firstTop">
|
|
|
- <div class="firstTopLeft">
|
|
|
+ <div class="firstTopLeft ">
|
|
|
<!-- 选择站点:
|
|
|
<el-select
|
|
|
v-model="store.state.siteId"
|
|
@@ -24,15 +24,28 @@
|
|
|
:value="site.id"
|
|
|
></el-option>
|
|
|
</el-select> -->
|
|
|
-
|
|
|
- <span class="firstTopLeftTitle">站点名称:</span>
|
|
|
- <el-input
|
|
|
- placeholder="输入关键字进行过滤"
|
|
|
- v-model="filterText"
|
|
|
- class="firstTopLeftInput"
|
|
|
- >
|
|
|
-
|
|
|
- </el-input>
|
|
|
+ <div class="filter-item">
|
|
|
+ <span class="firstTopLeftTitle">站点名称:</span>
|
|
|
+ <el-input
|
|
|
+ placeholder="输入关键字进行过滤"
|
|
|
+ v-model="filterText"
|
|
|
+ class="firstTopLeftInput"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="filter-item">
|
|
|
+ <span class="firstTopLeftTitle">联系人:</span>
|
|
|
+ <el-input
|
|
|
+ v-model="userName"
|
|
|
+ class="firstTopLeftInput"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="filter-item">
|
|
|
+ <span class="firstTopLeftTitle">手机号:</span>
|
|
|
+ <el-input
|
|
|
+ v-model="phone"
|
|
|
+ class="firstTopLeftInput"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
|
|
|
<el-button
|
|
|
type="primary"
|
|
@@ -56,8 +69,7 @@
|
|
|
|
|
|
<div class="firstContent">
|
|
|
<el-table
|
|
|
- :data="
|
|
|
- tableData"
|
|
|
+ :data="tableData"
|
|
|
border
|
|
|
stripe
|
|
|
:header-cell-style="headClass"
|
|
@@ -129,7 +141,7 @@
|
|
|
:Height="Height"
|
|
|
:refresh="refresh"
|
|
|
@updateRow="update"
|
|
|
- @func="getMsgFormSon"
|
|
|
+ @func="getMsgFormSon"
|
|
|
></deviceDetails>
|
|
|
</div>
|
|
|
|
|
@@ -146,8 +158,11 @@
|
|
|
<el-tab-pane label="视频监测设备" name="videoEquip">
|
|
|
<video-Equip :Height="Height" :activeName="activeName"></video-Equip>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="通信设备" name="communicateEquip">
|
|
|
- <communicate-Equip :Height="Height" :activeName="activeName"></communicate-Equip>
|
|
|
+ <el-tab-pane label="通信设备" name="communicateEquip">
|
|
|
+ <communicate-Equip
|
|
|
+ :Height="Height"
|
|
|
+ :activeName="activeName"
|
|
|
+ ></communicate-Equip>
|
|
|
</el-tab-pane>
|
|
|
<!-- <el-tab-pane label="通道列表" name="channelList">
|
|
|
<channel-List :Height="Height"></channel-List>
|
|
@@ -157,7 +172,7 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import { useStore } from 'vuex'
|
|
|
-import { defineComponent, ref, reactive, onMounted } from 'vue'
|
|
|
+import { defineComponent, ref, reactive, onMounted, watch } from 'vue'
|
|
|
import deviceDetails from './deviceDetails.vue'
|
|
|
import videoEquip from './videoEquip/index.vue'
|
|
|
import insertDialog from './powerDialog/insertDialog.vue'
|
|
@@ -187,6 +202,8 @@ export default defineComponent({
|
|
|
const refresh = ref(false) //设备列表详情table 是否重新调用
|
|
|
const activeName = ref('powerEquip')
|
|
|
const filterText = ref('')
|
|
|
+ const userName = ref('')
|
|
|
+ const phone = ref('')
|
|
|
const show = ref(false)
|
|
|
const updateTitle = ref('')
|
|
|
|
|
@@ -251,7 +268,9 @@ export default defineComponent({
|
|
|
.monitorDeviceList({
|
|
|
size: pageSize.value,
|
|
|
current: currentPage.value,
|
|
|
- siteName:filterText.value
|
|
|
+ siteName: filterText.value,
|
|
|
+ userName:userName.value,
|
|
|
+ phone:phone.value
|
|
|
})
|
|
|
.then((requset) => {
|
|
|
if (requset.status === 'SUCCESS') {
|
|
@@ -282,13 +301,10 @@ export default defineComponent({
|
|
|
monitorDeviceList()
|
|
|
}
|
|
|
|
|
|
-
|
|
|
const getMsgFormSon = () => {
|
|
|
deviceNumData.value = ''
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
// 表头样式设置
|
|
|
const headClass = () => {
|
|
|
return 'background:#FAFAFA !important;color: black;'
|
|
@@ -298,9 +314,22 @@ export default defineComponent({
|
|
|
window.addEventListener('resize', () => {
|
|
|
Height.value = window.innerHeight - 300 + 'px'
|
|
|
})
|
|
|
+
|
|
|
+ watch(
|
|
|
+ () => activeName.value,
|
|
|
+ (newVal) => {
|
|
|
+ newVal
|
|
|
+ if (newVal == 'powerEquip') {
|
|
|
+ // deviceNewsList()
|
|
|
+ deviceNumData.value = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
monitorDeviceList()
|
|
|
})
|
|
|
+
|
|
|
return {
|
|
|
refresh,
|
|
|
Height,
|
|
@@ -308,6 +337,8 @@ export default defineComponent({
|
|
|
tableData,
|
|
|
activeName,
|
|
|
filterText,
|
|
|
+ userName,
|
|
|
+ phone,
|
|
|
show,
|
|
|
addItem,
|
|
|
update,
|
|
@@ -347,7 +378,7 @@ export default defineComponent({
|
|
|
height: 32px;
|
|
|
line-height: 32px;
|
|
|
.firstTopLeft {
|
|
|
- width: 70%;
|
|
|
+ width: 100%;
|
|
|
.goBack {
|
|
|
margin-right: 15px;
|
|
|
}
|
|
@@ -400,4 +431,11 @@ export default defineComponent({
|
|
|
margin-top: 15px;
|
|
|
float: right;
|
|
|
}
|
|
|
+.filter-item{
|
|
|
+ display:inline-block;
|
|
|
+ margin-right:20px;
|
|
|
+ .firstTopLeftInput{
|
|
|
+ width:180px!important
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|