licq/chem_mes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(usermachine): 优化机台列表搜索区域样式

Browse Source
This commit is contained in:
zxy 2026-04-15 17:52:35 +08:00
parent ebaf35aad3
commit ed92b6ff34
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
jnpf-java-boot/jnpf-web/src/views/example/usermachine/machineList.vue
View File

@ -10,17 +10,18 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<el-row :gutter="20" style="margin-bottom: 15px; padding: 0 10px;"> <el-row :gutter="20" style="margin-bottom: 15px; padding: 0 10px;">
<el-col :span="16"> <el-col :span="16">
<el-input <div style="display: flex; align-items: center;">
v-model="listQuery.selectKey" <span style="margin-right: 10px;">检索条件</span>
placeholder="请输入机台编码或机台名称" <el-input
clearable v-model="listQuery.selectKey"
label="检索条件" placeholder="请输入机台编码或机台名称"
@keyup.enter.native="initData" clearable
> @keyup.enter.native="initData"
<i slot="prefix" class="el-icon-search"></i> style="width: calc(100% - 80px);"
</el-input> ></el-input>
</div>
</el-col> </el-col>
<el-col :span="8" style="text-align: right;"> <el-col :span="8">
<el-button type="primary" icon="el-icon-search" @click="initData">查询</el-button> <el-button type="primary" icon="el-icon-search" @click="initData">查询</el-button>
<el-button icon="el-icon-refresh-right" @click="reset">重置</el-button> <el-button icon="el-icon-refresh-right" @click="reset">重置</el-button>
</el-col> </el-col>
@ -50,8 +51,8 @@
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="handleConfirm">确 定</el-button> <el-button type="primary" @click="handleConfirm">确 定</el-button>
<el-button @click="handleClose">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>