|
|
@@ -1,6 +1,111 @@
|
|
|
<template>
|
|
|
<div class="table_item">
|
|
|
<s-table ref="tableRef" :columns="columns" :data="loadData" :row-key="(record) => record.code">
|
|
|
+ <template #operator>
|
|
|
+ <!-- 搜索区域 -->
|
|
|
+ <div class="table-search">
|
|
|
+ <div class="table-search-form">
|
|
|
+ <a-row :gutter="10">
|
|
|
+ <a-form
|
|
|
+ ref="searchFormRef"
|
|
|
+ name="advanced_search"
|
|
|
+ layout="inline"
|
|
|
+ :label-col="{ style: { width: '70px', justifyContent: 'end' } }"
|
|
|
+ :model="searchFormState"
|
|
|
+ class="ant-advanced-search-form"
|
|
|
+ >
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6"
|
|
|
+ ><a-form-item label="冷链编号" name="code">
|
|
|
+ <a-input v-model:value="searchFormState.code" placeholder="请输入冷链编号" /> </a-form-item
|
|
|
+ ></a-col>
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6"
|
|
|
+ ><a-form-item label="对象状态" name="syzt">
|
|
|
+ <a-select v-model:value="searchFormState.syzt" placeholder="请选择对象状态">
|
|
|
+ <a-select-option value="1">正常</a-select-option>
|
|
|
+ <a-select-option value="2">闲置</a-select-option>
|
|
|
+ <a-select-option value="3">维修</a-select-option>
|
|
|
+ <a-select-option value="4">报废</a-select-option>
|
|
|
+ <a-select-option value="5">化霜</a-select-option>
|
|
|
+ <a-select-option value="6">关机</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item></a-col
|
|
|
+ >
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <a-form-item label="监控点" name="jkdmc">
|
|
|
+ <a-select v-model:value="searchFormState.jkdmc" placeholder="请选择监控点名称">
|
|
|
+ <a-select-option value="1">监控点1</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item></a-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <a-form-item label="报警状态" name="bjzt">
|
|
|
+ <a-select v-model:value="searchFormState.jkdmc" placeholder="请选择报警状态">
|
|
|
+ <a-select-option value="1">正常</a-select-option>
|
|
|
+ <a-select-option value="2">报警</a-select-option>
|
|
|
+ <a-select-option value="3">预警</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item></a-col
|
|
|
+ >
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6"
|
|
|
+ ><a-form-item label="运行状态" name="yxzt">
|
|
|
+ <a-select v-model:value="searchFormState.yxzt" placeholder="请选择运行状态">
|
|
|
+ <a-select-option value="1">正常</a-select-option>
|
|
|
+ <a-select-option value="2">断线</a-select-option>
|
|
|
+ <a-select-option value="3">超限</a-select-option>
|
|
|
+ <a-select-option value="4">闲置维修</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item></a-col
|
|
|
+ >
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6"
|
|
|
+ ><a-form-item label="对象名称" name="dxmc">
|
|
|
+ <a-select v-model:value="searchFormState.dxmc" placeholder="请选择对象名称">
|
|
|
+ <a-select-option value="1">-20度冰箱</a-select-option>
|
|
|
+ <a-select-option value="2">-86度超低温冷冻储存箱</a-select-option>
|
|
|
+ <a-select-option value="3">90160189</a-select-option>
|
|
|
+ <a-select-option value="4">ABSL-3(II)超低温冰箱</a-select-option>
|
|
|
+ <a-select-option value="5">BSL-3(II)超低温冰箱</a-select-option>
|
|
|
+ <a-select-option value="6">超低温冰箱</a-select-option>
|
|
|
+ <a-select-option value="7">物联网变频超低温冰箱</a-select-option>
|
|
|
+ <a-select-option value="8">医用冰箱</a-select-option>
|
|
|
+ <a-select-option value="9">医用低温保存箱</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item></a-col
|
|
|
+ >
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
+ <a-form-item label="采集时间" name="searchKey">
|
|
|
+ <a-range-picker
|
|
|
+ v-model:value="searchFormState.searchKey"
|
|
|
+ show-time
|
|
|
+ format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-form>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+ <div class="table-search-buttons">
|
|
|
+ <a-button type="primary" @click="tableRef.refresh(true)">查询</a-button>
|
|
|
+ <a-button class="xn-mg08" @click="reset">重置</a-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 其他操作区域 -->
|
|
|
+ <div class="table-head">
|
|
|
+ <div>
|
|
|
+ 剩余刷新时间：<text style="color: #1c8fff">{{ 33 }}</text>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <a-button>
|
|
|
+ <template #icon><download-outlined /></template>导出
|
|
|
+ </a-button>
|
|
|
+ <a-button class="xn-mg08">
|
|
|
+ <template #icon><printer-outlined /></template>打印
|
|
|
+ </a-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<template #bodyCell="{ column, record }">
|
|
|
<template v-if="column.dataIndex === 'state'">
|
|
|
<span>
|
|
|
@@ -192,6 +297,11 @@
|
|
|
return obj
|
|
|
})
|
|
|
}
|
|
|
+ // 重置
|
|
|
+ const reset = () => {
|
|
|
+ searchFormRef.value.resetFields()
|
|
|
+ tableRef.value.refresh(true)
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
like