feat: 组件尺寸修改

1. form 表单的大小设为 small
2. 按钮的大小设置 small
This commit is contained in:
Huangzhe
2025-04-14 19:39:47 +08:00
parent ffa4189bf2
commit e4b3f2f4c7
3 changed files with 12 additions and 12 deletions

View File

@@ -209,12 +209,12 @@ export default {
</div>
</template> -->
<div class="card-body">
<el-form :model="form" label-width="100px">
<el-form :model="form" label-width="100px" size="small">
<!-- 查询条件 -->
<el-row>
<!-- 规则类型 -->
<el-col :span="8">
<el-form-item label="规则类型">
<el-form-item label="规则类型" >
<el-select v-model="form.ruleType" placeholder="请选择规则类型">
<el-option v-for="item in ruleTypeOptions" :key="item" :label="item" :value="item"></el-option>
</el-select>
@@ -241,9 +241,9 @@ export default {
<!-- 功能按钮组 查询重置新增规则 -->
<el-row class="p25">
<el-col :span="16">
<el-button type="primary" @click="handleQuery">查询</el-button>
<el-button type="info" @click="handleReset">重置</el-button>
<el-button type="primary" @click="handleAdd">新增规则</el-button>
<el-button size="mini" type="primary" @click="handleQuery">查询</el-button>
<el-button size="mini" type="info" @click="handleReset">重置</el-button>
<el-button size="mini" type="primary" @click="handleAdd">新增规则</el-button>
</el-col>
</el-row>
</el-form>

View File

@@ -155,12 +155,12 @@ export default {
</el-form>
<div slot="footer" class="dialog-footer flex mt10" style="justify-content: space-between;">
<div>
<el-button type="primary" @click="handleAdd">+ 新增题词</el-button>
<el-button type="info" @click="handleDelete">- 删除题词</el-button>
<el-button :size="'mini'" type="primary" @click="handleAdd">+ 新增题词</el-button>
<el-button type="info" :size="'mini'" @click="handleDelete">- 删除题词</el-button>
</div>
<div>
<el-button @click="dialogOptions.visible = false"> </el-button>
<el-button type="primary" @click="save"> </el-button>
<el-button :size="'mini'" @click="dialogOptions.visible = false"> </el-button>
<el-button :size="'mini'" type="primary" @click="save"> </el-button>
</div>
</div>
</div>

View File

@@ -167,7 +167,7 @@ export default {
</div>
</template> -->
<!-- 知识库信息 -->
<el-form :model="form" label-width="100px">
<el-form :model="form" label-width="100px" size="small">
<el-row>
<el-col :span="8">
<el-form-item label="知识库">
@@ -213,8 +213,8 @@ export default {
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-button type="primary" @click="handleReset">重置筛选</el-button>
<el-col :span="9">
<el-button type="primary" size="small" @click="handleReset">重置筛选</el-button>
</el-col>
</el-row>
</el-form>