Showing
4 changed files
with
45 additions
and
33 deletions
| ... | ... | @@ -4,7 +4,7 @@ |
| 4 | 4 | <view class="detail"> |
| 5 | 5 | <view class="detail-item"> |
| 6 | 6 | <view class="detail-label">设备类型</view> |
| 7 | - <view class="detail-value">{{ commandDetail.deviceType }}</view> | |
| 7 | + <view class="detail-value">{{ deviceType }}</view> | |
| 8 | 8 | </view> |
| 9 | 9 | <u-line length="90%" margin="0 auto"></u-line> |
| 10 | 10 | <view class="detail-item"> |
| ... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 | <u-line length="90%" margin="0 auto"></u-line> |
| 20 | 20 | <view class="detail-item"> |
| 21 | 21 | <view class="detail-label">命令下发时间</view> |
| 22 | - <view class="detail-value">{{ commandDetail.createTime }}</view> | |
| 22 | + <view class="detail-value">{{ format(commandDetail.createTime) }}</view> | |
| 23 | 23 | </view> |
| 24 | 24 | <u-line length="90%" margin="0 auto"></u-line> |
| 25 | 25 | <view class="detail-item" v-if="commandDetail.additionalInfo.cmdType"> |
| ... | ... | @@ -29,31 +29,51 @@ |
| 29 | 29 | <u-line length="90%" margin="0 auto" v-if="commandDetail.additionalInfo.cmdType"></u-line> |
| 30 | 30 | <view class="detail-item"> |
| 31 | 31 | <view class="detail-label">响应类型</view> |
| 32 | - <view class="detail-value"></view> | |
| 32 | + <view class="detail-value">{{commandDetail.request.oneway?'oneway':'towway'}}</view> | |
| 33 | 33 | </view> |
| 34 | 34 | <u-line length="90%" margin="0 auto"></u-line> |
| 35 | 35 | <view class="detail-item"> |
| 36 | 36 | <view class="detail-label">下发结果</view> |
| 37 | - <view class="detail-value">成功</view> | |
| 37 | + <view class="detail-value">{{commandDetail.status==='SUCCESSFUL'?'成功':'失败'}}</view> | |
| 38 | 38 | </view> |
| 39 | 39 | <u-line length="90%" margin="0 auto"></u-line> |
| 40 | 40 | <view class="detail-item"> |
| 41 | 41 | <view class="detail-label">响应结果</view> |
| 42 | - <view class="detail-value">成功</view> | |
| 42 | + <view class="detail-value">{{commandDetail.response?'成功':'失败'}}</view> | |
| 43 | 43 | </view> |
| 44 | 44 | </view> |
| 45 | 45 | <view class="command">命令内容</view> |
| 46 | - <u-textarea></u-textarea> | |
| 46 | + <u-textarea :value="formatValue(commandDetail.request.body)" disabled></u-textarea> | |
| 47 | 47 | </view> |
| 48 | 48 | </template> |
| 49 | 49 | |
| 50 | 50 | <script> |
| 51 | +import { formatToDate } from '@/plugins/utils.js'; | |
| 51 | 52 | export default { |
| 52 | 53 | data() { |
| 53 | 54 | return { |
| 54 | 55 | commandDetail: {} |
| 55 | 56 | }; |
| 56 | 57 | }, |
| 58 | + computed: { | |
| 59 | + deviceType() { | |
| 60 | + return this.commandDetail.deviceType === 'DIRECT_CONNECTION' | |
| 61 | + ? '直连设备' | |
| 62 | + : this.commandDetail.deviceType === 'GATEWAY' | |
| 63 | + ? '网关设备' | |
| 64 | + : this.commandDetail.deviceType === 'SENSOR' | |
| 65 | + ? '网关子设备' | |
| 66 | + : ''; | |
| 67 | + } | |
| 68 | + }, | |
| 69 | + methods: { | |
| 70 | + format(date) { | |
| 71 | + return formatToDate(date, 'YYYY-MM-DD HH:mm:ss'); | |
| 72 | + }, | |
| 73 | + formatValue(value){ | |
| 74 | + return JSON.stringify(value) | |
| 75 | + } | |
| 76 | + }, | |
| 57 | 77 | onLoad(options) { |
| 58 | 78 | const { data } = options; |
| 59 | 79 | this.commandDetail = JSON.parse(data); | ... | ... |
| ... | ... | @@ -16,7 +16,8 @@ |
| 16 | 16 | <view class="item"> |
| 17 | 17 | <view class="item-first"> |
| 18 | 18 | <text>{{ item.deviceName }}</text> |
| 19 | - <!-- <view class="item-right">响应成功</view> --> | |
| 19 | + <view class="item-right item-success" v-if="item.response">响应成功</view> | |
| 20 | + <view class="item-right item-fail" v-else>响应失败</view> | |
| 20 | 21 | </view> |
| 21 | 22 | <view v-if="item.additionalInfo.cmdType"> |
| 22 | 23 | 命令类型: |
| ... | ... | @@ -35,7 +36,6 @@ |
| 35 | 36 | <view class="filter"> |
| 36 | 37 | <view class="filter-title"><text>筛选条件</text></view> |
| 37 | 38 | <FilterItem :filterList="issueStatus" title="下发状态" @clickTag="currentIndex => handleClickTag(currentIndex, issueStatus)"></FilterItem> |
| 38 | - <FilterItem :filterList="responseWay" title="响应方式" @clickTag="currentIndex => handleClickTag(currentIndex, responseWay)"></FilterItem> | |
| 39 | 39 | <view class="button-group"> |
| 40 | 40 | <view><u-button :customStyle="{ color: '#333' }" color="#e3e3e5" shape="circle" text="重置" @click="resetFilter"></u-button></view> |
| 41 | 41 | <view><u-button color="#3388ff" shape="circle" text="确认" @click="confirmFilter"></u-button></view> |
| ... | ... | @@ -96,23 +96,6 @@ export default { |
| 96 | 96 | type: 'fail' |
| 97 | 97 | } |
| 98 | 98 | ], |
| 99 | - responseWay: [ | |
| 100 | - { | |
| 101 | - checked: true, | |
| 102 | - name: '全部', | |
| 103 | - type: '' | |
| 104 | - }, | |
| 105 | - { | |
| 106 | - checked: false, | |
| 107 | - name: 'OneWay', | |
| 108 | - type: 'OneWay' | |
| 109 | - }, | |
| 110 | - { | |
| 111 | - checked: false, | |
| 112 | - name: 'TowWay', | |
| 113 | - type: 'TowWay' | |
| 114 | - } | |
| 115 | - ], | |
| 116 | 99 | downOption: { |
| 117 | 100 | auto: false //是否在初始化后,自动执行downCallback; 默认true |
| 118 | 101 | }, |
| ... | ... | @@ -180,8 +163,8 @@ export default { |
| 180 | 163 | }); |
| 181 | 164 | }, |
| 182 | 165 | resetFilter() { |
| 183 | - const { issueStatus, responseWay } = this; | |
| 184 | - [issueStatus, responseWay].forEach(item => item.map((item, index) => (item.checked = index === 0))); | |
| 166 | + const { issueStatus } = this; | |
| 167 | + issueStatus.forEach(item => item.map((item, index) => (item.checked = index === 0))); | |
| 185 | 168 | }, |
| 186 | 169 | close() { |
| 187 | 170 | this.show = false; |
| ... | ... | @@ -198,10 +181,8 @@ export default { |
| 198 | 181 | }, |
| 199 | 182 | confirmFilter() { |
| 200 | 183 | const issueStatus = this.issueStatus.find(item => item.checked); |
| 201 | - const responseWay = this.responseWay.find(item => item.checked); | |
| 202 | 184 | this.loadData(1, { |
| 203 | 185 | status: issueStatus.type ? issueStatus.type : undefined, |
| 204 | - responseWay: responseWay.type ? responseWay.type : undefined, | |
| 205 | 186 | deviceId: this.deviceId |
| 206 | 187 | }); |
| 207 | 188 | this.show = false; |
| ... | ... | @@ -273,13 +254,19 @@ export default { |
| 273 | 254 | display: flex; |
| 274 | 255 | justify-content: center; |
| 275 | 256 | align-items: center; |
| 276 | - color: #00c9a7; | |
| 277 | 257 | width: 104rpx; |
| 278 | 258 | height: 36rpx; |
| 279 | 259 | font-size: 20rpx; |
| 280 | - background-color: #00c9a725; | |
| 281 | 260 | border-radius: 20rpx; |
| 282 | 261 | } |
| 262 | + .item-fail { | |
| 263 | + color: #848383; | |
| 264 | + background-color: #84838325; | |
| 265 | + } | |
| 266 | + .item.success { | |
| 267 | + color: #00c9a7; | |
| 268 | + background-color: #00c9a725; | |
| 269 | + } | |
| 283 | 270 | } |
| 284 | 271 | } |
| 285 | 272 | } | ... | ... |
| ... | ... | @@ -127,7 +127,12 @@ export default { |
| 127 | 127 | }, |
| 128 | 128 | async confirmCommand() { |
| 129 | 129 | try { |
| 130 | - await issueCommand(this.commandType, this.deviceDetail.tbDeviceId, JSON.parse(this.commandValue)); | |
| 130 | + const commandValue = JSON.parse(this.commandValue); | |
| 131 | + commandValue.persistent = true; | |
| 132 | + commandValue.additionalInfo = { | |
| 133 | + cmdType: 'API' | |
| 134 | + }; | |
| 135 | + await issueCommand(this.commandType, this.deviceDetail.tbDeviceId,commandValue); | |
| 131 | 136 | this.hiddenModal(); |
| 132 | 137 | } catch (e) { |
| 133 | 138 | uni.$u.toast('下发失败~'); | ... | ... |
| ... | ... | @@ -19,7 +19,7 @@ const GlobalOption = { |
| 19 | 19 | }, |
| 20 | 20 | empty: { |
| 21 | 21 | use: true, // 是否显示空布局 |
| 22 | - icon: "../../../../../static/empty-data.png" // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png ) | |
| 22 | + icon: "../../../../../static/empty.png" // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png ) | |
| 23 | 23 | } |
| 24 | 24 | }, |
| 25 | 25 | // 国际化配置 | ... | ... |