style(index): 统一button样式

duizhaopin_ui
duan 2 years ago
parent 846470cd6a
commit 20cf563df6

@ -7,7 +7,7 @@
<el-badge :value="39">
<img style="height: 23px" src="@/assets/0-常用/预警管理-白.png" alt="">
</el-badge>
<el-select v-model="$store.state.user.classification" size="small" placeholder="请选择" @change="selectChange">
<el-select v-model="$store.state.user.classification" placeholder="请选择" @change="selectChange">
<el-option
v-for="item in options"
:key="item.value"

@ -2,7 +2,7 @@
<div class="main-container-text">
<div class="title">库存盘点</div>
<div class="header">
<el-select v-model="client_id" size="small" placeholder="请选择柜体">
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -10,10 +10,10 @@
:value="item.client_id"
/>
</el-select>
<el-button type="primary" size="small" plain @click="handleAddReagent"><i class="el-icon-edit" />录入库存</el-button>
<el-button type="primary" size="small" @click="handleCheck"></el-button>
<el-button type="primary" plain @click="handleAddReagent"><i class="el-icon-edit" />录入库存</el-button>
<el-button type="primary" @click="handleCheck"></el-button>
<div class="header-right">
<el-button type="primary" size="small" plain @click="handleHistory"></el-button>
<el-button type="primary" plain @click="handleHistory"></el-button>
<el-button icon="el-icon-refresh" circle @click="handleRefresh" />
</div>
</div>
@ -108,9 +108,8 @@
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
size="small"
/>
<el-select v-model="history_client_id" class="header-select" size="small" placeholder="请选择柜体">
<el-select v-model="history_client_id" class="header-select" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -118,8 +117,8 @@
:value="item.client_id"
/>
</el-select>
<el-input v-model="name" size="small" placeholder="搜索试剂名称" />
<el-button size="small" type="primary" icon="el-icon-search" @click="searchHistory"></el-button>
<el-input v-model="name" placeholder="搜索试剂名称" />
<el-button type="primary" icon="el-icon-search" @click="searchHistory"></el-button>
</div>
</div>
<el-table

@ -14,7 +14,7 @@
<div class="header">
<div class="title">环境监控图</div>
<div>
<el-select v-model="client_id" size="small" placeholder="请选择柜体" @change="(val) => valueChange('id',val)">
<el-select v-model="client_id" placeholder="请选择柜体" @change="(val) => valueChange('id',val)">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -22,7 +22,7 @@
:value="item.client_id"
/>
</el-select>
<el-select v-model="client_date" size="small" placeholder="请选择" @change="(val) => valueChange('date',val)">
<el-select v-model="client_date" placeholder="请选择" @change="(val) => valueChange('date',val)">
<el-option
v-for="(item,index) in options"
:key="index"
@ -30,7 +30,7 @@
:value="index+1"
/>
</el-select>
<el-radio-group v-model="radio1" size="small" @change="(val) => valueChange('radio',val)">
<el-radio-group v-model="radio1" @change="(val) => valueChange('radio',val)">
<el-radio-button :label="1">温度</el-radio-button>
<el-radio-button :label="2">湿度</el-radio-button>
<el-radio-button :label="3">VOC含量</el-radio-button>
@ -54,11 +54,11 @@
</el-popover>
</div>
<div>
<!-- <el-button size="small">查看全部</el-button>-->
<!-- <el-button >查看全部</el-button>-->
</div>
</div>
<div class="header">
<!-- <el-select v-model="client_id" size="small" style="margin-right: 0" placeholder="请选择">-->
<!-- <el-select v-model="client_id" style="margin-right: 0" placeholder="请选择">-->
<!-- <el-option-->
<!-- v-for="item in options"-->
<!-- :key="item.value"-->
@ -66,7 +66,7 @@
<!-- :value="item.value"-->
<!-- />-->
<!-- </el-select>-->
<el-select v-model="rclient_id" :disabled="rloading" size="small" style="margin-right: 0" placeholder="请选择柜体" @change="remainingPageChange(1)">
<el-select v-model="rclient_id" :disabled="rloading" style="margin-right: 0" placeholder="请选择柜体" @change="remainingPageChange(1)">
<el-option
v-for="item in clientOptions"
:key="item.client_id"
@ -115,7 +115,7 @@
<div class="header">
<div class="title">近期预警列表</div>
<div>
<el-button size="small" @click="warnAll"></el-button>
<el-button @click="warnAll"></el-button>
</div>
</div>
<div class="content" style="overflow: auto">
@ -184,19 +184,19 @@
<div class="header">
<el-date-picker
v-model="start_time"
size="small"
type="datetime"
placeholder="选择生产日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-date-picker
v-model="end_time"
size="small"
type="datetime"
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-select v-model="object_type" size="small" placeholder="请选择预警信息类型">
<el-select v-model="object_type" placeholder="请选择预警信息类型">
<el-option
v-for="(item,index) in warning_data_map"
:key="index"
@ -204,8 +204,8 @@
:value="index + 1"
/>
</el-select>
<el-input v-model="seach_word" size="small" placeholder="请输入搜索试剂名称" />
<el-button size="small" :disabled="loadingReagent" type="primary" icon="el-icon-search" @click="searchData"></el-button>
<el-input v-model="seach_word" placeholder="请输入搜索试剂名称" />
<el-button :disabled="loadingReagent" type="primary" icon="el-icon-search" @click="searchData"></el-button>
</div>
<el-table
v-loading="loadingReagent"
@ -256,7 +256,7 @@
label="操作"
>
<template slot-scope="scope">
<el-button type="primary" size="small" @click="optClick(scope.row)"></el-button>
<el-button type="primary" @click="optClick(scope.row)"></el-button>
</template>
</el-table-column>
</el-table>

