chore: 调整样式
This commit is contained in:
@@ -177,6 +177,104 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="column-widths-section">
|
||||
<h4 class="text-gold">列宽设置（单位：像素）</h4>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">排名：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.rank" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">头像：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">姓名：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.name" min="40" max="300" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">业绩：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.score" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showLevel">
|
||||
<label class="text-gold">等级：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.level" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showDepartment">
|
||||
<label class="text-gold">部门：</label>
|
||||
<select v-model.number="localDisplayConfig.individual.columnWidths.department" class="width-select">
|
||||
<option :value="1">自动填充</option>
|
||||
<option value="100">100px</option>
|
||||
<option value="150">150px</option>
|
||||
<option value="200">200px</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">战区：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.team" min="10" max="300" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showAvatar">
|
||||
<label class="text-gold">头像：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">奖金：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.bonus" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 战区排名显示配置 -->
|
||||
<div class="config-section">
|
||||
<h3 class="text-gold">👥 战区排名显示选项</h3>
|
||||
<div class="config-options">
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.showMemberCount">
|
||||
<span class="text-gold">显示人数列</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.showLeader">
|
||||
<span class="text-gold">显示队长列</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.filterZeroScore">
|
||||
<span class="text-gold">过滤业绩为0的记录</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">移动端默认显示行数：</span>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.defaultDisplayRows" min="0" max="50" class="number-input" placeholder="留空或0表示显示所有行">
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">业绩列显示名称：</span>
|
||||
<input type="text" v-model="localDisplayConfig.team.totalScoreColumn.displayName" placeholder="输入显示名称"
|
||||
class="text-input">
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">业绩显示样式：</span>
|
||||
<select v-model="localDisplayConfig.team.totalScoreColumn.displayStyle" class="select-input">
|
||||
<option value="amount">金额（带¥符号）</option>
|
||||
<option value="number">普通数字</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="column-alignment-section">
|
||||
<h4 style="color: #007bff;">战区排名列表-列对齐设置</h4>
|
||||
<div class="column-alignment-item">
|
||||
@@ -232,141 +330,30 @@
|
||||
<div class="column-widths-section">
|
||||
<h4 class="text-gold">列宽设置（单位：像素）</h4>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">排名列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.rank" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">头像列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">姓名列：</label>
|
||||
<select v-model.number="localDisplayConfig.individual.columnWidths.name" class="width-select">
|
||||
<option :value="1">自动填充</option>
|
||||
<option value="100">100px</option>
|
||||
<option value="150">150px</option>
|
||||
<option value="200">200px</option>
|
||||
<option value="250">250px</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">业绩列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.score" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showLevel">
|
||||
<label class="text-gold">等级列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.level" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showDepartment">
|
||||
<label class="text-gold">部门列：</label>
|
||||
<select v-model.number="localDisplayConfig.individual.columnWidths.department" class="width-select">
|
||||
<option :value="1">自动填充</option>
|
||||
<option value="100">100px</option>
|
||||
<option value="150">150px</option>
|
||||
<option value="200">200px</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.individual.showAvatar">
|
||||
<label class="text-gold">头像列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">奖金列：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.individual.columnWidths.bonus" min="60"
|
||||
max="200" class="width-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 战区排名显示配置 -->
|
||||
<div class="config-section">
|
||||
<h3 class="text-gold">👥 战区排名显示选项</h3>
|
||||
<div class="config-options">
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.showMemberCount">
|
||||
<span class="text-gold">显示人数列</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.showLeader">
|
||||
<span class="text-gold">显示队长列</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" v-model="localDisplayConfig.team.filterZeroScore">
|
||||
<span class="text-gold">过滤业绩为0的记录</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">移动端默认显示行数：</span>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.defaultDisplayRows" min="0" max="50" class="number-input" placeholder="留空或0表示显示所有行">
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">业绩列显示名称：</span>
|
||||
<input type="text" v-model="localDisplayConfig.team.totalScoreColumn.displayName" placeholder="输入显示名称"
|
||||
class="text-input">
|
||||
</label>
|
||||
</div>
|
||||
<div class="config-item">
|
||||
<label class="checkbox-label">
|
||||
<span class="text-gold">业绩显示样式：</span>
|
||||
<select v-model="localDisplayConfig.team.totalScoreColumn.displayStyle" class="select-input">
|
||||
<option value="amount">金额（带¥符号）</option>
|
||||
<option value="number">普通数字</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="column-widths-section">
|
||||
<h4 class="text-gold">列宽设置（单位：像素）</h4>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">排名列：</label>
|
||||
<label class="text-gold">排名：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.rank" min="40" max="200"
|
||||
class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">战区名列：</label>
|
||||
<select v-model.number="localDisplayConfig.team.columnWidths.name" class="width-select">
|
||||
<option :value="1">自动填充</option>
|
||||
<option value="150">150px</option>
|
||||
<option value="200">200px</option>
|
||||
<option value="250">250px</option>
|
||||
<option value="300">300px</option>
|
||||
</select>
|
||||
<label class="text-gold">战区名：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.name" min="100" max="400" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">业绩列：</label>
|
||||
<label class="text-gold">业绩：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.score" min="60" max="200"
|
||||
class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.team.showMemberCount">
|
||||
<label class="text-gold">人数列：</label>
|
||||
<label class="text-gold">人数：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.memberCount" min="60"
|
||||
max="100" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item" v-if="localDisplayConfig.team.showLeader">
|
||||
<label class="text-gold">队长列：</label>
|
||||
<select v-model.number="localDisplayConfig.team.columnWidths.leader" class="width-select">
|
||||
<option :value="1">自动填充</option>
|
||||
<option value="100">100px</option>
|
||||
<option value="150">150px</option>
|
||||
<option value="200">200px</option>
|
||||
</select>
|
||||
<label class="text-gold">队长：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.leader" min="80" max="250" class="width-input">
|
||||
</div>
|
||||
<div class="column-width-item">
|
||||
<label class="text-gold">奖金列：</label>
|
||||
<label class="text-gold">奖金：</label>
|
||||
<input type="number" v-model.number="localDisplayConfig.team.columnWidths.bonus" min="60" max="200"
|
||||
class="width-input">
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user