| | |
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | <div class="wrap-box" v-for="item in storeApps" :key="item.id">
|
| | | <div class="list-choose-item-left ">
|
| | | <div class="list-complete-item-handle uninstall">
|
| | | <div class="svg-wrap" v-loading="item.installLoading" element-loading-text="安装中" element-loading-background="rgba(0,0,0,.8)">
|
| | | <div class="mask">
|
| | | <el-button type="primary" class="bot-btn" @click="downloadApp(item)">安装</el-button>
|
| | | </div>
|
| | | <img
|
| | | class="baseImg"
|
| | | :src="item.iconBlob? 'data:image/png;base64,'+item.iconBlob:item.icon"
|
| | | alt
|
| | | />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | | <span v-if="!item.isEdit">{{ item.name }}</span>
|
| | | <el-input
|
| | | size="small"
|
| | | v-model="item.name"
|
| | | v-if="item.isEdit"
|
| | | v-focus
|
| | | :maxlength="15"
|
| | | @blur="inputBlur(item)"
|
| | | ></el-input>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </el-tab-pane>
|
| | |
| | | </div>
|
| | | <p class="src-title">应用软件</p>
|
| | | <div class="app-list flex-list">
|
| | | <div class="wrap-box" v-for="item in storeApps" :key="item.id">
|
| | | <div class="list-choose-item-left">
|
| | | <div class="list-complete-item-handle">
|
| | | <div class="svg-wrap" v-loading="item.installLoading" element-loading-text="安装中" element-loading-background="rgba(0,0,0,.8)">
|
| | | <div class="mask">
|
| | | <el-button type="primary" class="bot-btn" @click="downloadApp(item)">安装</el-button>
|
| | | </div>
|
| | | <img
|
| | | class="baseImg"
|
| | | :src="item.iconBlob? 'data:image/png;base64,'+item.iconBlob:item.icon"
|
| | | alt
|
| | | />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | | <span v-if="!item.isEdit">{{ item.name }}</span>
|
| | | <el-input
|
| | | size="small"
|
| | | v-model="item.name"
|
| | | v-if="item.isEdit"
|
| | | v-focus
|
| | | :maxlength="15"
|
| | | @blur="inputBlur(item)"
|
| | | ></el-input>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | |
| | | </div>
|
| | |
|
| | | </div>
|
| | |
| | | max-height: 106px;
|
| | | }
|
| | | }
|
| | | &.uninstall{
|
| | | .svg-wrap{
|
| | | background-color: #ddd;
|
| | | }
|
| | | .alg-name{
|
| | | color: darkgray;
|
| | | }
|
| | | }
|
| | | }
|
| | | .dragAreaR {
|
| | | height: 100%;
|