Skip to content

P
pmk-channel-vue
Commit a96b92a7 by huangqy
Options

111

parent d555cb9c
正在显示 包含 111 行增加 和 92 行删除
src/views/Query.vue
<template> <template>
<el-row> <el-card style="height: calc(100vh - 147px)">
<el-col :span="6"> <template #header>
<el-card style="height: calc(100vh - 147px);"> <div class="card-header">
<el-radio-group v-model="logType" label="日志类型" @change="changeType"> <span>查询</span>
<el-radio-button label="normal">出入日志</el-radio-button> </div>
<el-radio-button label="error">异常日志</el-radio-button> </template>
</el-radio-group> <el-row>
<el-form label-position="left" size="large" label-width="80px" :model="formData" style="max-width: 460px;margin-top: 20px;"> <el-col :span="6">
<el-form-item label="开始时间"> <el-card style="height: calc(100vh - 147px);">
<el-date-picker v-model="searchData.startTime" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;"/> <el-radio-group v-model="logType" label="日志类型" @change="changeType">
</el-form-item> <el-radio-button label="normal">出入日志</el-radio-button>
<el-form-item label="结束时间"> <el-radio-button label="error">异常日志</el-radio-button>
<el-date-picker v-model="searchData.endTime" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;"/> </el-radio-group>
</el-form-item> <el-form label-position="left" size="large" label-width="80px" :model="formData" style="max-width: 460px;margin-top: 20px;">
<el-form-item label="出入库"> <el-form-item label="开始时间">
<el-select v-model="searchData.type" placeholder="请选择出入库" style="width: 100%;"> <el-date-picker v-model="searchData.startTime" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;"/>
<el-option value="IN" label="入库"></el-option> </el-form-item>
<el-option value="OUT" label="出库"></el-option> <el-form-item label="结束时间">
</el-select> <el-date-picker v-model="searchData.endTime" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;"/>
</el-form-item> </el-form-item>
<el-form-item label="品名"> <el-form-item label="出入库">
<el-input v-model="searchData.goodsName" placeholder="请输入品名"/> <el-select v-model="searchData.type" placeholder="请选择出入库" style="width: 100%;">
</el-form-item> <el-option value="IN" label="入库"></el-option>
<el-form-item label="号型"> <el-option value="OUT" label="出库"></el-option>
<el-input v-model="searchData.modelName" placeholder="请输入号型"/> </el-select>
</el-form-item> </el-form-item>
<el-button round type="primary" style="width: 100%" @click="loadData">查询</el-button> <el-form-item label="品名">
</el-form> <el-input v-model="searchData.goodsName" placeholder="请输入品名"/>
</el-card> </el-form-item>
</el-col> <el-form-item label="号型">
<el-col :span="18"> <el-input v-model="searchData.modelName" placeholder="请输入号型"/>
<el-card style="height: calc(100vh - 147px);" v-if="logType == 'normal'"> </el-form-item>
<el-table :header-cell-style="{backgroundColor: '#f5f7fa',color: '#000',fontSize: '18px',fontWeight: '550'}" :data="logList" border size="large" style="width: 100%;height: 75.8vh;"> <el-button round type="primary" style="width: 100%" @click="loadData">查询</el-button>
<el-table-column type="index" label="序号" width="70" align="center"/> </el-form>
<el-table-column prop="inState" label="出入库" align="center"> </el-card>
<template #default="scope"> </el-col>
{{ scope.row.type == 'IN' ? '入库' : '出库' }} <el-col :span="18">
</template> <el-card style="height: calc(100vh - 147px);" v-if="logType == 'normal'">
</el-table-column> <el-table :header-cell-style="{backgroundColor: '#f5f7fa',color: '#000',fontSize: '18px',fontWeight: '550'}" :data="logList" border size="large" style="width: 100%;height: 75.8vh;">
<el-table-column prop="billName" label="单号" align="center"/> <el-table-column type="index" label="序号" width="70" align="center"/>
<el-table-column prop="goodsName" label="品名" align="center"/> <el-table-column prop="inState" label="出入库" align="center">
<el-table-column prop="modelName" label="号型" align="center"/> <template #default="scope">
<el-table-column prop="amount" label="数量" align="center"/> {{ scope.row.type == 'IN' ? '入库' : '出库' }}
<el-table-column prop="createTime" label="出入库日期" align="center"/> </template>
</el-table> </el-table-column>
<el-pagination <el-table-column prop="billName" label="单号" align="center"/>
style="left: 40%;margin-top: 6px;" <el-table-column prop="goodsName" label="品名" align="center"/>
background <el-table-column prop="modelName" label="号型" align="center"/>
@current-change="handleCurrentChange" <el-table-column prop="amount" label="数量" align="center"/>
:current-page="searchData.pageNo" <el-table-column prop="createTime" label="出入库日期" align="center"/>
:page-size="searchData.pageSize" </el-table>
layout="total, prev, pager, next" <el-pagination
:total="total" style="left: 40%;margin-top: 6px;"
/> background
</el-card> @current-change="handleCurrentChange"
<el-card style="height: calc(100vh - 147px);" v-if="logType == 'error'"> :current-page="searchData.pageNo"
<el-table :header-cell-style="{backgroundColor: '#f5f7fa',color: '#000',fontSize: '18px',fontWeight: '550'}" :data="logList" border size="large" style="width: 100%;height: 75.8vh;"> :page-size="searchData.pageSize"
<el-table-column type="index" label="序号" width="70" align="center"/> layout="total, prev, pager, next"
<el-table-column prop="type" label="出入库" align="center" width="100"> :total="total"
<template #default="scope"> />
{{ scope.row.type == 'IN' ? '入库' : '出库' }} </el-card>
</template> <el-card style="height: calc(100vh - 147px);" v-if="logType == 'error'">
</el-table-column> <el-table :header-cell-style="{backgroundColor: '#f5f7fa',color: '#000',fontSize: '18px',fontWeight: '550'}" :data="logList" border size="large" style="width: 100%;height: 75.8vh;">
<el-table-column prop="stationId" label="站台号" align="center" width="100"/> <el-table-column type="index" label="序号" width="70" align="center"/>
<el-table-column prop="content" label="异常说明" align="center"/> <el-table-column prop="type" label="出入库" align="center" width="100">
<el-table-column prop="createTime" label="最后更新时间" align="center" width="200"/> <template #default="scope">
<el-table-column prop="handleFlag" label="状态" align="center" width="100"> {{ scope.row.type == 'IN' ? '入库' : '出库' }}
<template #default="scope"> </template>
<el-tag v-if="scope.row.handleFlag == '2'" type="danger">未处理</el-tag> </el-table-column>
<el-tag v-if="scope.row.handleFlag == '1'">已处理</el-tag> <el-table-column prop="stationId" label="站台号" align="center" width="100"/>
</template> <el-table-column prop="content" label="异常说明" align="center"/>
</el-table-column> <el-table-column prop="createTime" label="最后更新时间" align="center" width="200"/>
<el-table-column label="操作" align="center" width="100"> <el-table-column prop="handleFlag" label="状态" align="center" width="100">
<template #default="scope"> <template #default="scope">
<el-button type="primary" size="small" v-if="scope.row.handleFlag == '2'" @click="updateError(scope.row)">处理</el-button> <el-tag v-if="scope.row.handleFlag == '2'" type="danger">未处理</el-tag>
</template> <el-tag v-if="scope.row.handleFlag == '1'">已处理</el-tag>
</el-table-column> </template>
</el-table> </el-table-column>
<el-pagination <el-table-column label="操作" align="center" width="100">
style="left: 40%;margin-top: 6px;" <template #default="scope">
background <el-button type="primary" size="small" v-if="scope.row.handleFlag == '2'" @click="updateError(scope.row)">处理</el-button>
@current-change="handleCurrentChange" </template>
:current-page="searchData.pageNo" </el-table-column>
:page-size="searchData.pageSize" </el-table>
layout="total, prev, pager, next" <el-pagination
:total="total" style="left: 40%;margin-top: 6px;"
/> background
</el-card> @current-change="handleCurrentChange"
</el-col> :current-page="searchData.pageNo"
</el-row> :page-size="searchData.pageSize"
layout="total, prev, pager, next"
:total="total"
/>
</el-card>
</el-col>
</el-row>
</el-card>
</template> </template>
...@@ -189,4 +196,16 @@ export default defineComponent({ ...@@ -189,4 +196,16 @@ export default defineComponent({
} }
}, },
}) })
</script> </script>
\ No newline at end of file
<style scoped>
.card-header {
height: 26px;
font-size: 20px;
font-weight: 'bold';
font-family: 'Times New Roman', Times, serif;
display: flex;
justify-content: space-between;
align-items: center;
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论