@ -2,7 +2,7 @@
<div class="main-container-text">
<div class="title">试剂管理</div>
<div class="header">
<el-select v-model="client_id" size="small" placeholder="请选择柜体">
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -10,15 +10,15 @@
:value="item.client_id"
/>
</el-select>
<el-input v-model="name" size="small" placeholder="请输入试剂名称" />
<el-button size="small" type="primary" icon="el-icon-search" @click="getList"></el-button>
<el-button size="small" type="primary" plain><svg-icon icon-class="cup" /> 设为空瓶</el-button>
<el-button size="small" icon="el-icon-edit" @click="handleEdit"></el-button>
<el-button size="small" @click="showHistory"><svg-icon icon-class="" /> 查看流转记录</el-button>
<el-button size="small" icon="el-icon-user" @click="handleDisable"></el-button>
<el-input v-model="name" placeholder="请输入试剂名称" />
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
<el-button type="primary" plain><svg-icon icon-class="cup" /> 设为空瓶</el-button>
<el-button icon="el-icon-edit" @click="handleEdit"></el-button>
<el-button @click="showHistory"><svg-icon icon-class="" /> 查看流转记录</el-button>
<el-button icon="el-icon-user" @click="handleDisable"></el-button>
<div class="header-right">
<el-button size="small" icon="el-icon-delete" circle @click="handleDel" />
<el-button size="small" icon="el-icon-refresh" circle @click="handleRefresh" />
<el-button icon="el-icon-delete" circle @click="handleDel" />
<el-button icon="el-icon-refresh" circle @click="handleRefresh" />
</div>
</div>
<el-table
@ -171,10 +171,10 @@
</el-dialog>
<el-dialog :visible.sync="dialogUserVisible" width="60%" title="分配禁用用户">
<div class="user-header">
<el-input size="small" placeholder="请输入内容" />
<el-button v-model="seach_user" size="small" type="primary" icon="el-icon-search"></el-button>
<el-button size="small" plain type="danger" @click="handleDisUser"><svg-icon icon-class="" /> 确认禁用</el-button>
<el-button size="small" plain type="success" @click="handleEnUser"><svg-icon icon-class="" /> 解除禁用</el-button>
<el-input placeholder="请输入内容" />
<el-button v-model="seach_user" type="primary" icon="el-icon-search"></el-button>
<el-button plain type="danger" @click="handleDisUser"><svg-icon icon-class="" /> 确认禁用</el-button>
<el-button plain type="success" @click="handleEnUser"><svg-icon icon-class="" /> 解除禁用</el-button>
</div>
<el-table
v-loading="loadingUser"

@ -3,8 +3,8 @@
<div class="title">库存消耗</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-date-picker
v-model="start_time"
type="datetime"
@ -17,7 +17,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,8 +3,8 @@
<div class="title">试剂用量消耗</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-date-picker
v-model="start_time"
type="datetime"
@ -17,7 +17,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,8 +3,8 @@
<div class="title">试剂信息详情</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" size="small" placeholder="请选择柜体">
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -12,8 +12,8 @@
:value="item.client_id"
/>
</el-select>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,8 +3,8 @@
<div class="title">{{ titleMap[$route.params.t] }}</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" size="small" placeholder="请选择柜体">
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -12,7 +12,7 @@
:value="item.client_id"
/>
</el-select>
<el-select v-model="select_status" size="small" placeholder="请选择状态">
<el-select v-model="select_status" placeholder="请选择状态">
<el-option
v-for="(item,index) in statusMap"
:key="index"
@ -20,8 +20,8 @@
:value="index"
/>
</el-select>
<el-input v-model="user_name" size="small" placeholder="请输入操作人员" />
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-input v-model="user_name" placeholder="请输入操作人员" />
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<div class="search">
<el-date-picker
v-model="start_time"
@ -35,7 +35,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
</div>
<div class="header-right">

