|
@@ -22,16 +22,16 @@
|
|
|
v-model="audioData.tableData" item-key="id" chosen-class="chosenClass" data-id="content"
|
|
|
:group="{ name: 'componentGroup', pull: 'clone', put: false }" :sort="false" @end="onEnd">
|
|
|
<template #item="{ element, index }">
|
|
|
- <div class="item">
|
|
|
+ <div class="item" :style="{'width': activeName == 2 ? 'calc(100% / 3)' : '100%'}">
|
|
|
<span v-show="activeName !== 2" class="item_line" :title="element.name">
|
|
|
<el-icon style="margin-right: 10px; line-height:40px">
|
|
|
<VideoPlay />
|
|
|
</el-icon>
|
|
|
- {{ element.name }}
|
|
|
+ <span>{{ element.name }}</span>
|
|
|
</span>
|
|
|
<span v-show="activeName === 2" class="item_box">
|
|
|
<img src="@/assets/icons/svg/file.svg" width="50" height="50" />
|
|
|
- <span class="takeName">{{ element.name }}</span>
|
|
|
+ <span class="takeName" :title="element.name">{{ element.name }}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -125,9 +125,9 @@ function onEnd(params) {
|
|
|
if (params.from.className !== params.to.className) {
|
|
|
proxy.$modal.confirm(`是否要添加?`).then(() => {
|
|
|
getRouter({ audioList: JSON.stringify(params.item.__draggable_context.element) })
|
|
|
- }).catch(() => {})
|
|
|
+ }).catch(() => { })
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
proxy.$modal.msgError('暂无权限')
|
|
|
}
|
|
|
}
|
|
@@ -189,13 +189,22 @@ const chosenClass = () => {
|
|
|
}
|
|
|
|
|
|
.item_box {
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
align-items: center;
|
|
|
padding: 0px 10px;
|
|
|
font-size: 14px;
|
|
|
margin-bottom: 20px;
|
|
|
+
|
|
|
+ .takeName {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|