fix
This commit is contained in:
		| @@ -4,18 +4,15 @@ | ||||
|       <ai-title slot="title" title="广播设备管理" isShowBottomBorder/> | ||||
|       <template #content> | ||||
|         <ai-search-bar bottomBorder> | ||||
|           <template slot="left"> | ||||
|             <el-button type="primary" icon="iconfont iconResetting" @click="update" :loading="btnLoading">更新数据</el-button> | ||||
|           </template> | ||||
|           <template slot="right"> | ||||
|             <el-input v-model="search.name" size="small" placeholder="设备名称/设备编号" clearable | ||||
|                       v-throttle="() => {page.current = 1, getList()}" | ||||
|                       @clear=";(page.current = 1), (search.name = ''), getList()" suffix-icon="iconfont iconSearch"/> | ||||
|           </template> | ||||
|         </ai-search-bar> | ||||
|         <ai-search-bar class="ai-search-ba mar-t10"> | ||||
|           <template slot="left"> | ||||
|             <!-- <el-button icon="iconfont" type="primary" size="small">数据同步</el-button> --> | ||||
|             <!-- <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button> --> | ||||
|           </template> | ||||
|         </ai-search-bar> | ||||
|         <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex" | ||||
|                   :current.sync="page.current" :size.sync="page.size" @getList="getList" | ||||
|                   @selection-change="(v) => (ids = v.map((e) => e.id))"> | ||||
| @@ -114,6 +111,7 @@ export default { | ||||
|       areaId: '', | ||||
|       bindVisible: false, | ||||
|       changeInfo: {}, | ||||
|       btnLoading: false, | ||||
|       locate: false | ||||
|     } | ||||
|   }, | ||||
| @@ -198,6 +196,22 @@ export default { | ||||
|         }, | ||||
|       }) | ||||
|     }, | ||||
|     update () { | ||||
|       this.btnLoading = true | ||||
|       this.instance.post(`/app/appdlbquipment/sync`, null, { | ||||
|         timeout: 1000000 | ||||
|       }).then(res => { | ||||
|         if (res.code == 0) { | ||||
|           this.$message.success('更新成功') | ||||
|           this.getList() | ||||
|         } | ||||
|  | ||||
|         this.btnLoading = false | ||||
|       }).catch(() => { | ||||
|          | ||||
|         this.btnLoading = false | ||||
|       }) | ||||
|     }, | ||||
|   }, | ||||
| } | ||||
| </script> | ||||
|   | ||||
| @@ -1,6 +1,6 @@ | ||||
| <template> | ||||
|   <section class="AppISManage"> | ||||
|     <device-slider :permissions="permissions" :show.sync="slider" :ins="instance" :dict="dict" @treeCommand="handleSliderOption" @select="handleSelectMonitor" :render-item="renderTreeItem" ref="DeviceSlider" /> | ||||
|     <device-slider :permissions="permissions" :show.sync="slider" :instance="instance" :dict="dict" @treeCommand="handleSliderOption" @select="handleSelectMonitor" :render-item="renderTreeItem" ref="DeviceSlider" /> | ||||
|     <div class="monitorPane" v-loading="isLoading" element-loading-background="rgba(0, 0, 0, 0.6)"> | ||||
|       <div class="headerBar"> | ||||
|         <el-select default-first-option size="small" v-model="splitScreen" @change="onChange"> | ||||
| @@ -54,8 +54,7 @@ | ||||
|       splitOps() { | ||||
|         return [ | ||||
|           { label: '单分屏', value: 1, per: '100%' }, | ||||
|           { label: '四分屏', value: 4, per: '49.2%' }, | ||||
|           { label: '九分屏', value: 9, per: '32%' }, | ||||
|           { label: '四分屏', value: 4, per: '49.2%' } | ||||
|         ] | ||||
|       }, | ||||
|       currentSplitStyle() { | ||||
|   | ||||
| @@ -1,6 +1,6 @@ | ||||
| <template> | ||||
|   <section class="AppISMap"> | ||||
|     <device-slider :show.sync="slider" :ins="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/> | ||||
|     <device-slider :show.sync="slider" :instance="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/> | ||||
|     <div id="amap"/> | ||||
|     <div ref="selectedInfoWin" class="selected"> | ||||
|       <b>{{ selected.deviceName }}</b> | ||||
|   | ||||
| @@ -22,7 +22,10 @@ | ||||
|             prefix-icon="el-icon-search" | ||||
|             @clear="search.name = '', handleTreeFilter()" clearable/> | ||||
|       </div> | ||||
|       <div title>设备列表</div> | ||||
|       <div title> | ||||
|         <div>设备列表</div> | ||||
|         <el-button type="text" icon="iconfont iconResetting" @click="updateDev" size="mini" :loading="btnLoading">刷新</el-button> | ||||
|       </div> | ||||
|       <div fill class="deviceList"> | ||||
|         <el-tree ref="deviceTree" highlight-current :render-content="renderItem" :data="treeData" :props="propsConfig" | ||||
|                  @node-click="handleNodeClick" @node-contextmenu="nodeContextmenu" | ||||
| @@ -48,10 +51,10 @@ export default { | ||||
|   name: "deviceSlider", | ||||
|   props: { | ||||
|     show: Boolean, | ||||
|     ins: Function, | ||||
|     instance: Function, | ||||
|     dict: Object, | ||||
|     permissions: Function, | ||||
|     renderItem: Function | ||||
|     renderItem: Function, | ||||
|   }, | ||||
|   computed: { | ||||
|     overview() { | ||||
| @@ -98,7 +101,8 @@ export default { | ||||
|         x: '', | ||||
|         y: '', | ||||
|         node: {} | ||||
|       } | ||||
|       }, | ||||
|       btnLoading: false, | ||||
|     } | ||||
|   }, | ||||
|   methods: { | ||||
| @@ -110,8 +114,10 @@ export default { | ||||
|       this.isShowMenu = false | ||||
|     }, | ||||
|     getDevices() { | ||||
|       this.ins.post("/app/appzyvideoequipment/tree", null, { | ||||
|         params: {size: 999} | ||||
|       this.instance.post(`/app/appzyvideoequipment/tree`, null, { | ||||
|         params: { | ||||
|           size: 999 | ||||
|         } | ||||
|       }).then(res => { | ||||
|         if (res?.data) { | ||||
|           this.staData = res.data.count | ||||
| @@ -122,6 +128,21 @@ export default { | ||||
|       }) | ||||
|     }, | ||||
|  | ||||
|     updateDev() { | ||||
|       this.btnLoading = true | ||||
|       this.instance.post(`/app/appzyvideoequipment/sync`, null, { | ||||
|         timeout: 1000000 | ||||
|       }).then(res => { | ||||
|         if (res.code == 0) { | ||||
|           this.$message.success('更新成功') | ||||
|           this.getDevices() | ||||
|         } | ||||
|         this.btnLoading = false | ||||
|       }).catch(() => { | ||||
|         this.btnLoading = false | ||||
|       }) | ||||
|     }, | ||||
|  | ||||
|     handleTreeCommand(e, node) { | ||||
|       this.$emit('treeCommand', { | ||||
|         type: e, | ||||
| @@ -154,14 +175,16 @@ export default { | ||||
|     handleTreeFilter() { | ||||
|       this.$refs.deviceTree?.filter(this.search.name) | ||||
|     }, | ||||
|  | ||||
|     onChange() { | ||||
|       this.$refs.deviceTree?.filter(this.search.name) | ||||
|     } | ||||
|     }, | ||||
|      | ||||
|   }, | ||||
|  | ||||
|   created() { | ||||
|     this.dict.load("deviceStatus") | ||||
|     this.getDevices() | ||||
|     this.$dict.load("deviceStatus").then(()=>{ | ||||
|       this.getDevices() | ||||
|     }) | ||||
|   }, | ||||
|  | ||||
|   mounted() { | ||||
| @@ -247,6 +270,18 @@ export default { | ||||
|       background: #3E4A69; | ||||
|       padding: 0 16px; | ||||
|       line-height: 28px; | ||||
|       display: flex; | ||||
|       justify-content: space-between; | ||||
|       align-items: center; | ||||
|  | ||||
|       ::v-deep .el-button { | ||||
|         padding: 0 4px; | ||||
|         height: 28px; | ||||
|         background: #3E4A69; | ||||
|       } | ||||
|       ::v-deep .el-button:hover { | ||||
|         border: none; | ||||
|       } | ||||
|     } | ||||
|  | ||||
|     ::v-deep.deviceList { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user