From a4c6f5ee31aa87646f78de2bafb1e91140d24840 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期四, 17 八月 2023 17:54:11 +0800
Subject: [PATCH] 8.17提交
---
src/views/laboratory/measure/index.vue | 391 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 388 insertions(+), 3 deletions(-)
diff --git a/src/views/laboratory/measure/index.vue b/src/views/laboratory/measure/index.vue
index 5462379..f7efa18 100644
--- a/src/views/laboratory/measure/index.vue
+++ b/src/views/laboratory/measure/index.vue
@@ -1,13 +1,398 @@
<template>
- <div>璁￠噺绠＄悊</div>
+ <div>
+ <div class="content-main">
+ <div class="top-bar">
+ <el-form ref="form" :inline="true" :model="searchData">
+ <el-form-item :label="this.radioValue === 0 ? '浠櫒璁惧缂栧彿:' : '缂栧彿:'" class="sermargin">
+ <el-input
+ v-model="searchData.code"
+ class="input-form"
+ placeholder="璇疯緭鍏�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item :label="this.radioValue === 0 ? '浠櫒璁惧鍚嶇О:' : '璁惧鍚嶇О'" class="sermargin">
+ <el-input
+ v-model="searchData.name"
+ class="input-form"
+ placeholder="璇疯緭鍏�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item :label="this.radioValue === 0 ? '璁￠噺鍗曚綅:' : '璁￠噺鍗曚綅锛�'" style="margin-right: 20px;">
+ <el-input
+ v-model="searchData.measureunit"
+ class="input-form"
+ placeholder="璇疯緭鍏�"
+ >
+ </el-input>
+ </el-form-item>
+ </el-form>
+ <el-form>
+ <el-form-item v-if="this.radioValue === 0" class="rightBtn">
+ <el-button type="primary" @click="search">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
+ </el-form-item>
+ <el-form-item v-if="this.radioValue === 1" class="rightBtn">
+ <el-button type="primary" icon="el-icon-plus">鏂板璁″垝</el-button>
+ </el-form-item>
+ </el-form>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-header">
+ <div class="search-bar">
+ <el-radio-group v-model="radioValue" @change="radioclick">
+ <el-radio-button v-for="item in options" :key="item.value" :label="item.value">
+ {{ item.label }}
+ </el-radio-button>
+ </el-radio-group>
+ </div>
+ </div>
+ <div class="table-box">
+ <el-table
+ v-if="this.radioValue === 0"
+ :max-height="800"
+ :cell-style="{textAlign: 'center'}"
+ :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
+ :data="measureLedgerTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ type="selection"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="equipment_code"
+ label="浠櫒璁惧缂栧彿"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="equipment_name"
+ label="浠櫒璁惧鍚嶇О"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="measure_range"
+ label="娴嬮噺鑼冨洿"
+ min-width="15%"
+ />
+ <el-table-column
+ prop="measurecycle"
+ label="璁￠噺鍛ㄦ湡"
+ min-width="6%"
+ />
+ <el-table-column
+ prop="mesureresult"
+ label="璁￠噺缁撴灉"
+ min-width="6%">
+ <template slot-scope="scope">
+ <div v-if="scope.row.mesureresult === 1">
+ <span style="color: green;">姝ｅ父</span>
+ </div>
+ <div v-else>
+ <span style="color: red;">澶卞噯</span>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="date"
+ label="璁￠噺鏃ユ湡"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="term_validity"
+ label="璁￠噺鏈夋晥鏈�"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="head"
+ label="璐熻矗浜�"
+ min-width="6%"
+ />
+ <el-table-column
+ prop="create_time"
+ label="鍒涘缓鏃ユ湡"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="create_person"
+ label="鍒涘缓浜�"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="measure_code"
+ label="璁￠噺缂栧彿"
+ min-width="8%"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="15%"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" >鏌ョ湅璁￠噺灞ュ巻</el-button>
+ <el-button type="text" size="small" >鏌ョ湅闄勪欢</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <el-table
+ v-show="this.radioValue === 1"
+ :max-height="800"
+ :cell-style="{textAlign: 'center'}"
+ :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
+ :data="measurePlanTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ type="selection"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="measure_number"
+ label="璁￠噺鍗曞彿"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="equipment_code"
+ label="璁惧缂栧彿"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="equipment_name"
+ label="璁惧鍚嶇О"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="scheduled_date"
+ label="璁″垝鏃ユ湡"
+ min-width="15%"
+ />
+ <el-table-column
+ prop="measure_state"
+ label="璁￠噺鐘舵��"
+ min-width="6%">
+ <template slot-scope="scope">
+ <div v-if="scope.row.measure_state === 1">
+ <span style="color: green;">宸插畬鎴�</span>
+ </div>
+ <div v-else>
+ <span style="color: red;">鏈畬鎴�</span>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="head"
+ label="璁￠噺璐熻矗浜�"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="department"
+ label="璁￠噺鍗曚綅"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="creater"
+ label="鍒涘缓浜�"
+ min-width="6%"
+ />
+ <el-table-column
+ prop="create_date"
+ label="鍒涘缓鏃ユ湡"
+ min-width="8%"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="15%"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" >鏌ョ湅璁￠噺灞ュ巻</el-button>
+ <el-button type="text" size="small" >鏌ョ湅闄勪欢</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div class="pagination">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[5, 10, 20]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
+import { getPlanPageList, getStandingPageList } from '@/api/laboratory/measure'
export default {
-
+ data() {
+ return {
+ searchData:{
+ code: '',
+ name: '',
+ measureunit: ''
+ },
+ radioValue: 0,
+ options:[{
+ value: 0,
+ label: '璁￠噺鍙拌处'
+ },{
+ value: 1 ,
+ label: '璁￠噺璁″垝'
+ }],
+ measureLedgerTable: [{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 1, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ },{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 0, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ },{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 1, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ }],
+ measurePlanTable: [{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 1, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ },{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 1, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ },{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 0, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ }],
+ currentPage: 1,
+ pageSize: 5,
+ total: 20
+ }
+ },
+ created(){
+ this.getStandingPageList()
+ // this.getPlanPageList()
+ },
+ methods: {
+ // 璇锋眰璁￠噺鍙拌处鍒嗛〉鍒楄〃
+ async getStandingPageList(){
+ const res = await getStandingPageList({pageNo:this.currentPage , pageSize:this.pageSize })
+ // this.measureLedgerTable = res.data
+ // console.log(this.measureLedgerTable)
+ },
+ // 璇锋眰璁￠噺璁″垝鍒嗛〉鍒楄〃
+ async getPlanPageList(){
+ const res = await getPlanPageList({})
+ },
+ handleSizeChange(val) {
+ console.log(`褰撳墠姣忛〉${val}鏉℃暟鎹甡)
+ this.pageSize = val
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠鏄${val}椤礰)
+ this.currentPage = val
+ }
+ }
}
</script>
-<style lang="scss" scoped>
+<style scoped>
+
+.top-bar{
+ margin: -25px -15px;
+ background: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 24px 0px 24px;
+ .sermargin{
+ margin-right: 60px;
+ }
+ }
+.rightBtn{
+ margin-right: 50px
+}
+.library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ flex-direction: column;
+ .table-header{
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ .el-form-item{
+ margin-bottom: 30px !important;
+ }
+ }
+ .table-box{
+ padding: 0px 20px;
+ margin-top: 0px;
+ flex: 1;
+ background: #fff;
+ /* padding: 20px 20px 10px 20px; */
+ display: flex;
+ flex-direction: column;
+ .el-table {
+ flex: 1;
+ }
+ }
+ .pagination{
+ display:flex;
+ justify-content:end;
+ margin-top: 20px
+ }
+ }
</style>
--
Gitblit v1.9.3