1<!-- 2/* 3 * Copyright (c) 2021 Huawei Device Co., Ltd. 4 * Licensed under the Apache License, Version 2.0 (the "License"); 5 * you may not use this file except in compliance with the License. 6 * You may obtain a copy of the License at 7 * 8 * http://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 * See the License for the specific language governing permissions and 14 * limitations under the License. 15 */ 16 --> 17 18<div class="container"> 19 <div if="{{status == 'main-pin'}}" class="main-pin"> 20 <text class="title">PIN码连接</text> 21 <text class="title-tip">请输入平板上显示的PIN码</text> 22 <div class="pin-numb" > 23 <text class="pin-numb-item">{{pin[0]}}</text> 24 <text class="pin-numb-item">{{pin[1]}}</text> 25 <text class="pin-numb-item">{{pin[2]}}</text> 26 <text class="pin-numb-item">{{pin[3]}}</text> 27 <text class="pin-numb-item">{{pin[4]}}</text> 28 <text class="pin-numb-item">{{pin[5]}}</text> 29 </div> 30 <div class="input" > 31 <button @click="mainInputPin(1)" type="text" class="numb">1</button> 32 <button @click="mainInputPin(2)" type="text" class="numb">2</button> 33 <button @click="mainInputPin(3)" type="text" class="numb">3</button> 34 <button @click="mainInputPin(4)" type="text" class="numb">4</button> 35 </div> 36 <div class="input" > 37 <button @click="mainInputPin(5)" type="text" class="numb">5</button> 38 <button @click="mainInputPin(6)" type="text" class="numb">6</button> 39 <button @click="mainInputPin(7)" type="text" class="numb">7</button> 40 <button @click="mainInputPin(8)" type="text" class="numb">8</button> 41 </div> 42 <div class="input" > 43 <button @click="mainInputPin(9)" type="text" class="numb">9</button> 44 <button @click="mainInputPin(0)" type="text" class="numb">0</button> 45 <button @click="mainInputPinBack" type="text" class="numb">删除</button> 46 <button @click="mainInputPinCancel" type="text" class="numb">取消</button> 47 </div> 48 </div> 49 <div if="{{status == 'join-authorize'}}" class="join-authorize"> 50 <text class="title">是否允许{{statusInfo.deviceName}}连接本机</text> 51 <text class="title-tip">用于资源访问</text> 52 <div class="dialog-foot"> 53 <button @click="joinAuthorizeCancel" type="text" class="button-cancel"> 54 取消（{{ timeRemaining }}） 55 </button> 56 <button @click="joinAuthorizeOk" class="button-ok" type="capsule"> 57 允许 58 </button> 59 </div> 60 </div> 61 <div if="{{status == 'join-auth'}}" class="join-auth"> 62 <text class="title-tip">{{ statusInfo.appName }}</text> 63 <text class="title">是否允许打开apply auth?</text> 64 <text class="title-tip">来自{{statusInfo.deviceName}}</text> 65 <div class="dialog-foot"> 66 <button @click="joinAuthCancel" type="text" class="button-cancel"> 67 取消（{{ timeRemaining }}） 68 </button> 69 <button @click="joinAuthOk" class="button-ok" type="capsule"> 70 允许 71 </button> 72 </div> 73 </div> 74 <div if="{{status == 'join-auth-image'}}" class="join-auth-image"> 75 <image src="{{ statusInfo.appIcon }}"></image> 76 <text class="title-tip">{{ statusInfo.appName }}</text> 77 <text class="title">是否允许打开apply auth?</text> 78 <text class="title-tip">来自{{statusInfo.deviceName}}</text> 79 <div class="dialog-foot"> 80 <button @click="joinAuthImageCancel" type="text" class="button-cancel"> 81 取消（{{ timeRemaining }}） 82 </button> 83 <button @click="joinAuthImageOk" class="button-ok" type="capsule"> 84 允许 85 </button> 86 </div> 87 </div> 88 <div if="{{status == 'join-pin'}}" class="join-pin"> 89 <text class="title">PIN码连接</text> 90 <text class="title-tip">请在主控端输入连接码进行验证</text> 91 <text class="pin">{{statusInfo.pinCode.split('').join(' ')}}</text> 92 <div class="dialog-foot"> 93 <button @click="joinPinCancel" type="text" class="button-cancel"> 94 取消 95 </button> 96 </div> 97 </div> 98</div> 99