style(button): 优化按钮样式和布局, 使其外观更加圆润
This commit is contained in:
jmal
parent
c4c5099e5f
commit
b6bb786eae
@ -6,8 +6,8 @@
|
||||
<img :src="sourceImg" ref="image" style="max-width: 100%;" alt="">
|
||||
</div>
|
||||
<div class="button-region">
|
||||
<el-button type="primary" @click="sureSava">保存头像</el-button>
|
||||
<el-button v-show="selectImg.id" type="primary" @click="noCropSave(selectImg.id)">不剪裁保存</el-button>
|
||||
<el-button round type="primary" @click="sureSava">保存头像</el-button>
|
||||
<el-button round v-show="selectImg.id" type="primary" @click="noCropSave(selectImg.id)">不剪裁保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
|
||||
@ -16,15 +16,15 @@
|
||||
|
||||
<div class="dir-tools" style="min-width: 272px;">
|
||||
<el-button-group>
|
||||
<el-button :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-arrow-left" :disabled="this.currentPath.length === 0 || this.currentPath === '/'" @click="upperLeve">上一级</el-button>
|
||||
<el-button :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-refresh" @click="refresh">刷新</el-button>
|
||||
<el-button :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-plus" @click="newFileAndFolder" v-contextmenu:clickContextmenu>新建</el-button>
|
||||
<el-button round :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-arrow-left" :disabled="this.currentPath.length === 0 || this.currentPath === '/'" @click="upperLeve">上一级</el-button>
|
||||
<el-button round :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-refresh" @click="refresh">刷新</el-button>
|
||||
<el-button round :class="lightTheme?'light-button':'dark-button'" size="small" icon="el-icon-plus" @click="newFileAndFolder" v-contextmenu:clickContextmenu>新建</el-button>
|
||||
<el-popover
|
||||
placement="bottom"
|
||||
width="250"
|
||||
trigger="click">
|
||||
<el-input placeholder="请输入内容" size="small">
|
||||
<el-button slot="append" size="small" icon="el-icon-search"></el-button>
|
||||
<el-button round slot="append" size="small" icon="el-icon-search"></el-button>
|
||||
</el-input>
|
||||
</el-popover>
|
||||
|
||||
|
||||
@ -23,11 +23,11 @@
|
||||
>
|
||||
</el-tree>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="fileTreeAndNewFolder"><i class="el-icon-folder-add"></i> 新建文件夹</el-button>
|
||||
<el-button round size="small" @click="fileTreeAndNewFolder"><i class="el-icon-folder-add"></i> 新建文件夹</el-button>
|
||||
<span class="dialog-footer" v-if="$slots.footer">
|
||||
<slot name="footer"></slot>
|
||||
</span>
|
||||
<el-button size="small" @click="visible = false">取 消</el-button>
|
||||
<el-button round size="small" @click="visible = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<el-table-column label="操作" width="210">
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex">
|
||||
<el-button
|
||||
<el-button round
|
||||
size="mini"
|
||||
:class="lightTheme?'':'dark-button'"
|
||||
@click="viewHistoryFile(scope.row, true, false)" :loading="historyOperationLoading">预览</el-button>
|
||||
@ -32,10 +32,10 @@
|
||||
{{'确定要恢复到'+ scope.row.metadata.time +'吗？当前内容将被覆盖!'}}
|
||||
</p>
|
||||
<div style="text-align: right; margin: 0">
|
||||
<el-button size="mini" type="text" @click="cancelRecovery(scope.row.id)">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="confirmRecoveryHistoryFile(scope.row)">确定</el-button>
|
||||
<el-button round size="mini" type="text" @click="cancelRecovery(scope.row.id)">取消</el-button>
|
||||
<el-button round type="primary" size="mini" @click="confirmRecoveryHistoryFile(scope.row)">确定</el-button>
|
||||
</div>
|
||||
<el-button slot="reference" size="mini" :id="'recoveryVersionBtn-'+scope.row.id" type="warning" :loading="historyOperationLoading">恢复</el-button>
|
||||
<el-button round slot="reference" size="mini" :id="'recoveryVersionBtn-'+scope.row.id" type="warning" :loading="historyOperationLoading">恢复</el-button>
|
||||
</el-popover>
|
||||
<el-popover
|
||||
placement="bottom"
|
||||
@ -48,17 +48,17 @@
|
||||
{{'确定要删除'+ scope.row.metadata.time +'吗？这将永久删除该历史版本!'}}
|
||||
</p>
|
||||
<div style="text-align: right; margin: 0">
|
||||
<el-button size="mini" type="text" @click="cancelDelete(scope.row.id)">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="confirmDeleteHistoryFile(scope.row.id)">确定</el-button>
|
||||
<el-button round size="mini" type="text" @click="cancelDelete(scope.row.id)">取消</el-button>
|
||||
<el-button round type="primary" size="mini" @click="confirmDeleteHistoryFile(scope.row.id)">确定</el-button>
|
||||
</div>
|
||||
<el-button slot="reference" size="mini" :id="'deleteVersionBtn-'+scope.row.id" type="danger" :loading="historyOperationLoading">删除</el-button>
|
||||
<el-button round slot="reference" size="mini" :id="'deleteVersionBtn-'+scope.row.id" type="danger" :loading="historyOperationLoading">删除</el-button>
|
||||
</el-popover>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-button slot="reference" :style="versionBtnStyle" ref="versionBtn" :size="buttonSize" :class="lightTheme?' history-version-btn':'dark-button history-version-btn'" @click="showOrHidePopover">历史版本</el-button>
|
||||
<el-button round slot="reference" :style="versionBtnStyle" ref="versionBtn" :size="buttonSize" :class="lightTheme?' history-version-btn':'dark-button history-version-btn'" @click="showOrHidePopover">历史版本</el-button>
|
||||
</el-popover>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -311,6 +311,11 @@ export default {
|
||||
}
|
||||
>>> .el-image.cover {
|
||||
box-shadow: 0 2px 12px 0 rgba(0,0,0,.5);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
>>> .el-image {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -47,7 +47,10 @@ export default {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.el-image {
|
||||
.el-image__inner {
|
||||
border-radius: 12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="minder-title-name" :style="{'color': titleColor}">{{title}}</div>
|
||||
<div class="minder-operation">
|
||||
<div style="margin-right: 15px">
|
||||
<el-button v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini">取消预览</el-button>
|
||||
<el-button round v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini">取消预览</el-button>
|
||||
</div>
|
||||
<history-popover
|
||||
ref="historyPopover"
|
||||
@ -17,7 +17,7 @@
|
||||
>
|
||||
</history-popover>
|
||||
<div>
|
||||
<el-button v-if="!saved" @click="save" size="mini" :loading="saveBtnUpdating">保存</el-button>
|
||||
<el-button round v-if="!saved" @click="save" size="mini" :loading="saveBtnUpdating">保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
</el-checkbox>
|
||||
</div>
|
||||
<el-dropdown @command="handleFileType" trigger="click" class="filter-dropdown">
|
||||
<el-button type="text" class="filter-btn">
|
||||
<el-button round type="text" class="filter-btn">
|
||||
<i class="el-icon-document"></i>
|
||||
<span>文件类型</span>
|
||||
<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
@ -63,7 +63,7 @@
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<el-dropdown trigger="click" class="filter-dropdown">
|
||||
<el-button type="text" class="filter-btn">
|
||||
<el-button round type="text" class="filter-btn">
|
||||
<i class="el-icon-coin"></i>
|
||||
<span>文件大小</span>
|
||||
<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
@ -83,17 +83,17 @@
|
||||
@change="handleSizeRangeChange">
|
||||
</el-slider>
|
||||
<div class="size-slider-presets">
|
||||
<el-button size="mini" @click="setSizePreset([0, 1048576])">≤ 1MB</el-button>
|
||||
<el-button size="mini" @click="setSizePreset([1048576, 10485760])">1-10MB</el-button>
|
||||
<el-button size="mini" @click="setSizePreset([10485760, 104857600])">10-100MB</el-button>
|
||||
<el-button size="mini" @click="setSizePreset([104857600, 1073741824])">100MB-1GB</el-button>
|
||||
<el-button size="mini" @click="setSizePresetLarge()">≥ 1GB</el-button>
|
||||
<el-button round size="mini" @click="setSizePreset([0, 1048576])">≤ 1MB</el-button>
|
||||
<el-button round size="mini" @click="setSizePreset([1048576, 10485760])">1-10MB</el-button>
|
||||
<el-button round size="mini" @click="setSizePreset([10485760, 104857600])">10-100MB</el-button>
|
||||
<el-button round size="mini" @click="setSizePreset([104857600, 1073741824])">100MB-1GB</el-button>
|
||||
<el-button round size="mini" @click="setSizePresetLarge()">≥ 1GB</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<el-dropdown trigger="click" class="filter-dropdown">
|
||||
<el-button type="text" class="filter-btn">
|
||||
<el-button round type="text" class="filter-btn">
|
||||
<i class="el-icon-date"></i>
|
||||
<span>修改时间</span>
|
||||
<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
@ -101,12 +101,12 @@
|
||||
<el-dropdown-menu slot="dropdown" class="modern-dropdown time-filter-dropdown">
|
||||
<div class="time-picker-container">
|
||||
<div class="time-presets">
|
||||
<el-button size="mini" @click="setTimePreset('today')">今天</el-button>
|
||||
<el-button size="mini" @click="setTimePreset('yesterday')">昨天</el-button>
|
||||
<el-button size="mini" @click="setTimePreset('thisWeek')">本周</el-button>
|
||||
<el-button size="mini" @click="setTimePreset('lastWeek')">上周</el-button>
|
||||
<el-button size="mini" @click="setTimePreset('thisMonth')">本月</el-button>
|
||||
<el-button size="mini" @click="setTimePreset('lastMonth')">上个月</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('today')">今天</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('yesterday')">昨天</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('thisWeek')">本周</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('lastWeek')">上周</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('thisMonth')">本月</el-button>
|
||||
<el-button round size="mini" @click="setTimePreset('lastMonth')">上个月</el-button>
|
||||
</div>
|
||||
<div class="custom-date-range">
|
||||
<p class="date-range-title">自定义时间范围</p>
|
||||
@ -228,7 +228,7 @@ export default {
|
||||
return '搜索范围: 仅包含标签文件, 不含子文件'
|
||||
}
|
||||
if (this.queryCondition.isMount && isRootPath) {
|
||||
return '搜索范围: 挂载目录里的所有文件, 不含挂载目录本身'
|
||||
return '搜索范围: 仅包含挂载目录里的所有文件, 不含挂载目录本身'
|
||||
}
|
||||
if (this.queryCondition.isFavorite && isRootPath) {
|
||||
return '搜索范围: 仅包含收藏文件, 不含子文件'
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="shareOptionConfig.shared" class="shared-expires-text">到期时间</el-col>
|
||||
<el-col :span="1" v-if="!shareOptionConfig.shared"> </el-col>
|
||||
<el-col v-if="shareOption.expiresDateOption === 2" :span="12" class="share-expires-data" style="margin-top: 10px;">
|
||||
<el-col v-if="shareOption.expiresDateOption === 2" :span="12" class="share-expires-data">
|
||||
<el-date-picker
|
||||
ref="expiresDatePicker"
|
||||
size="small"
|
||||
@ -81,7 +81,7 @@
|
||||
trigger="hover"
|
||||
>
|
||||
<img alt="qrcode-share-link" :src="qrCodeshareLink"/>
|
||||
<el-button slot="reference" class="qrcode-btn tag-share-link" @click="copyShareLink('链接复制成功')"
|
||||
<el-button round slot="reference" class="qrcode-btn tag-share-link" @click="copyShareLink('链接复制成功')"
|
||||
:data-clipboard-text="shareLink">
|
||||
<svg-icon icon-class="qrcode" class="qrcode"/>
|
||||
</el-button>
|
||||
@ -108,15 +108,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" v-if="shareOptionConfig.shared" type="danger" @click="cancelShare" v-loading="cancelSharing">取消分享</el-button>
|
||||
<el-button size="small" v-if="!shareOptionConfig.shared" type="primary" @click="submitShare"
|
||||
<el-button round size="small" v-if="shareOptionConfig.shared" type="danger" @click="cancelShare" v-loading="cancelSharing">取消分享</el-button>
|
||||
<el-button round size="small" v-if="!shareOptionConfig.shared" type="primary" @click="submitShare"
|
||||
v-loading="generateShareLinkLoading">创建分享
|
||||
</el-button>
|
||||
<el-button size="small" class="tag-share-link" v-if="shareOptionConfig.shared && shareOption.isPrivacy"
|
||||
<el-button round size="small" class="tag-share-link" v-if="shareOptionConfig.shared && shareOption.isPrivacy"
|
||||
@click="copyShareLink('口令复制成功')"
|
||||
:data-clipboard-text="file.name + ' ' + shareLink + ' 提取码：' + extractionCode">复制口令
|
||||
</el-button>
|
||||
<el-button size="small" class="tag-share-link" v-if="shareOptionConfig.shared" type="primary"
|
||||
<el-button round size="small" class="tag-share-link" v-if="shareOptionConfig.shared" type="primary"
|
||||
@click="copyShareLink('链接复制成功')" :data-clipboard-text="shareLink">复制链接
|
||||
</el-button>
|
||||
</div>
|
||||
@ -644,4 +644,8 @@ export default {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
>>> .el-checkbox {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -16,21 +16,21 @@
|
||||
</div>
|
||||
<div slot="reference">
|
||||
<el-badge :value="fileList.length" class="item">
|
||||
<el-button size="mini" round>剪切板</el-button>
|
||||
<el-button round size="mini" round>剪切板</el-button>
|
||||
</el-badge>
|
||||
</div>
|
||||
</el-popover>
|
||||
<div class="file-clipboard-operation">
|
||||
|
||||
<el-tooltip :disabled="operationDisabled" popper-class="clipboard-operation-popover" :hide-after="0" effect="light" :content="'复制到: ' + targetPathName" placement="bottom">
|
||||
<el-button :disabled="operationDisabled" icon="el-icon-document-copy" size="mini" circle @click="copy"></el-button>
|
||||
<el-button round :disabled="operationDisabled" icon="el-icon-document-copy" size="mini" circle @click="copy"></el-button>
|
||||
</el-tooltip>
|
||||
|
||||
<el-tooltip :disabled="operationDisabled" popper-class="clipboard-operation-popover" effect="light" :content="'移动到: ' + targetPathName" placement="bottom">
|
||||
<el-button :disabled="operationDisabled" icon="el-icon-scissors" size="mini" circle @click="move"></el-button>
|
||||
<el-button round :disabled="operationDisabled" icon="el-icon-scissors" size="mini" circle @click="move"></el-button>
|
||||
</el-tooltip>
|
||||
|
||||
<el-button icon="el-icon-close" size="mini" title="关闭" circle @click="clear"></el-button>
|
||||
<el-button round icon="el-icon-close" size="mini" title="关闭" circle @click="clear"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
>
|
||||
</show-file>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :disabled="!selectedFileRow.size" type="primary" @click="select">选择</el-button>
|
||||
<el-button round :disabled="!selectedFileRow.size" type="primary" @click="select">选择</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
@ -135,7 +135,7 @@
|
||||
@focus="setInputFocus"
|
||||
@blur="setInputBlur()"
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
slot="append"
|
||||
v-loading="newFolderLoading"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
@ -173,7 +173,7 @@
|
||||
>
|
||||
<template v-slot:suffix>
|
||||
<div>
|
||||
<el-button v-if="searchFileName" type="text" class="search-close-btn" @click="searchClose">
|
||||
<el-button round v-if="searchFileName" type="text" class="search-close-btn" @click="searchClose">
|
||||
<i class="el-icon-circle-close"></i>
|
||||
</el-button>
|
||||
<el-popover
|
||||
@ -191,7 +191,7 @@
|
||||
:search-result-count="pagination['total']"
|
||||
@filter-change="searchFilterChange" >
|
||||
</search-option>
|
||||
<el-button slot="reference" type="text" :class="searchOptionBtnClass" @click.native="showSearchOption">
|
||||
<el-button round slot="reference" type="text" :class="searchOptionBtnClass" @click.native="showSearchOption">
|
||||
<i class="el-icon-s-operation"></i>
|
||||
</el-button>
|
||||
</el-popover>
|
||||
@ -206,7 +206,7 @@
|
||||
<span class="suggestion-item-text">{{ item.keyword }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="text" icon="el-icon-close" class="clear-search-history-btn" @click.native.prevent="clearSearchHistory(item, $event)"></el-button>
|
||||
<el-button round type="text" icon="el-icon-close" class="clear-search-history-btn" @click.native.prevent="clearSearchHistory(item, $event)"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -218,7 +218,7 @@
|
||||
@command="contextmenuClick"
|
||||
>
|
||||
<div>
|
||||
<el-button type="text" class="sort">
|
||||
<el-button round type="text" class="sort">
|
||||
<svg-icon
|
||||
v-if="sortable.order === 'descending'"
|
||||
icon-class="sort-amount-down-solid"
|
||||
@ -298,7 +298,7 @@
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<el-button type="text" class="vmode" @click="changeVmode">
|
||||
<el-button round type="text" class="vmode" @click="changeVmode">
|
||||
<svg-icon :icon-class="grid ? 'list' : 'grid'" />
|
||||
</el-button>
|
||||
</div>
|
||||
@ -567,8 +567,10 @@
|
||||
background: selectRowData.includes(item) ? '#caeaf991' : '',
|
||||
'background-size': 'cover',
|
||||
'background-position': 'center',
|
||||
'box-shadow': selectRowData.includes(item) ? '0 4px 12px var(--apple-shadow-color)' : '',
|
||||
'transition': 'box-shadow 0.3s ease, transform 0.3s ease;',
|
||||
border: selectRowData.includes(item)
|
||||
? 'solid 1px #409eff'
|
||||
? 'solid 1px var(--apple-shadow-color)'
|
||||
: '',
|
||||
}"
|
||||
@click="gridItemClick(item, $event)"
|
||||
@ -639,9 +641,7 @@
|
||||
移动到：
|
||||
</div>
|
||||
<div class="target">
|
||||
<span class="folder" style="display: none;white-space: nowrap;"
|
||||
>document</span
|
||||
>
|
||||
<span class="folder" style="display: none;white-space: nowrap;">document</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -677,15 +677,15 @@
|
||||
<svg-icon icon-class="open-folder"></svg-icon>
|
||||
<span class="dialog-msg">查看压缩文件</span>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="unzipTo(openingFile)"
|
||||
<el-button round size="small" @click="unzipTo(openingFile)"
|
||||
>解压到...</el-button
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
size="small"
|
||||
@click="unzip(openingFile, openingFile.id, false)"
|
||||
>解压到当前目录</el-button
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="compressionFilePreview(openingFile)"
|
||||
@ -740,34 +740,34 @@
|
||||
>
|
||||
</el-tree>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button
|
||||
<el-button round
|
||||
size="small"
|
||||
@click="fileTreeAndNewFolder"
|
||||
:disabled="fileTreeAndNewFolderDisabled"
|
||||
><i class="el-icon-folder-add"></i> 新建文件夹
|
||||
</el-button>
|
||||
<el-button
|
||||
<el-button round
|
||||
v-if="!unzipOperating"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="moveFileTree"
|
||||
>移 动</el-button
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
v-if="!unzipOperating"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="copyFileTree"
|
||||
>复制</el-button
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
v-if="unzipOperating"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="confirmUnzip"
|
||||
>解压</el-button
|
||||
>
|
||||
<el-button size="small" @click="dialogMoveOrCopyVisible = false"
|
||||
<el-button round size="small" @click="dialogMoveOrCopyVisible = false"
|
||||
>取 消</el-button
|
||||
>
|
||||
</div>
|
||||
@ -800,10 +800,10 @@
|
||||
@keyup.enter.native="createFile(newCreateFileName)"
|
||||
></el-input>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="newCreateFileDialog = false"
|
||||
<el-button round size="small" @click="newCreateFileDialog = false"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
<el-button round
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="createFile(newCreateFileName)"
|
||||
@ -828,12 +828,12 @@
|
||||
</el-row>
|
||||
<span slot="footer" class="dialog-footer-delete">
|
||||
<div>
|
||||
<el-button v-if="!permanentDeleteDisable" type="danger" size="small" @click="sweepDeleteFile" :loading="deleteLoading">彻底删除</el-button>
|
||||
<el-button round v-if="!permanentDeleteDisable" type="danger" size="small" @click="sweepDeleteFile" :loading="deleteLoading">彻底删除</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button size="small" @click="deleteConfirmVisible = false">取 消</el-button>
|
||||
<el-button v-if="permanentDeleteDisable" type="danger" size="small" @click="sweepDeleteFile" :loading="deleteLoading">彻底删除</el-button>
|
||||
<el-button v-if="!permanentDeleteDisable" type="warning" size="small" @click="moveToRecycle" :loading="deleteLoading">移至回收站</el-button>
|
||||
<el-button round size="small" @click="deleteConfirmVisible = false">取 消</el-button>
|
||||
<el-button round v-if="permanentDeleteDisable" type="danger" size="small" @click="sweepDeleteFile" :loading="deleteLoading">彻底删除</el-button>
|
||||
<el-button round v-if="!permanentDeleteDisable" type="warning" size="small" @click="moveToRecycle" :loading="deleteLoading">移至回收站</el-button>
|
||||
</div>
|
||||
</span>
|
||||
</el-dialog>
|
||||
@ -852,9 +852,9 @@
|
||||
<dialog-file-list class="dialog-file-list" :file-list="existsFileList" :image-url="imageUrl" :audio-cover-url="audioCoverUrl"></dialog-file-list>
|
||||
</el-row>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="copyOrMoveConfirmVisible = false">取 消</el-button>
|
||||
<el-button type="warning" size="small" @click="copyOrMoveApi(copyOrMoveParams.operating, copyOrMoveParams.froms, copyOrMoveParams.to, true, copyOrMoveParams.targetPath)">覆 盖</el-button>
|
||||
<el-button type="primary" size="small" @click="copyOrMoveApi(copyOrMoveParams.operating, copyOrMoveParams.froms, copyOrMoveParams.to, false, copyOrMoveParams.targetPath)">不覆盖</el-button>
|
||||
<el-button round size="small" @click="copyOrMoveConfirmVisible = false">取 消</el-button>
|
||||
<el-button round type="warning" size="small" @click="copyOrMoveApi(copyOrMoveParams.operating, copyOrMoveParams.froms, copyOrMoveParams.to, true, copyOrMoveParams.targetPath)">覆 盖</el-button>
|
||||
<el-button round type="primary" size="small" @click="copyOrMoveApi(copyOrMoveParams.operating, copyOrMoveParams.froms, copyOrMoveParams.to, false, copyOrMoveParams.targetPath)">不覆盖</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
@ -3282,15 +3282,11 @@ export default {
|
||||
},
|
||||
// cell-style 通过返回值可以实现样式变换利用传递过来的数组index循环改变样式
|
||||
rowStyle({ row, column, rowIndex, columnIndex }) {
|
||||
if (
|
||||
this.$refs.fileListTable.tableSelectData.findIndex(
|
||||
item => item.index === rowIndex
|
||||
) > -1
|
||||
) {
|
||||
if (this.$refs.fileListTable.tableSelectData.findIndex(item => item.index === rowIndex) > -1) {
|
||||
if (columnIndex === 0) {
|
||||
return {
|
||||
backgroundColor: '#e0f3fc !important',
|
||||
borderRadius: '5px 0 0 5px',
|
||||
borderRadius: '50px 0 0 50px',
|
||||
borderLeft: '1px solid #409eff',
|
||||
borderTop: '1px solid #409eff',
|
||||
borderBottom: '1px solid #409eff',
|
||||
@ -3299,7 +3295,7 @@ export default {
|
||||
if (columnIndex === 3) {
|
||||
return {
|
||||
backgroundColor: '#e0f3fc !important',
|
||||
borderRadius: '0 5px 5px 0',
|
||||
borderRadius: '0 50px 50px 0',
|
||||
borderRight: '1px solid #409eff',
|
||||
borderTop: '1px solid #409eff',
|
||||
borderBottom: '1px solid #409eff',
|
||||
@ -3310,6 +3306,17 @@ export default {
|
||||
borderTop: '1px solid #409eff',
|
||||
borderBottom: '1px solid #409eff',
|
||||
}
|
||||
} else {
|
||||
if (columnIndex === 0) {
|
||||
return {
|
||||
borderRadius: '50px 0 0 50px',
|
||||
}
|
||||
}
|
||||
if (columnIndex === 3) {
|
||||
return {
|
||||
borderRadius: '0 50px 50px 0',
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// 动态添加index到row里面去
|
||||
@ -4659,6 +4666,7 @@ export default {
|
||||
|
||||
.is-sortable:hover {
|
||||
background-color: #e0f3fc;
|
||||
border-radius: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -4721,6 +4729,9 @@ export default {
|
||||
.svg-icon {
|
||||
font-size: 14px;
|
||||
}
|
||||
&:hover {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
>>> .new-text-file-dialog {
|
||||
@ -4755,7 +4766,7 @@ export default {
|
||||
>>> .van-grid-item__content {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 5px !important;
|
||||
border-radius: $dialogBorderRadius !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -4773,7 +4784,7 @@ export default {
|
||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
background: #d2eefa66;
|
||||
border-radius: 5px;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
|
||||
.icon {
|
||||
@ -4794,7 +4805,7 @@ export default {
|
||||
background-color: #1d8cff;
|
||||
color: #ffffff;
|
||||
padding: 8px;
|
||||
border-radius: 2px;
|
||||
border-radius: 32px;
|
||||
margin-right: 5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
@ -4822,7 +4833,7 @@ export default {
|
||||
}
|
||||
.delete-attention {
|
||||
padding: 10px 10px;
|
||||
border-radius: 4px;
|
||||
border-radius: 12px;
|
||||
margin-bottom: 10px;
|
||||
.el-checkbox {
|
||||
color: #606266;
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
<div class="file-title">
|
||||
<h2 class="files-title">文件列表</h2>
|
||||
<div class="operate">
|
||||
<el-button
|
||||
<el-button round
|
||||
v-if="fileListLength > 0"
|
||||
type="text"
|
||||
class="button-collapse"
|
||||
@ -47,10 +47,10 @@
|
||||
>
|
||||
<i class="iconfont el-icon-position"></i>
|
||||
</el-button>
|
||||
<!--<el-button type="text" class="button-collapse" :title="collapse ? '展开':'折叠' " @click="fileListShow">-->
|
||||
<!--<el-button round type="text" class="button-collapse" :title="collapse ? '展开':'折叠' " @click="fileListShow">-->
|
||||
<!--<i class="iconfont" :class="collapse ? 'el-icon-circle-plus-outline': 'el-icon-remove-outline'"></i>-->
|
||||
<!--</el-button>-->
|
||||
<el-button
|
||||
<el-button round
|
||||
type="text"
|
||||
class="button-collapse"
|
||||
title="关闭"
|
||||
@ -769,7 +769,7 @@ export default {
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 7px 7px 0 0;
|
||||
border-radius: 16px;
|
||||
position: fixed;
|
||||
-webkit-transition: all 0.5s ease-in-out 0s;
|
||||
transition: all 0.5s ease-in-out 0s;
|
||||
|
||||
@ -70,8 +70,8 @@
|
||||
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button v-if="existingTags.length > 0 || isEditMode" size="small" @click="editMode" >{{ isEditMode ? '取消编辑' : '编辑现有标签' }}</el-button>
|
||||
<el-button size="small" type="primary" @click="submitTag" v-loading="saveLoading">保存</el-button>
|
||||
<el-button round v-if="existingTags.length > 0 || isEditMode" size="small" @click="editMode" >{{ isEditMode ? '取消编辑' : '编辑现有标签' }}</el-button>
|
||||
<el-button round size="small" type="primary" @click="submitTag" v-loading="saveLoading">保存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</di>
|
||||
@ -272,9 +272,15 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
> > > .el-dialog {
|
||||
>>> .el-dialog {
|
||||
max-width: 500px;
|
||||
|
||||
.el-dialog__body {
|
||||
.el-button--small {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -114,6 +114,7 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'src/styles/variables.scss';
|
||||
.button {
|
||||
--background: #409EFF;
|
||||
--background-hover: #6bcbff;
|
||||
@ -124,7 +125,7 @@
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
padding: 8px 15px 8px 15px;
|
||||
border-radius: 4px;
|
||||
border-radius: 12px;
|
||||
line-height: 24px;
|
||||
font-family: inherit;
|
||||
font-weight: 600;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button type="primary" class="copy-text" @click="copyText" :data-clipboard-text="shareLink">复制链接</el-button>
|
||||
<el-button round type="primary" class="copy-text" @click="copyText" :data-clipboard-text="shareLink">复制链接</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<el-col :xs="24">
|
||||
<select-file title="选择图片" @select="selectedFile" :visible.sync="dialogSelectFile"></select-file>
|
||||
<div class="upload">
|
||||
<el-button v-if="enableSelect" class="upload-select-btn" title="选择文件" type="primary" size="small" icon="el-icon-folder" circle @click="dialogSelectFile = true"></el-button>
|
||||
<el-button round v-if="enableSelect" class="upload-select-btn" title="选择文件" type="primary" size="small" icon="el-icon-folder" circle @click="dialogSelectFile = true"></el-button>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
class="upload"
|
||||
@ -21,7 +21,7 @@
|
||||
:on-remove="handleFileListRemove"
|
||||
:on-progress="handleProgress"
|
||||
>
|
||||
<el-button title="上传" type="primary" size="small" icon="el-icon-upload2" circle></el-button>
|
||||
<el-button round title="上传" type="primary" size="small" icon="el-icon-upload2" circle></el-button>
|
||||
<span v-if="desc.length > 0">{{desc}}</span>
|
||||
<div class="url-desc" v-if="uploadState > 0" slot="tip">
|
||||
<span v-show="uploadState === 1">图片上传中{{uploadPercentage}}%</span>
|
||||
|
||||
@ -11,8 +11,8 @@
|
||||
@close="closeDialog">
|
||||
<svg-icon v-if="!loading" icon-class="warring"></svg-icon> <span class="dialog-msg">{{content}}</span>
|
||||
<span v-if="!loading" slot="footer" class="dialog-footer">
|
||||
<el-button :size="buttonSize" @click="operating">{{operatButtonText}}</el-button>
|
||||
<el-button :size="buttonSize" type="primary" @click=confirm>{{confirmButtonText}}</el-button>
|
||||
<el-button round :size="buttonSize" @click="operating">{{operatButtonText}}</el-button>
|
||||
<el-button round :size="buttonSize" type="primary" @click=confirm>{{confirmButtonText}}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="drawio-title-name" :style="{'color': saved ? (lightTheme ? '':'#ffffff'): '#ff8200'}">{{title}}</div>
|
||||
<div class="drawio-operation">
|
||||
<div style="margin-right: 15px">
|
||||
<el-button v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini" :class="lightTheme ? '':'dark-button'">取消预览</el-button>
|
||||
<el-button round v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini" :class="lightTheme ? '':'dark-button'">取消预览</el-button>
|
||||
</div>
|
||||
<history-popover
|
||||
ref="historyPopover"
|
||||
@ -18,7 +18,7 @@
|
||||
>
|
||||
</history-popover>
|
||||
|
||||
<div><el-button v-if="!saved" @click="save" size="mini" :loading="saveBtnUpdating" :class="lightTheme ? '':'dark-button'">保存</el-button></div>
|
||||
<div><el-button round v-if="!saved" @click="save" size="mini" :loading="saveBtnUpdating" :class="lightTheme ? '':'dark-button'">保存</el-button></div>
|
||||
</div>
|
||||
</div>
|
||||
<iframe ref="myFlow" class="drawio-iframe" :src="url" :title="file.name"></iframe>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<div class="top-right">
|
||||
<div class="top-right-option">
|
||||
<div style="margin-right: 15px">
|
||||
<el-button v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini"
|
||||
<el-button round v-if="historyVersion.metadata.time" @click="cancelPreview" size="mini"
|
||||
:class="lightTheme ? '':'dark-button'">取消预览
|
||||
</el-button>
|
||||
</div>
|
||||
@ -23,12 +23,12 @@
|
||||
</history-popover>
|
||||
|
||||
<div style="margin-right: 15px">
|
||||
<el-button v-if="!saved" @click="saveBtn" size="mini" :loading="saveBtnUpdating"
|
||||
<el-button round v-if="!saved" @click="saveBtn" size="mini" :loading="saveBtnUpdating"
|
||||
:class="lightTheme ? '':'dark-button'">保存
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button title="外部打开" size="medium" type="primary" @click="openUrl"><svg-icon icon-class="wailian"/></el-button>
|
||||
<el-button round title="外部打开" size="medium" type="primary" @click="openUrl"><svg-icon icon-class="wailian"/></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,11 +4,11 @@
|
||||
<!--<el-popover ref="popover5" v-model="visible" placement="top" width="160">-->
|
||||
<!--<p>{{ content }}</p>-->
|
||||
<!--<div style="text-align: right; margin: 0">-->
|
||||
<!--<el-button size="mini" type="text" @click="visible = false">取消</el-button>-->
|
||||
<!--<el-button type="danger" size="mini" @click="deleteItem(id)">确定</el-button>-->
|
||||
<!--<el-button round size="mini" type="text" @click="visible = false">取消</el-button>-->
|
||||
<!--<el-button round type="danger" size="mini" @click="deleteItem(id)">确定</el-button>-->
|
||||
<!--</div>-->
|
||||
<!--</el-popover>-->
|
||||
<!--<el-button v-popover:popover5 type="text" icon-class="more">fff</el-button>-->
|
||||
<!--<el-button round v-popover:popover5 type="text" icon-class="more">fff</el-button>-->
|
||||
|
||||
<el-popover
|
||||
ref="popover"
|
||||
|
||||
@ -5,9 +5,9 @@
|
||||
<div class="top-center">{{ file.name }}</div>
|
||||
<div class="top-right">
|
||||
<div class="top-right-option">
|
||||
<el-button title="切换背景色" size="medium" type="primary" @click="changeBackground"
|
||||
<el-button round title="切换背景色" size="medium" type="primary" @click="changeBackground"
|
||||
:icon="lightTheme?'el-icon-moon':'el-icon-sunny'"></el-button>
|
||||
<el-button title="显示全部" size="medium" type="primary" @click="reset"
|
||||
<el-button round title="显示全部" size="medium" type="primary" @click="reset"
|
||||
icon="el-icon-c-scale-to-original"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :visible.sync="visible" class="details-content" :custom-class="officePreview ? 'dialog-office':''">
|
||||
<el-dialog :visible.sync="visible" class="details-content" :show-close="false" :custom-class="officePreview ? 'dialog-office':''">
|
||||
<div v-if="officePreview" class="office-preview">
|
||||
<vue-office-docx
|
||||
v-if="file.suffix === 'docx' && visible"
|
||||
@ -40,10 +40,10 @@
|
||||
是否开始扫描?
|
||||
</p>
|
||||
<div style="text-align: right; margin: 0">
|
||||
<el-button size="mini" type="text" @click="cancelScan()">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="scanDirectory(file)">确定</el-button>
|
||||
<el-button round size="mini" type="text" @click="cancelScan()">取消</el-button>
|
||||
<el-button round type="primary" size="mini" @click="scanDirectory(file)">确定</el-button>
|
||||
</div>
|
||||
<el-button slot="reference" id="scanDirectoryBtn-file" type="primary" size="small" :loading="syncLoading"><i class="el-icon-refresh"></i></el-button>
|
||||
<el-button round slot="reference" id="scanDirectoryBtn-file" class="file-detail-btn" type="primary" size="small" :loading="syncLoading"><i class="el-icon-refresh"></i></el-button>
|
||||
</el-popover>
|
||||
<span v-show="syncPercent < 100">正在同步文件基本信息: {{ syncPercent }}%</span>
|
||||
<span v-show="indexingPercent > 0 && indexingPercent < 100">正在为文件内容创建索引: </span><span v-show="indexingPercent > 0 && indexingPercent < 100">{{ indexingPercent }}%</span>
|
||||
@ -80,7 +80,7 @@
|
||||
<span> {{ formatSize(file.size) }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="位置:" class="details-position">
|
||||
<a :href="pathUrl">{{ filepath }}</a>
|
||||
<span><a :href="pathUrl">{{ filepath }}</a></span>
|
||||
</el-form-item>
|
||||
<el-form-item label="上传时间:">
|
||||
<span>{{ file.uploadDate }}</span>
|
||||
@ -95,8 +95,8 @@
|
||||
<span style="white-space: break-spaces;">{{ formatVideo(file.video) }}</span>
|
||||
</el-form-item>
|
||||
</el-scrollbar>
|
||||
<el-button v-if="allowOpenFile" type="primary" size="small" @click="openFile" class="open-file">打开文件</el-button>
|
||||
<el-button v-if="onlyOfficeSupportedFormats(file)" type="primary" size="small" @click="openOnlyOffice" class="open-file">使用OnlyOffice打开</el-button>
|
||||
<el-button round v-if="allowOpenFile" type="primary" size="small" @click="openFile" class="file-detail-btn open-file">打开文件</el-button>
|
||||
<el-button round v-if="onlyOfficeSupportedFormats(file)" type="primary" size="small" @click="openOnlyOffice" class="file-detail-btn open-file">使用OnlyOffice打开</el-button>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</div>
|
||||
@ -291,19 +291,55 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
>>> .el-drawer__header {
|
||||
color: #000000;
|
||||
|
||||
span {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
@import "src/styles/element-ui.scss";
|
||||
|
||||
$primary: #409eff;
|
||||
$bg-blur: rgba(255, 255, 255, 0.75);
|
||||
|
||||
.details-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
>>> .el-dialog__header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
>>> .el-dialog__body {
|
||||
display: flex;
|
||||
background: $bg-blur;
|
||||
border-radius: 18px;
|
||||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
|
||||
backdrop-filter: blur(16px) saturate(180%);
|
||||
-webkit-backdrop-filter: blur(16px) saturate(180%);
|
||||
border: 1px solid rgba(255,255,255,0.18);
|
||||
padding: 32px 32px 24px 32px;
|
||||
}
|
||||
}
|
||||
>>> .el-dialog {
|
||||
margin-top: 0 !important;
|
||||
width: fit-content;
|
||||
min-width: 500px;
|
||||
max-width: 800px;
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
|
||||
}
|
||||
|
||||
>>> .dialog-office {
|
||||
max-width: 1400px;
|
||||
min-width: 1225px;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.details-form {
|
||||
padding-bottom: 20px;
|
||||
width: 280px;
|
||||
width: 320px;
|
||||
font-family: "San Francisco", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
color: #222;
|
||||
|
||||
>>> .el-scrollbar__view {
|
||||
max-height: 50vh;
|
||||
@ -314,14 +350,21 @@ export default {
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
line-height: 25px;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
>>> .el-form-item__label {
|
||||
line-height: 25px;
|
||||
color: #888;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
>>> .el-form-item {
|
||||
margin-bottom: 0;
|
||||
border-radius: 10px;
|
||||
padding: 6px;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
>>> .details-scan {
|
||||
@ -331,24 +374,30 @@ export default {
|
||||
margin-bottom: 10px;
|
||||
.el-button--mini, .el-button--mini.is-round {
|
||||
padding: 5px 15px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
>>> .details-position {
|
||||
margin: 10px 0;
|
||||
|
||||
.el-form-item__content {
|
||||
line-height: 20px;
|
||||
color: #84a0c3;
|
||||
line-height: 25px;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.el-form-item__label {
|
||||
line-height: 20px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #409eff;
|
||||
a {
|
||||
color: $primary;
|
||||
text-decoration: none;
|
||||
border-radius: 6px;
|
||||
padding: 2px 4px;
|
||||
transition: background 0.2s;
|
||||
&:hover {
|
||||
background: rgba(64,158,255,0.12);
|
||||
color: #1a73e8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -361,12 +410,8 @@ export default {
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
>>> .icon-favorite {
|
||||
display: none;
|
||||
}
|
||||
>>> .icon-share {
|
||||
display: none;
|
||||
}
|
||||
>>> .icon-favorite,
|
||||
>>> .icon-share,
|
||||
>>> .icon-tag {
|
||||
display: none;
|
||||
}
|
||||
@ -376,38 +421,54 @@ export default {
|
||||
margin-bottom: 40px;
|
||||
>>> .svg-icon {
|
||||
font-size: 8rem;
|
||||
border-radius: 18px;
|
||||
background: rgba(255,255,255,0.7);
|
||||
box-shadow: 0 4px 16px 0 rgba(31, 38, 135, 0.10);
|
||||
padding: 16px;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.details-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
>>> .el-dialog__body {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
>>> .el-image {
|
||||
height: 200px !important;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 16px 0 rgba(31, 38, 135, 0.10);
|
||||
background: #f8fafc;
|
||||
}
|
||||
>>> .el-image.cover {
|
||||
height: unset !important;
|
||||
margin-bottom: 20px;
|
||||
max-width: 100%;
|
||||
max-height: 60vh;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 16px 0 rgba(31, 38, 135, 0.10);
|
||||
}
|
||||
|
||||
>>> .el-dialog {
|
||||
margin-top: 0 !important;
|
||||
width: fit-content;
|
||||
min-width: 500px;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
>>> .dialog-office {
|
||||
max-width: 1400px;
|
||||
min-width: 1225px;
|
||||
height: 90vh;
|
||||
.vue-office-docx {
|
||||
border-radius: 12px;
|
||||
overflow: auto;
|
||||
/* macOS风格滚动条 */
|
||||
&::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
background: transparent;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: rgba(180,180,180,0.28);
|
||||
border-radius: 6px;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(180,180,180,0.48);
|
||||
}
|
||||
&::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
/* Firefox */
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(180,180,180,0.28) transparent;
|
||||
&:hover {
|
||||
scrollbar-color: rgba(180,180,180,0.48) transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.office-preview {
|
||||
@ -417,10 +478,27 @@ export default {
|
||||
margin-right: 20px;
|
||||
>>> .docx-wrapper {
|
||||
padding: 10px;
|
||||
border-radius: 12px;
|
||||
background: rgba(255,255,255,0.8);
|
||||
box-shadow: 0 2px 8px 0 rgba(31, 38, 135, 0.08);
|
||||
}
|
||||
}
|
||||
|
||||
.open-file {
|
||||
margin-top: 10px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* 自定义滚动条 */
|
||||
>>> .el-scrollbar__bar.is-vertical {
|
||||
width: 7px;
|
||||
background: transparent;
|
||||
}
|
||||
>>> .el-scrollbar__thumb {
|
||||
background: rgba(64,158,255,0.18);
|
||||
border-radius: 4px;
|
||||
transition: background 0.2s;
|
||||
&:hover {
|
||||
background: rgba(64,158,255,0.32);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-button title="外部打开" size="medium" type="primary" @click="openUrl"><svg-icon icon-class="wailian"/></el-button>
|
||||
<el-button round title="外部打开" size="medium" type="primary" @click="openUrl"><svg-icon icon-class="wailian"/></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -53,9 +53,9 @@
|
||||
>
|
||||
</history-popover>
|
||||
|
||||
<el-button v-if="isShowUpdateBtn" @click="saveAll(false)" :class="lightTheme?'':'dark-button'" size="small" :loading="updating">{{saveTitle}}</el-button>
|
||||
<el-button round v-if="isShowUpdateBtn" @click="saveAll(false)" :class="lightTheme?'':'dark-button'" size="small" :loading="updating">{{saveTitle}}</el-button>
|
||||
|
||||
<el-button
|
||||
<el-button round
|
||||
v-if="editableTabsValue.endsWith('.md') && editableTabs.length > 0"
|
||||
:class="lightTheme?'':'dark-button'"
|
||||
size="small"
|
||||
@ -65,7 +65,7 @@
|
||||
>
|
||||
<icon :type="previewMode?lightTheme?'icon-quxiaoyulan1':'icon-quxiaoyulan1-copy':lightTheme?'icon-yulan':'icon-yulan-copy'"></icon>
|
||||
</el-button>
|
||||
<el-button
|
||||
<el-button round
|
||||
:class="lightTheme?'':'dark-button'"
|
||||
size="small"
|
||||
:icon="lightTheme?'el-icon-moon':'el-icon-sunny'"
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<van-overlay :show="show">
|
||||
<div class="wrapper">
|
||||
<div class="block">
|
||||
<el-button v-show="controlState" class="close-bar" icon="el-icon-close" size="mini" title="关闭" circle @click="close"></el-button>
|
||||
<el-button round v-show="controlState" class="close-bar" icon="el-icon-close" size="mini" title="关闭" circle @click="close"></el-button>
|
||||
<Artplayer @get-instance="getInstance" :option="option" :style="style"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
{{ !item.formatData && !item.active ? scope.row[item.prop] : ''}}
|
||||
</div>
|
||||
<div v-if="item.active">
|
||||
<el-button
|
||||
<el-button round
|
||||
v-for="(o, key) in item.active"
|
||||
:style="{color: o.color}"
|
||||
:key="key"
|
||||
|
||||
@ -14,8 +14,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogTagVisible = false">取 消</el-button>
|
||||
<el-button size="small" native-type="submit" type="primary" :loading="tagUpdateLoading"
|
||||
<el-button round size="small" @click="dialogTagVisible = false">取 消</el-button>
|
||||
<el-button round size="small" native-type="submit" type="primary" :loading="tagUpdateLoading"
|
||||
@click.native.prevent="updateTag">保 存
|
||||
</el-button>
|
||||
</div>
|
||||
@ -88,7 +88,7 @@
|
||||
<svg-icon :style="{ color: tag.color, fontSize: '14px' }" icon-class="tag2"></svg-icon>
|
||||
<div class="tag-name">{{ tag.name }}</div>
|
||||
</div>
|
||||
<el-button slot="reference" class="btn-more" size="mini" icon="el-icon-more" @click.stop.prevent="clickTagMore(tag, $event)"></el-button>
|
||||
<el-button round slot="reference" class="btn-more" size="mini" icon="el-icon-more" @click.stop.prevent="clickTagMore(tag, $event)"></el-button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -422,10 +422,14 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "src/styles/element-ui";
|
||||
|
||||
$tagMenuBorderRadius: 8px;
|
||||
|
||||
>>> .ctx-menu-container {
|
||||
border: 0 solid rgba(0, 0, 0, 0);
|
||||
min-width: unset;
|
||||
border-radius: $dialogBorderRadius;
|
||||
}
|
||||
|
||||
.tag-menu ul {
|
||||
@ -443,7 +447,7 @@ export default {
|
||||
}
|
||||
.tag-menu li:hover {
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
border-radius: $tagMenuBorderRadius;
|
||||
background-color: #409eff30;
|
||||
}
|
||||
.tag-menu li > .menuitem {
|
||||
@ -491,7 +495,7 @@ export default {
|
||||
font-size: 14px;
|
||||
color: #606266;
|
||||
cursor: pointer;
|
||||
margin: 2px 5px 2px 5px;
|
||||
margin: 2px 10px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -501,7 +505,7 @@ export default {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
.tag-name {
|
||||
width: 90px;
|
||||
width: 74px;
|
||||
white-space: nowrap; /* 强制单行显示 */
|
||||
overflow: hidden; /* 隐藏溢出的内容 */
|
||||
text-overflow: ellipsis; /* 添加省略号 */
|
||||
@ -516,7 +520,7 @@ export default {
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
margin-right: 12px !important;
|
||||
margin: 2px 10px !important;
|
||||
}
|
||||
.el-button:hover {
|
||||
color: #409EFF;
|
||||
@ -525,7 +529,7 @@ export default {
|
||||
}
|
||||
&:hover {
|
||||
background-color: #dadada !important;
|
||||
border-radius: 4px;
|
||||
border-radius: $tagMenuBorderRadius;
|
||||
.btn-more {
|
||||
display: block;
|
||||
}
|
||||
@ -533,12 +537,13 @@ export default {
|
||||
}
|
||||
.infinite-list-item.highlight {
|
||||
background-color: #dadada;
|
||||
border-radius: 4px;
|
||||
border-radius: $tagMenuBorderRadius;
|
||||
}
|
||||
.infinite-list-item.expand {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: $tagMenuBorderRadius;
|
||||
}
|
||||
.infinite-list-item.collapse {
|
||||
padding-left: unset;
|
||||
|
||||
@ -123,5 +123,8 @@ export default {
|
||||
}
|
||||
>>> .sidebar-logo-container {
|
||||
background-color:unset;
|
||||
.el-image__inner {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
// cover some element-ui styles
|
||||
|
||||
@import './variables.scss';
|
||||
.el-breadcrumb__inner,
|
||||
.el-breadcrumb__inner a {
|
||||
font-weight: 400 !important;
|
||||
@ -47,3 +47,157 @@
|
||||
.el-range-separator {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
//>>> .el-button--primary {
|
||||
// border-radius: 8px !important;
|
||||
// font-weight: 500;
|
||||
// letter-spacing: 0.02em;
|
||||
// background: linear-gradient(90deg, #409eff 0%, #66b1ff 100%);
|
||||
// border: none;
|
||||
// box-shadow: 0 2px 8px 0 rgba(31, 38, 135, 0.08);
|
||||
// transition: background 0.2s, box-shadow 0.2s;
|
||||
// &:hover {
|
||||
// background: linear-gradient(90deg, #66b1ff 0%, #409eff 100%);
|
||||
// box-shadow: 0 4px 16px 0 rgba(31, 38, 135, 0.12);
|
||||
// }
|
||||
//}
|
||||
|
||||
//>>> .el-button {
|
||||
// border-radius: $btnBorderRadius;
|
||||
//}
|
||||
//
|
||||
//>>> .el-radio.is-bordered {
|
||||
// border-radius: $btnBorderRadius;
|
||||
//}
|
||||
//
|
||||
//>>> .el-button.is-circle {
|
||||
// border-radius: 50%;
|
||||
//}
|
||||
|
||||
// --- Variables ---
|
||||
$inputBorderRadius: 12px;
|
||||
$inputBorderRadiusMedium: 11px;
|
||||
$inputBorderRadiusSmall: 10px;
|
||||
$inputBorderRadiusMini: 9px;
|
||||
|
||||
// --- Size Map ---
|
||||
// Map linking size suffixes (including 'default' placeholder) to radius variables
|
||||
$input-sizes: (
|
||||
"default": $inputBorderRadius,
|
||||
"medium": $inputBorderRadiusMedium,
|
||||
"small": $inputBorderRadiusSmall,
|
||||
"mini": $inputBorderRadiusMini
|
||||
);
|
||||
|
||||
// --- Loop through sizes to generate styles ---
|
||||
@each $size, $radius in $input-sizes {
|
||||
// Determine the base selectors for input and input-number for the current size
|
||||
// For 'default', we target the base classes without size modifiers
|
||||
$input-base-selector: if($size == "default", ">>> .el-input", ">>> .el-input--#{$size}");
|
||||
$number-base-selector: if($size == "default", ">>> .el-input-number", ">>> .el-input-number--#{$size}");
|
||||
|
||||
// --- Common Styles for Input and InputNumber Inner ---
|
||||
#{$input-base-selector},
|
||||
#{$number-base-selector} {
|
||||
.el-input__inner {
|
||||
border-radius: $radius;
|
||||
}
|
||||
}
|
||||
|
||||
// --- Styles specific to InputNumber Buttons ---
|
||||
#{$number-base-selector} {
|
||||
// Default controls layout (buttons on sides)
|
||||
&:not(.is-controls-right) {
|
||||
.el-input-number__increase {
|
||||
border-radius: 0 $radius $radius 0; // Right button
|
||||
}
|
||||
.el-input-number__decrease {
|
||||
border-radius: $radius 0 0 $radius; // Left button
|
||||
}
|
||||
}
|
||||
|
||||
// Controls-right layout
|
||||
&.is-controls-right {
|
||||
.el-input-number__decrease {
|
||||
border-radius: 0 0 $radius 0; // Bottom button
|
||||
}
|
||||
.el-input-number__increase {
|
||||
border-radius: 0 $radius 0 0; // Top button
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// --- Input Group Styles ---
|
||||
// Note: Original logic for default vs sized inputs was slightly different.
|
||||
// This version aims for consistency: prepend rounds left, append rounds right.
|
||||
#{$input-base-selector}, // Apply group styles potentially within input context
|
||||
#{$number-base-selector} { // And within input-number context
|
||||
|
||||
.el-input-group__prepend {
|
||||
border-top-left-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
border-top-right-radius: 0; // Ensure inner corner is sharp
|
||||
border-bottom-right-radius: 0; // Ensure inner corner is sharp
|
||||
}
|
||||
|
||||
.el-input-group__append {
|
||||
border-top-right-radius: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
border-top-left-radius: 0; // Ensure inner corner is sharp
|
||||
border-bottom-left-radius: 0; // Ensure inner corner is sharp
|
||||
}
|
||||
|
||||
// Ensure inner input also loses radius when adjacent to prepend/append
|
||||
.el-input-group__prepend + .el-input__inner {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
//.el-input__inner + .el-input-group__append {
|
||||
// border-top-right-radius: 0;
|
||||
// border-bottom-right-radius: 0;
|
||||
//}
|
||||
}
|
||||
}
|
||||
|
||||
// You might need additional overrides if the default Element UI styles conflict,
|
||||
// especially around the input group corners when combined with the main input radius.
|
||||
// Example: Ensure the input itself has sharp corners when grouped
|
||||
>>> .el-input-group--prepend .el-input__inner {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
>>> .el-input-group--append .el-input__inner {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
// Specific overrides for prepend/append themselves might be needed depending on base styles
|
||||
>>> .el-input-group__prepend {
|
||||
// Ensure base styles don't add unwanted right radius
|
||||
border-right-width: 0; // Or adjust padding/margin if needed
|
||||
}
|
||||
>>> .el-input-group__append {
|
||||
// Ensure base styles don't add unwanted left radius
|
||||
border-left-width: 0; // Or adjust padding/margin if needed
|
||||
}
|
||||
|
||||
.el-input-group--append .el-input__inner, .el-input-group__prepend {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
.el-input-group--prepend .el-input__inner, .el-input-group__append {
|
||||
border-top-left-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
|
||||
>>> .el-textarea__inner {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
>>> .el-dialog {
|
||||
border-radius: $dialogBorderRadius;
|
||||
}
|
||||
|
||||
>>> .el-popper {
|
||||
border-radius: $popperBorderRadius;
|
||||
}
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
@import "variables";
|
||||
|
||||
.dashboard {
|
||||
&-container {
|
||||
min-width: 500px;
|
||||
@ -54,7 +56,7 @@
|
||||
}
|
||||
.newFileMenu li:hover {
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
/*background-color: #409eff14;*/
|
||||
background-color: #409eff30;
|
||||
}
|
||||
@ -85,12 +87,12 @@
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
>>> .el-checkbox {
|
||||
cursor: default;
|
||||
}
|
||||
>>> .el-checkbox__input {
|
||||
cursor: default;
|
||||
}
|
||||
//>>> .el-checkbox {
|
||||
// cursor: default;
|
||||
//}
|
||||
//>>> .el-checkbox__input {
|
||||
// cursor: default;
|
||||
//}
|
||||
.el-button.is-circle {
|
||||
border-radius: 50%;
|
||||
padding: 9px;
|
||||
@ -134,6 +136,7 @@
|
||||
>>> .ctx-menu-container {
|
||||
border: 0 solid rgba(0, 0, 0, 0);
|
||||
min-width: 160px;
|
||||
border-radius: $dialogBorderRadius;
|
||||
}
|
||||
|
||||
.menu-triangle-bottom {
|
||||
|
||||
@ -15,6 +15,26 @@ body {
|
||||
.el-tooltip__popper .popper__arrow {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.el-tag {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.el-message-box {
|
||||
border-radius: $popperBorderRadius;
|
||||
}
|
||||
|
||||
.el-message, .el-notification .el-popover, .el-tooltip__popper, .el-dropdown-menu, .el-select-dropdown, .el-picker-panel, .el-picker-panel__body, .el-picker-panel__sidebar {
|
||||
border-radius: $popperBorderRadius;
|
||||
}
|
||||
|
||||
.v-contextmenu {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.time-filter-dropdown {
|
||||
@ -308,7 +328,7 @@ kbd {
|
||||
vertical-align: middle;
|
||||
background-color: #f6f8fa;
|
||||
border: solid 1px rgba(175, 184, 193, .2);
|
||||
border-radius: 3px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(175, 184, 193, .2);
|
||||
box-shadow: inset 0 -1px 0 rgba(175, 184, 193, .2);
|
||||
}
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
#app {
|
||||
|
||||
$menuBorderRadius: 12px;
|
||||
|
||||
.main-container {
|
||||
min-height: 100%;
|
||||
transition: margin-left .28s;
|
||||
@ -69,16 +71,16 @@
|
||||
margin: 2px 5px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: $menuBorderRadius;
|
||||
&:hover {
|
||||
background-color: $menuHover !important;
|
||||
border-radius: 4px;
|
||||
margin: 2px 5px 2px 5px;
|
||||
border-radius: $menuBorderRadius;
|
||||
}
|
||||
}
|
||||
.el-menu-item.is-active {
|
||||
color: #409EFF;
|
||||
background-color: $menuHover !important;
|
||||
border-radius: 4px;
|
||||
border-radius: $menuBorderRadius;
|
||||
}
|
||||
|
||||
.is-active>.el-submenu__title {
|
||||
@ -90,9 +92,10 @@
|
||||
margin: 2px 5px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: $menuBorderRadius;
|
||||
&:hover {
|
||||
background-color: $subMenuHover !important;
|
||||
border-radius: 4px;
|
||||
border-radius: $menuBorderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,16 +1,29 @@
|
||||
:root {
|
||||
--apple-border-radius: 12px; /* 可调整的圆角大小 */
|
||||
--apple-shadow-color: rgba(0, 0, 0, 0.1); /* 阴影颜色和透明度 */
|
||||
--apple-border-color: rgba(0, 0, 0, 0.08); /* 细边框颜色 */
|
||||
--apple-background-color: #ffffff; /* 卡片背景色 */
|
||||
}
|
||||
|
||||
// sidebar
|
||||
$menuText:#434343;
|
||||
$menuActiveText:#409EFF;
|
||||
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
|
||||
|
||||
$menuBg:#f5f5f5;
|
||||
$menuHover:#d9d9d9;
|
||||
$menuHover:#0000001a;
|
||||
|
||||
$subMenuBg:#f5f5f5;
|
||||
$subMenuHover:#d9d9d9;
|
||||
$subMenuHover:#0000001a;
|
||||
|
||||
$sideBarWidth: 160px;
|
||||
|
||||
// border-radius
|
||||
$btnBorderRadius: 8px;
|
||||
$inputBorderRadius: 12px;
|
||||
$dialogBorderRadius: 16px;
|
||||
$popperBorderRadius: 10px;
|
||||
|
||||
// the :export directive is the magic sauce for webpack
|
||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||
:export {
|
||||
@ -22,4 +35,6 @@ $sideBarWidth: 160px;
|
||||
subMenuBg: $subMenuBg;
|
||||
subMenuHover: $subMenuHover;
|
||||
sideBarWidth: $sideBarWidth;
|
||||
btnBorderRadius: $btnBorderRadius;
|
||||
dialogBorderRadius: $dialogBorderRadius;
|
||||
}
|
||||
|
||||
@ -1612,7 +1612,6 @@ input {
|
||||
>>> .ctx-menu-container {
|
||||
top: unset;
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border-radius: 1rem;
|
||||
-webkit-box-shadow: 0 0 0 #ccc;
|
||||
box-shadow: 0 0 0 #ccc;
|
||||
}
|
||||
|
||||
@ -80,7 +80,7 @@
|
||||
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
|
||||
</span>
|
||||
</el-form-item>
|
||||
<el-button :loading="loading" type="primary" style="width:100%;margin: 30px 0;" @click.native.prevent="handleLogin">{{initialize?$t('login.create'):$t('login.login')}}</el-button>
|
||||
<el-button round :loading="loading" type="primary" style="width:100%;margin: 30px 0;" @click.native.prevent="handleLogin">{{initialize?$t('login.create'):$t('login.login')}}</el-button>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
@ -265,7 +265,7 @@ export default {
|
||||
<style lang="scss">
|
||||
/* 修复input 背景不协调 和光标变色 */
|
||||
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
|
||||
|
||||
@import "src/styles/element-ui";
|
||||
$bg:#1890ff;;
|
||||
$cursor: #409eff;
|
||||
|
||||
@ -309,10 +309,10 @@ $cursor: #409eff;
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 0px;
|
||||
padding: 12px 5px 12px 15px;
|
||||
border-radius: 12px;
|
||||
height: 47px;
|
||||
caret-color: $cursor;
|
||||
|
||||
@ -330,8 +330,8 @@ $cursor: #409eff;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
.el-form-item {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #0000001a;
|
||||
border-radius: 12px;
|
||||
color: #454545;
|
||||
}
|
||||
}
|
||||
@ -358,6 +358,7 @@ $light_gray:#eee;
|
||||
|
||||
.box-card {
|
||||
max-width: 316px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
@ -433,4 +434,12 @@ footer, footer p {
|
||||
font-size: .8125rem;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
>>> .el-image {
|
||||
.el-image__inner {
|
||||
border-radius: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="article-editor">
|
||||
<div class="editor-left">
|
||||
<cite v-if="currentDarft">你正在编辑的是保存于 {{ file.updateDate }} 的草稿, 你也可以
|
||||
<el-button type="text" style="color: #F56C6C" @click="deleteDraft">删除它</el-button>
|
||||
<el-button round type="text" style="color: #F56C6C" @click="deleteDraft">删除它</el-button>
|
||||
</cite>
|
||||
<el-header>
|
||||
<div class="header-item">
|
||||
@ -30,9 +30,9 @@
|
||||
</div>
|
||||
<div class="editor-right">
|
||||
<div class="operation">
|
||||
<el-button class="release-button" type="warning" size="small" @click="saveDraft" :loading="updating">保存草稿
|
||||
<el-button round class="release-button" type="warning" size="small" @click="saveDraft" :loading="updating">保存草稿
|
||||
</el-button>
|
||||
<el-button class="release-button" type="primary" size="small" @click="release" :loading="updating">发布文章
|
||||
<el-button round class="release-button" type="primary" size="small" @click="release" :loading="updating">发布文章
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="more-setting">
|
||||
@ -86,12 +86,12 @@
|
||||
>
|
||||
</el-autocomplete>
|
||||
<div v-if="inputValueExist" class="instruction-error">该标签已存在</div>
|
||||
<el-button v-if="!inputVisible" class="button-new-tag" size="small" @click="showInput"> + 新增标签</el-button>
|
||||
<el-button round v-if="!inputVisible" class="button-new-tag" size="small" @click="showInput"> + 新增标签</el-button>
|
||||
</div>
|
||||
<!-- <p class="mark-setting-label">-->
|
||||
<!-- 其他：-->
|
||||
<!-- </p>-->
|
||||
<!-- <el-button size="small" @click="moreSet">更多设置</el-button>-->
|
||||
<!-- <el-button round size="small" @click="moreSet">更多设置</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
<span>{{ netdiskName }}</span>
|
||||
</div>
|
||||
<div class="share-header-content sharer" v-if="sharer && !showShareCode">
|
||||
<el-button v-if="loginTitle.length > 0" type="primary" size="small" @click="loginOrMount"> {{ loginTitle }} </el-button>
|
||||
<el-button round v-if="loginTitle.length > 0" type="primary" size="small" @click="loginOrMount"> {{ loginTitle }} </el-button>
|
||||
<span class="user">{{ sharer.showName }}的分享</span>
|
||||
<el-avatar :src="sharerAvatarUrl"></el-avatar>
|
||||
</div>
|
||||
@ -26,10 +26,10 @@
|
||||
</transition-group>
|
||||
<div class="search-content">
|
||||
<div class="search-class">
|
||||
<el-button v-if="indexList.length > 0" type="text" @click="downloadFile(false)" class="sort" title="下载">
|
||||
<el-button round v-if="indexList.length > 0" type="text" @click="downloadFile(false)" class="sort" title="下载">
|
||||
<svg-icon icon-class="menu-download"/>
|
||||
</el-button>
|
||||
<el-button type="text" class="vmode" @click="changeVmode">
|
||||
<el-button round type="text" class="vmode" @click="changeVmode">
|
||||
<svg-icon :icon-class="grid ? 'list' : 'grid'"/>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -40,8 +40,8 @@
|
||||
<el-dialog :title="'挂载到：' + selectTreeNode.showName" :visible.sync="mountToVisible">
|
||||
<file-tree v-if="mountToVisible" :localFileMode="false" ref="fileTreeMount" @treeNodeClick="onTreeNodeClick"></file-tree>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="fileTreeAndNewFolder" :disabled="fileTreeAndNewFolderDisabled"><i class="el-icon-folder-add"></i> 新建文件夹</el-button>
|
||||
<el-button size="small" type="primary" @click="mountFolder">挂载</el-button>
|
||||
<el-button round size="small" @click="fileTreeAndNewFolder" :disabled="fileTreeAndNewFolderDisabled"><i class="el-icon-folder-add"></i> 新建文件夹</el-button>
|
||||
<el-button round size="small" type="primary" @click="mountFolder">挂载</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
@ -116,7 +116,7 @@
|
||||
<el-input v-focus v-model="renameFileName" placeholder="" size="small" :clearable="true"
|
||||
@keyup.enter.native="rowRename(renameFileName, scope.row)">
|
||||
</el-input>
|
||||
<el-button
|
||||
<el-button round
|
||||
v-loading="renameLoading"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="#f6f7fa88"
|
||||
@ -124,7 +124,7 @@
|
||||
@click="rowRename(renameFileName, scope.row)"
|
||||
>
|
||||
</el-button>
|
||||
<el-button
|
||||
<el-button round
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="#f6f7fa88"
|
||||
class="el-icon-close"
|
||||
@ -249,7 +249,7 @@
|
||||
@keyup.enter.native="validShareCode(extractionCode)"></el-input>
|
||||
</div>
|
||||
<div class="share-code-valid">
|
||||
<el-button type="primary" :disabled="extractionCode.length === 0" @click="validShareCode(extractionCode)">
|
||||
<el-button round type="primary" :disabled="extractionCode.length === 0" @click="validShareCode(extractionCode)">
|
||||
查看文件
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -16,10 +16,10 @@
|
||||
<div class="box-card-header">
|
||||
<div class="clearfix card-header-back">
|
||||
<span>{{ alonePage ? '管理独立页面':'管理文章' }}</span>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="newArticle">{{newArticleText}}</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="newArticle">{{newArticleText}}</el-button>
|
||||
</div>
|
||||
<div class="card-header-right" v-show="this.multipleSelection.length > 0">
|
||||
<el-button size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
<el-button round size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -47,7 +47,7 @@
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="14" class="text-align-right">
|
||||
<el-button v-if="isFilter" type="text" size="mini" @click="cancelFilter">取消筛选</el-button>
|
||||
<el-button round v-if="isFilter" type="text" size="mini" @click="cancelFilter">取消筛选</el-button>
|
||||
<el-input
|
||||
v-model="query.keyword"
|
||||
style="width:unset;"
|
||||
@ -67,7 +67,7 @@
|
||||
v-model="categoryIdsList"
|
||||
>
|
||||
</multiple-tree-select>
|
||||
<el-button type="primary" size="mini" @click="theFilter">筛选</el-button>
|
||||
<el-button round type="primary" size="mini" @click="theFilter">筛选</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<div class="clearfix card-header-back">
|
||||
<div v-if="!subpage">
|
||||
<span>外观设置</span>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="save()">保存设置</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="save()">保存设置</el-button>
|
||||
</div>
|
||||
<div v-if="subpage">
|
||||
<div class="card-header-back">
|
||||
@ -33,7 +33,7 @@
|
||||
<div class="config-itme-label">站点背景大图：</div><upload-image-input v-model="form.backgroundSite"/>
|
||||
<span class="instruction">在这里填入图片的URL地址, 以在网站首页显示一个背景大图。</span>
|
||||
<div class="config-itme-label">首页大图内文字：
|
||||
<el-button type="text" @click="heartwings">历史记录</el-button>
|
||||
<el-button round type="text" @click="heartwings">历史记录</el-button>
|
||||
</div>
|
||||
<el-input autosize type="textarea" v-model="form.backgroundTextSite"></el-input>
|
||||
<span class="instruction">显示在博客首页大图内的主要文字。</span>
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button native-type="submit" type="primary" size="small" :loading="categoryUpdateLoading"
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round native-type="submit" type="primary" size="small" :loading="categoryUpdateLoading"
|
||||
@click.native.prevent="onSave('managerForm')">保 存
|
||||
</el-button>
|
||||
</div>
|
||||
@ -44,10 +44,10 @@
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
</div>
|
||||
<div class="card-header content-title"><span>{{ parentCategory.name ? `管理 ${parentCategory.name} 的子分类` : '管理分类' }}</span> </div>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="add()">新增分类</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="add()">新增分类</el-button>
|
||||
</div>
|
||||
<div class="card-header-right" v-show="this.multipleSelection.length > 0">
|
||||
<el-button size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
<el-button round size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
||||
@ -14,8 +14,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="small" native-type="submit" type="primary" :loading="tagUpdateLoading"
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round size="small" native-type="submit" type="primary" :loading="tagUpdateLoading"
|
||||
@click.native.prevent="onSave('managerForm')">保 存
|
||||
</el-button>
|
||||
</div>
|
||||
@ -26,13 +26,13 @@
|
||||
<el-col :sm="12" class="query-item">
|
||||
<div class="clearfix">
|
||||
<div class="card-header content-title"><span>{{ title }}</span> </div>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="add()">新增标签</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="add()">新增标签</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :sm="12" class="text-align-right">
|
||||
<el-checkbox class="check-all" :indeterminate="isIndeterminate" v-model="checkAll" @change="selectAll">全选</el-checkbox>
|
||||
<el-button :disabled="this.multipleSelection.length !== 1" size="small" @click="handleEdit()">编辑</el-button>
|
||||
<el-button :disabled="this.multipleSelection.length === 0" size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
<el-button round :disabled="this.multipleSelection.length !== 1" size="small" @click="handleEdit()">编辑</el-button>
|
||||
<el-button round :disabled="this.multipleSelection.length === 0" size="small" type="danger" @click="handleDelete()">删除</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
@ -21,8 +21,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="small" type="primary" :loading="saveLoading"
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round size="small" type="primary" :loading="saveLoading"
|
||||
@click="onSave">保 存
|
||||
</el-button>
|
||||
</div>
|
||||
@ -32,7 +32,7 @@
|
||||
<div class="box-card-header">
|
||||
<div class="clearfix card-header-back">
|
||||
<span>管理个人操作令牌</span>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="newAccessToken">新增令牌</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="newAccessToken">新增令牌</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -57,7 +57,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-active">
|
||||
<el-button type="danger" size="small" @click="deleteToken(token.id)">删除令牌</el-button>
|
||||
<el-button round type="danger" size="small" @click="deleteToken(token.id)">删除令牌</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<el-input :placeholder="$t('common.pleaseEnter')" v-model="netdiskName" minlength="1" maxlength="10" size="medium"
|
||||
:style="{width: inputNetdiskNameWidth+'px'}"
|
||||
@keyup.enter.native="updateNetdiskName" @input="inputNetdiskName">
|
||||
<el-button v-if="showAckBtn" slot="append" icon="el-icon-check" @click="updateNetdiskName"></el-button>
|
||||
<el-button round v-if="showAckBtn" slot="append" icon="el-icon-check" @click="updateNetdiskName"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="config-itme-label logo">{{ $t('app.netDiskLogo') }}：
|
||||
@ -43,13 +43,13 @@
|
||||
{{ $t('app.storageWebP') }}
|
||||
</span>
|
||||
<div class="config-itme-label">{{ $t('app.rebuildIndex') }}：
|
||||
<el-button class="sync-button" size="mini" :loading="syncLoading" type="primary" @click="sync()"><i class="el-icon-refresh"></i></el-button>
|
||||
<el-button round class="sync-button" size="mini" :loading="syncLoading" type="primary" @click="sync()"><i class="el-icon-refresh"></i></el-button>
|
||||
<span v-show="syncPercent < 100">{{ $t('app.rebuildIndexStep1') }}: {{ syncPercent }}%</span>
|
||||
<span v-show="indexingPercent > 0 && indexingPercent < 100">{{ $t('app.rebuildIndexStep2') }}: </span><span v-show="indexingPercent > 0 && indexingPercent < 100">{{ indexingPercent }}%</span>
|
||||
</div>
|
||||
<span class="instruction">{{ $t('app.rebuildIndexDesc') }}</span>
|
||||
<div class="config-itme-label">{{ $t('app.resetMenuAndRole') }}：
|
||||
<el-button class="sync-button" size="mini" :loading="resetLoading" type="danger"
|
||||
<el-button round class="sync-button" size="mini" :loading="resetLoading" type="danger"
|
||||
@click="resetMenuAndRole()">
|
||||
<i class="el-icon-refresh-left"></i></el-button>
|
||||
</div>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" :disabled="ldapTestBtn" v-loading="testLdapConfigLoading" @click="doTestLdapConfig">测试链接</el-button>
|
||||
<el-button round type="primary" :disabled="ldapTestBtn" v-loading="testLdapConfigLoading" @click="doTestLdapConfig">测试链接</el-button>
|
||||
<span v-if="testLdapConfigResult === 0" class="el-icon-check" style="color: #67C23A"></span>
|
||||
<span v-if="testLdapConfigResult > 0" class="el-icon-close" style="color: #F56C6C"></span>
|
||||
</el-form-item>
|
||||
@ -49,7 +49,7 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" :disabled="ldapSaveBtn" v-loading="saveLdapConfigLoading" @click="saveLdapConfig">保存配置</el-button>
|
||||
<el-button round type="primary" :disabled="ldapSaveBtn" v-loading="saveLdapConfigLoading" @click="saveLdapConfig">保存配置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
<el-button round type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<span class="form-instruction">使用外部OnlyOffice服务时需要填写</span>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
<el-button round type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
@ -12,8 +12,8 @@
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" v-loading="saveConfigLoading" @click="submitForm">保存配置</el-button>
|
||||
<el-button type="warning" @click="resetConfig">重置</el-button>
|
||||
<el-button round type="primary" v-loading="saveConfigLoading" @click="submitForm">保存配置</el-button>
|
||||
<el-button round type="warning" @click="resetConfig">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
@ -110,8 +110,8 @@
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<div class="transcode-status">
|
||||
<el-button v-if="transcodeStatus.waitingTranscodingCount > 0 || transcodeStatus.transcodingCount > 0" type="warning" v-loading="cancelTaskLoading" @click="cancelTask">取消任务</el-button>
|
||||
<el-button v-else type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
<el-button round v-if="transcodeStatus.waitingTranscodingCount > 0 || transcodeStatus.transcodingCount > 0" type="warning" v-loading="cancelTaskLoading" @click="cancelTask">取消任务</el-button>
|
||||
<el-button round v-else type="primary" v-loading="saveConfigLoading" @click="saveConfig">保存配置</el-button>
|
||||
<div>
|
||||
<span v-if="transcodeStatus.waitingTranscodingCount > 0"><b>{{transcodeStatus.waitingTranscodingCount}}</b>个视频等待转码 </span>
|
||||
<span v-if="transcodeStatus.transcodingCount > 0"> <b>{{transcodeStatus.transcodingCount}}</b>个视频正在转码中</span>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="box-card-header">
|
||||
<div class="clearfix card-header-back">
|
||||
<span>OSS管理</span>
|
||||
<el-button class="card-button" size="mini" type="primary" @click="addOSS">新增</el-button>
|
||||
<el-button round class="card-button" size="mini" type="primary" @click="addOSS">新增</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -52,8 +52,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="showDialog = false">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submitForm" v-loading="submitLoading">确定</el-button>
|
||||
<el-button round size="small" @click="showDialog = false">取消</el-button>
|
||||
<el-button round size="small" type="primary" @click="submitForm" v-loading="submitLoading">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
@ -209,8 +209,9 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "src/styles/setting";
|
||||
@import "src/styles/element-ui";
|
||||
|
||||
> > > .set-oss-dialog {
|
||||
>>> .set-oss-dialog {
|
||||
.el-dialog {
|
||||
max-width: 500px;
|
||||
}
|
||||
@ -227,7 +228,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
> > > .dialog-footer {
|
||||
>>> .dialog-footer {
|
||||
.el-loading-spinner .circular {
|
||||
width: 25px !important;
|
||||
}
|
||||
|
||||
@ -25,8 +25,8 @@
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<a class="forget-password" @click="forget">忘记密码?</a>
|
||||
<el-button size="small" @click="dialogChangePassword = false">取 消</el-button>
|
||||
<el-button size="small" :loading="userUpdateLoading" type="primary" @click="onSavePassword">确 定</el-button>
|
||||
<el-button round size="small" @click="dialogChangePassword = false">取 消</el-button>
|
||||
<el-button round size="small" :loading="userUpdateLoading" type="primary" @click="onSavePassword">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-form ref="cusomerInfoForm" :model="cusomerInfoForm" label-width="80px">
|
||||
@ -35,13 +35,13 @@
|
||||
<el-avatar icon="el-icon-user-solid" class="avatar-value" shape="circle" :size="100" fit="fit" :src="srcImage" ></el-avatar>
|
||||
</div>
|
||||
<div class="avatar-button">
|
||||
<el-button title="选择文件" type="primary" icon="el-icon-folder" circle @click="selectImg"></el-button>
|
||||
<el-button title="上传" type="primary" icon="el-icon-upload2" circle @click="uploadImg"></el-button>
|
||||
<el-button round title="选择文件" type="primary" icon="el-icon-folder" circle @click="selectImg"></el-button>
|
||||
<el-button round title="上传" type="primary" icon="el-icon-upload2" circle @click="uploadImg"></el-button>
|
||||
<input ref="selectImg" type="file" style="display: none;" accept="image/*" @change="changImg"></input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码">
|
||||
<el-button size="mini" round @click="changePassword">修改密码</el-button>
|
||||
<el-button round size="mini" @click="changePassword">修改密码</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户名">
|
||||
<el-input v-model="cusomerInfoForm.showName" class="input-none-width"/>
|
||||
@ -56,7 +56,7 @@
|
||||
<el-progress class="quota-space" :percentage="percentage" :format="progressFormat" :color="customColors"></el-progress>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="medium" :loading="userUpdateLoading" @click="onSubmit">保 存</el-button>
|
||||
<el-button round type="primary" size="medium" :loading="userUpdateLoading" @click="onSubmit">保 存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
@ -35,9 +35,9 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button v-if="editMove===2" size="small" type="danger" @click="resetPassword()">重置密码</el-button>
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="small" type="primary" :loading="userUpdateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
<el-button round v-if="editMove===2" size="small" type="danger" @click="resetPassword()">重置密码</el-button>
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round size="small" type="primary" :loading="userUpdateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-card class="box-card table-search-header">
|
||||
@ -57,9 +57,9 @@
|
||||
</el-col>
|
||||
<el-col :sm="12" :md="8">
|
||||
<div class="el-form-actions">
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getUserList()">查询</el-button>
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button :disabled="multipleSelection.length < 1" class="card-btn-icon" size="medium" type="danger" icon="el-icon-delete" @click="handleSelectDelete()">删除</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getUserList()">查询</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button round :disabled="multipleSelection.length < 1" class="card-btn-icon" size="medium" type="danger" icon="el-icon-delete" @click="handleSelectDelete()">删除</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
<el-radio-button :label="undefined">所有人</el-radio-button>
|
||||
<el-radio-button label="other">其他人</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-search" type="primary"
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-search" type="primary"
|
||||
@click="queryLogList">查询
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -60,7 +60,7 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">关闭</el-button>
|
||||
<el-button round size="small" @click="dialogVisible = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<log-list type="OPERATION_FILE" :table-header="tableHeader"></log-list>
|
||||
|
||||
@ -66,8 +66,8 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="small" type="primary" :loading="updateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round size="small" type="primary" :loading="updateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-card class="box-card table-search-header">
|
||||
@ -87,9 +87,9 @@
|
||||
</el-col>
|
||||
<el-col :sm="12" :md="8">
|
||||
<div class="el-form-actions">
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getMenuTree()">查询</el-button>
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button class="card-btn-icon" size="medium" :icon="isExpand ? 'el-icon-remove-outline': 'el-icon-circle-plus-outline'" type="primary" @click="handleExpand()">{{isExpand ? "折叠" : "展开"}}</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getMenuTree()">查询</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" :icon="isExpand ? 'el-icon-remove-outline': 'el-icon-circle-plus-outline'" type="primary" @click="handleExpand()">{{isExpand ? "折叠" : "展开"}}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -13,8 +13,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="small" type="primary" :loading="updateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
<el-button round size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button round size="small" type="primary" :loading="updateLoading" @click.native.prevent="onSave()">保 存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog width="400px" title="分配权限" :visible.sync="dialogAuthVisible">
|
||||
@ -32,8 +32,8 @@
|
||||
</el-tree>
|
||||
</el-scrollbar>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogAuthVisible = false">取 消</el-button>
|
||||
<el-button size="small" type="primary" :loading="updateLoading" @click.native.prevent="saveAuth()">保 存</el-button>
|
||||
<el-button round size="small" @click="dialogAuthVisible = false">取 消</el-button>
|
||||
<el-button round size="small" type="primary" :loading="updateLoading" @click.native.prevent="saveAuth()">保 存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-card class="box-card table-search-header">
|
||||
@ -58,9 +58,9 @@
|
||||
</el-col>
|
||||
<el-col :sm="12" :md="7" :xl="6">
|
||||
<div class="el-form-actions">
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getRoleList()">查询</el-button>
|
||||
<el-button class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button :disabled="multipleSelection.length < 1" class="card-btn-icon" size="medium" type="danger" icon="el-icon-delete" @click="handleSelectDelete()">删除</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-search" type="primary" @click="getRoleList()">查询</el-button>
|
||||
<el-button round class="card-btn-icon" size="medium" icon="el-icon-plus" type="primary" @click="add()">添加</el-button>
|
||||
<el-button round :disabled="multipleSelection.length < 1" class="card-btn-icon" size="medium" type="danger" icon="el-icon-delete" @click="handleSelectDelete()">删除</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
>
|
||||
<template slot="header">
|
||||
<div v-if="item.label === ''" class="cancel-share-header">
|
||||
<span class="header-font">{{sumFileAndFolder}}</span><el-button icon="el-icon-my-export" size="small" @click="cancelShare(false)">取消分享</el-button>
|
||||
<span class="header-font">{{sumFileAndFolder}}</span><el-button round icon="el-icon-my-export" size="small" @click="cancelShare(false)">取消分享</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user