@ -3,9 +3,9 @@
<div class="title">库存信息总览</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,8 +3,8 @@
<div class="title">使用频率</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" size="small" placeholder="请选择柜体">
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
:key="item.id"
@ -12,7 +12,7 @@
:value="item.client_id"
/>
</el-select>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-date-picker
v-model="start_time"
type="datetime"
@ -25,7 +25,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,9 +3,9 @@
<div class="title">人员用量消耗</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<!-- <el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />-->
<el-input v-model="seachUser" size="small" placeholder="请输入用户名称" />
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<!-- <el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />-->
<el-input v-model="seachUser" placeholder="请输入用户名称" />
<el-date-picker
v-model="start_time"
type="datetime"
@ -18,7 +18,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,9 +3,9 @@
<div class="title">入库信息查询</div>
<div class="header">
<div class="header-left">
<el-button size="small" @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-input v-model="value" size="small" placeholder="请输入搜索生产厂商名称" />
<el-button @click="$router.push('/reagent/report/index')"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-input v-model="value" placeholder="请输入搜索生产厂商名称" />
<el-date-picker
v-model="start_time"
type="datetime"
@ -18,7 +18,7 @@
placeholder="选择过期日期"
value-format="yyyy-MM-dd HH:mm:ss"
/>
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<div class="header-right">
<el-button>导出报告</el-button>

@ -3,7 +3,7 @@
<div class="header">
<div class="title">试剂入库</div>
<div class="header-select">
<el-button size="small">返回上一级</el-button>
<el-button>返回上一级</el-button>
<el-select v-model="client_id" placeholder="请选择柜体">
<el-option
v-for="item in clientOptions"
@ -12,9 +12,9 @@
:value="item.client_id"
/>
</el-select>
<el-button size="small" type="primary" @click="handleReagentToDatabase"></el-button>
<el-button size="small" type="primary" @click="handleBindToDB"></el-button>
<el-button size="small" type="primary" plain @click="handleAddTmp('add')">+ </el-button>
<el-button type="primary" @click="handleReagentToDatabase"></el-button>
<el-button type="primary" @click="handleBindToDB"></el-button>
<el-button type="primary" plain @click="handleAddTmp('add')">+ </el-button>
<el-button @click="handleAddTmp('modify')"><i class="el-icon-edit" />试剂模板</el-button>
<el-button><i class="el-icon-printer" /> 打印模板条码</el-button>
<el-button><i class="el-icon-folder-add" /> 导入入库模板</el-button>
@ -88,8 +88,8 @@
<!-- 选择试剂入库 弹框 -->
<el-dialog title="选择试剂入库" width="70%" :visible.sync="dialogTableVisible" @close="handleSelectClose">
<div class="search-header">
<el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
<el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
<el-input v-model="selectReagentValue" placeholder="请输入搜索试剂名称" />
<el-button type="primary" icon="el-icon-search" @click="searchReagent"></el-button>
</div>
<el-table
v-loading="loadingReagent"
@ -110,7 +110,7 @@
label="操作"
>
<template slot-scope="scope">
<el-button type="primary" size="small" @click="handleReagentClick(scope.row)"></el-button>
<el-button type="primary" @click="handleReagentClick(scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
@ -145,7 +145,7 @@
:value="item.client_id"
/>
</el-select>
<el-button v-if="opType === 'add'" size="small" type="primary" plain @click="handleADDOpen('add')">+ </el-button>
<el-button v-if="opType === 'add'" type="primary" plain @click="handleADDOpen('add')">+ </el-button>
<el-button @click="handleADDOpen('modify')"><i class="el-icon-edit" />编辑试剂条目</el-button>
<el-button v-if="opType === 'add'" @click="handleADDDEL"><i class="el-icon-delete" /> 删除试剂条目</el-button>
</div>

@ -30,7 +30,7 @@
</div>
<div class="bottom">
<div class="title">详情信息</div>
<el-descriptions class="margin-top" size="small" :column="2" border>
<el-descriptions class="margin-top" :column="2" border>
<el-descriptions-item span="2" label="试剂名称">氢氧化1-(3-硫代丙基)-2-13-(3-硫代丙基)-2(3H)-苯并噻唑亚基]甲基}萘并[1.2-d]噻唑内盐,三乙基铵盐</el-descriptions-item>
<el-descriptions-item span="2" label="英文名称">1-(3-Sulfopropyl)-2-[3-(3-sulfopropyl)-2(3H)-benzothiazolylidene]methyl}naphtho1,2-djthiazolium</el-descriptions-item>
<el-descriptions-item label="条码编号">578104F3500104E0</el-descriptions-item>

Loading…
Cancel
Save