From e2140d53c0d017da55bbebc22a24671662febd12 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期五, 22 三月 2024 10:21:15 +0800
Subject: [PATCH] 完成部分检验任务前端
---
src/components/do/b1-inspect-order-plan/Inspection.vue | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++++
src/components/view/b1-inspect-order-plan.vue | 14 +++-
2 files changed, 166 insertions(+), 5 deletions(-)
diff --git a/src/components/do/b1-inspect-order-plan/Inspection.vue b/src/components/do/b1-inspect-order-plan/Inspection.vue
new file mode 100644
index 0000000..42075d7
--- /dev/null
+++ b/src/components/do/b1-inspect-order-plan/Inspection.vue
@@ -0,0 +1,157 @@
+<style scoped>
+ .ins-order-plan-main .title {
+ height: 60px;
+ line-height: 60px;
+ }
+
+ .ins-order-plan-main .search {
+ width: 100%;
+ margin-bottom: 10px;
+ height: 140px;
+ background-color: #fff;
+ border-radius: 3px;
+ }
+
+ .search .form-inline {
+ height: 50px;
+ padding-top: 20px;
+ padding-left: 50px;
+ }
+
+ .ins-order-plan-main .center {
+ width: calc(100% - 40px);
+ height: calc(100% - 60px - 80px - 40px);
+ background-color: #fff;
+ border-radius: 3px;
+ padding: 20px;
+ }
+</style>
+<style>
+ .ins-order-plan-main .el-form-item__label{
+ color: #000;
+ }
+ .el-drawer__header::before {
+ content: "";
+ display: inline-block;
+ width: 4px;
+ height: 30.24px;
+ background: #3A7BFA;
+ border-radius: 10px;
+ margin-left: 32px;
+ margin-right: 8.5px;
+ }
+ .el-drawer__header{
+ color: #303133;
+ }
+</style>
+<template>
+ <div class="ins-order-plan-main">
+ <el-row class="title">
+ <el-col :span="12" style="padding-left: 20px;">鏍峰搧璇︽儏</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <el-button size="small" type="primary" @click="sampleVisible=true">鏍峰搧鍒囨崲</el-button>
+ <el-button size="small" type="primary" @click="taskVisible=true">浠诲姟鍒囨崲</el-button>
+ <el-button size="small" @click="$emit('goback')">杩斿洖</el-button>
+ </el-col>
+ </el-row>
+ <div class="search">
+ <el-form :inline="true" :model="searchForm" class="form-inline">
+ <el-form-item label="濮旀墭缂栧彿:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="鏍峰搧缂栧彿:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="鏍峰搧鍚嶇О:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="鏍峰搧鏁伴噺:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="涓嬪彂鏃堕棿:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="绱ф�ョ▼搴�:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="绾﹀畾鏃堕棿:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="褰撳墠鏍峰搧鏁�:">
+ <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="center">
+ </div>
+ <el-drawer
+ title="鏍峰搧鍒囨崲"
+ :visible.sync="sampleVisible"
+ :destroy-on-close="true"
+ size="55%">
+ <el-table class="el-table" ref="productTable" :data="productList" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeSample">
+ <el-table-column type="index" align="center" label="搴忓彿" width="70" :key="Math.random()">
+ </el-table-column>
+ <el-table-column prop="inspectionItemSubclass" label="鏍峰搧缂栧彿" min-width="100"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column prop="sonLaboratory" label="妫�娴嬬姸鎬�" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="method" label="妫�娴嬩汉" min-min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="unit" label="鏄惁鐣欐牱" min-width="100" show-overflow-tooltip></el-table-column>
+ </el-table>
+ </el-drawer>
+ <el-drawer
+ title="浠诲姟鍒囨崲"
+ :visible.sync="taskVisible"
+ :destroy-on-close="true"
+ size="55%">
+ <el-table class="el-table" ref="productTable" :data="productList" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeTask">
+ <el-table-column prop="inspectionItemSubclass" label="濮旀墭缂栧彿" min-width="100"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column prop="sonLaboratory" label="鏍峰搧缂栧彿" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="method" label="鏍峰搧鍚嶇О" min-min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="unit" label="绱ф�ョ▼搴�" min-width="100" show-overflow-tooltip>
+ <template slot-scope="scope">
+ <el-tag
+ :type="scope.row.type" size="medium">{{scope.row.label}}</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="unit" label="鐘舵��" min-width="100" show-overflow-tooltip>
+ <template slot-scope="scope">
+ <el-tag
+ :type="scope.row.type" size="medium">{{scope.row.label}}</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="method" label="绾﹀畾鏃堕棿" min-min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="method" label="涓嬪彂鏃堕棿" min-min-width="100" show-overflow-tooltip></el-table-column>
+ </el-table>
+ </el-drawer>
+ </div>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ sampleVisible:false,
+ taskVisible:false,
+ searchForm: {
+ sampleName: null,
+ state: null
+ },
+ productList:[]
+ }
+ },
+ created() {
+ },
+ methods: {
+ handleChangeSample(row){
+ console.log(1111111111,row)
+ this.sampleVisible = false;
+ },
+ handleChangeTask(row){
+ console.log(222222222,row)
+ this.taskVisible = false;
+ }
+ }
+ }
+</script>
diff --git a/src/components/view/b1-inspect-order-plan.vue b/src/components/view/b1-inspect-order-plan.vue
index 49f53db..9ad143a 100644
--- a/src/components/view/b1-inspect-order-plan.vue
+++ b/src/components/view/b1-inspect-order-plan.vue
@@ -82,8 +82,8 @@
</style>
<template>
<div class="ins-order-plan-main">
- <p style="font-size: 16px;padding:19.5px 0px">妫�楠屼换鍔�</p>
- <div class="search">
+ <p style="font-size: 16px;padding:19.5px 0px" v-show="state==0">妫�楠屼换鍔�</p>
+ <div class="search" v-show="state==0">
<el-form :inline="true" :model="searchForm" class="form-inline">
<el-form-item label="鏍峰搧鍚嶇О:">
<el-input clearable v-model="searchForm.sampleName" size="small" placeholder="璇疯緭鍏�"></el-input>
@@ -100,7 +100,7 @@
</el-form-item>
</el-form>
</div>
- <div class="center">
+ <div class="center" v-show="state==0">
<div class="center-options">
<el-row>
<el-col :span="21">
@@ -127,6 +127,7 @@
:url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData"
:key="upIndex" @upUser="upUser" />
</div>
+ <Inspection v-if="state==1" @goback="state=0"/>
<el-dialog title="鎻愮ず" :visible.sync="claimVisible" width="400px">
鏄惁璁ら濮旀墭缂栧彿<span style="color:#33C130">{{sampleUserForm.entrustCode}}</span>鐨勪换鍔�
<span slot="footer" class="dialog-footer">
@@ -139,12 +140,14 @@
<script>
import ValueTable from '../tool/value-table.vue'
+ import Inspection from '../do/b1-inspect-order-plan/Inspection.vue'
import {
getYearAndMonthAndDays
} from '../../util/date'
export default {
components: {
- ValueTable
+ ValueTable,
+ Inspection
},
data() {
return {
@@ -219,7 +222,8 @@
},
upIndex: 0,
planTotal: 0,
- insStateList: []
+ insStateList: [],
+ state:0//0:鍙拌处椤碉紝1锛氭楠岄〉闈紝榛樿涓�0
}
},
created() {
--
Gitblit v1.9.3