From 8a06fd26565b24603aa265db6715b5e246b831bd Mon Sep 17 00:00:00 2001
From: hailin <1356886193@qq.com>
Date: 星期一, 24 七月 2023 08:47:23 +0800
Subject: [PATCH] 检验的第一次提交
---
src/permission.js | 112 +++---
src/views/rawMaterials/reportForInspection/index.vue | 392 ++++++++++++++-----------
src/views/rawMaterials/reportForInspection/father.vue | 15 +
src/router/index.js | 18 +
src/views/rawMaterials/reportForInspection/forInspectionDetail.vue | 314 ++++++++++++++++++++
5 files changed, 620 insertions(+), 231 deletions(-)
diff --git a/src/permission.js b/src/permission.js
index a38fdc4..dafb844 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -1,65 +1,65 @@
-import router from './router'
-import store from './store'
-import { Message } from 'element-ui'
-import NProgress from 'nprogress' // progress bar
-import 'nprogress/nprogress.css' // progress bar style
-import { getToken } from '@/utils/auth' // get token from cookie
-import getPageTitle from '@/utils/get-page-title'
+// import router from './router'
+// import store from './store'
+// import { Message } from 'element-ui'
+// import NProgress from 'nprogress' // progress bar
+// import 'nprogress/nprogress.css' // progress bar style
+// import { getToken } from '@/utils/auth' // get token from cookie
+// import getPageTitle from '@/utils/get-page-title'
-NProgress.configure({ showSpinner: false }) // NProgress Configuration
+// NProgress.configure({ showSpinner: false }) // NProgress Configuration
-const whiteList = ['/login'] // no redirect whitelist
+// const whiteList = ['/login'] // no redirect whitelist
-router.beforeEach(async(to, from, next) => {
- // start progress bar
- NProgress.start()
+// router.beforeEach(async(to, from, next) => {
+// // start progress bar
+// NProgress.start()
- // set page title
- document.title = getPageTitle(to.meta.title)
+// // set page title
+// document.title = getPageTitle(to.meta.title)
- // determine whether the user has logged in
- const hasToken = getToken()
+// // determine whether the user has logged in
+// const hasToken = getToken()
- if (hasToken) {
- if (to.path === '/login') {
- // if is logged in, redirect to the home page
- next({ path: '/' })
- NProgress.done()
- } else {
- const hasGetUserInfo = store.getters.name
- if (hasGetUserInfo) {
- next()
- } else {
- try {
- // get user info
- await store.dispatch('user/getInfo')
+// if (hasToken) {
+// if (to.path === '/login') {
+// // if is logged in, redirect to the home page
+// next({ path: '/' })
+// NProgress.done()
+// } else {
+// const hasGetUserInfo = store.getters.name
+// if (hasGetUserInfo) {
+// next()
+// } else {
+// try {
+// // get user info
+// await store.dispatch('user/getInfo')
- next()
- } catch (error) {
- // remove token and go to login page to re-login
- // 閲嶆柊鍒锋柊token
- await store.dispatch('user/resetToken')
- Message.error(error || 'Has Error')
- next(`/login?redirect=${to.path}`)
- NProgress.done()
- }
- }
- }
- } else {
- /* has no token*/
+// next()
+// } catch (error) {
+// // remove token and go to login page to re-login
+// // 閲嶆柊鍒锋柊token
+// await store.dispatch('user/resetToken')
+// Message.error(error || 'Has Error')
+// next(`/login?redirect=${to.path}`)
+// NProgress.done()
+// }
+// }
+// }
+// } else {
+// /* has no token*/
- if (whiteList.indexOf(to.path) !== -1) {
- // in the free login whitelist, go directly
- next()
- } else {
- // other pages that do not have permission to access are redirected to the login page.
- next(`/login?redirect=${to.path}`)
- NProgress.done()
- }
- }
-})
+// if (whiteList.indexOf(to.path) !== -1) {
+// // in the free login whitelist, go directly
+// next()
+// } else {
+// // other pages that do not have permission to access are redirected to the login page.
+// next(`/login?redirect=${to.path}`)
+// NProgress.done()
+// }
+// }
+// })
-router.afterEach(() => {
- // finish progress bar
- NProgress.done()
-})
+// router.afterEach(() => {
+// // finish progress bar
+// NProgress.done()
+// })
diff --git a/src/router/index.js b/src/router/index.js
index 90f985c..94dc6d7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -85,7 +85,23 @@
path: 'reportForInspection',
name: 'ReportForInspection',
component: () => import('@/views/rawMaterials/reportForInspection/index'),
- meta: { title: '鍘熸潗鏂欐姤妫�', icon: 'table' }
+ meta: { title: '鍘熸潗鏂欐姤妫�', icon: 'table' },
+ children: [
+ // {
+ // path: 'index',
+ // name: 'ReportForInspectionIndex',
+ // // hidden: true,
+ // component: () => import('@/views/rawMaterials/reportForInspection/index'),
+ // meta: { title: '鍘熸潗鏂欐姤妫�', icon: 'table' }
+ // },
+ {
+ path: 'forInspectionDetail',
+ name: 'ForInspectionDetail',
+ hidden: true,
+ component: () => import('@/views/rawMaterials/reportForInspection/forInspectionDetail'),
+ meta: { title: '鏂板妫�楠屽崟璇︽儏', icon: 'table' }
+ }
+ ]
},
{
path: 'print',
diff --git a/src/views/rawMaterials/reportForInspection/father.vue b/src/views/rawMaterials/reportForInspection/father.vue
new file mode 100644
index 0000000..c1494d1
--- /dev/null
+++ b/src/views/rawMaterials/reportForInspection/father.vue
@@ -0,0 +1,15 @@
+<template>
+ <div class="forinspection-father-main">
+ <router-view />
+ </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/views/rawMaterials/reportForInspection/forInspectionDetail.vue b/src/views/rawMaterials/reportForInspection/forInspectionDetail.vue
new file mode 100644
index 0000000..9729e62
--- /dev/null
+++ b/src/views/rawMaterials/reportForInspection/forInspectionDetail.vue
@@ -0,0 +1,314 @@
+<template>
+ <div class="forInspectionDetail-main">
+ <div class="for-inspction-detail-header">
+ <div class="header-left">鎶ユ缂栧彿锛�</div>
+ <div class="header-right">
+ <el-form class="rightBtn" :inline="true">
+ <el-form-item class="createBtn">
+ <el-button type="error" icon="el-icon-plus">浣滃簾鐢宠</el-button>
+ </el-form-item>
+ <el-form-item class="getDataBtn">
+ <el-button type="primary" icon="el-icon-download">鎻愪氦鐢宠</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ <div class="content-main">
+ <div class="card-main">
+ <div class="tips-main">
+ <div class="tips">
+ <span />
+ <div>鍩烘湰淇℃伅</div>
+ </div>
+ <!-- <div class="tips-btn">
+ <span><i class="el-icon-edit" />鎿嶄綔锛�</span>
+ <el-button type="text">缂栬緫</el-button>
+ </div> -->
+ </div>
+ <div class="message">
+ <div class="message-item"><span><i class="el-icon-edit" />璇曢獙鏂规硶锛�</span></div>
+ <div class="message-item">
+ <span><i class="el-icon-edit" />椤圭洰鍒嗙被锛�</span>
+ </div>
+ <div class="message-item">
+ <span><i class="el-icon-edit" />鏇存柊浜猴細</span></div>
+ <div class="message-item">
+ <span><i class="el-icon-edit" />鏇存柊鏃堕棿锛�</span></div>
+ </div>
+ </div>
+ <div class="card-main sample-list">
+ <div class="tips-main">
+ <div class="tips">
+ <span />
+ <div>鏍峰搧鐩稿叧</div>
+ </div>
+ <div class="tips-btn" :style="{marginBottom: '10px'}">
+ <!-- <span><i class="el-icon-edit" />鎿嶄綔锛�</span> -->
+ <el-button type="primary" icon="el-icon-download" @click="addSampleVisible = true">娣诲姞鏍峰搧</el-button>
+ </div>
+ </div>
+ <div class="table-box">
+ <el-table
+ ref="sampleTable"
+ :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="sampleTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ prop="applicationOrdernumber"
+ label="鐢宠鍗曞彿"
+ min-width="200"
+ />
+ <el-table-column
+ prop="typeofInspection"
+ label="妫�楠岀被鍨�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="objectofInspection"
+ label="妫�楠屽璞�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="palceofObject"
+ label="瀵硅薄浣嶇疆"
+ min-width="200"
+ />
+ <el-table-column
+ prop="name"
+ label="瀵硅薄鍚嶇О"
+ min-width="200"
+ />
+ <el-table-column
+ prop="date"
+ label="鐧昏鏃ユ湡"
+ min-width="200"
+ />
+ <el-table-column
+ prop="registrant"
+ label="鐧昏浜�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="applicationTime"
+ label="鐢宠鏃堕棿"
+ min-width="200"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="200"
+ :fixed="true"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="handleClick(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">浣滃簾</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div>
+ <el-pagination
+ :current-page="pageParams.pageNo"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="pageParams.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ />
+ </div>
+ </div>
+
+ </div>
+ </div>
+ <el-drawer
+ title="鏂板鏍峰搧"
+ :visible.sync="addSampleVisible"
+ :direction="direction"
+ size="50%"
+ >
+ <div class="demo-drawer__content">
+ <el-form :model="addSampleFrom">
+ <el-form-item>
+ <el-button>閫夋嫨鐗╂枡</el-button>
+ </el-form-item>
+ <el-row>
+ <el-col>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+ </el-drawer>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ sampleTable: [],
+ pageParams: {
+ pageNo: 1,
+ pageSize: 1,
+ total: 3
+ },
+ addSampleVisible: false,
+ direction: 'rtl',
+ addSampleFrom: {}
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.forInspectionDetail-main{
+ min-height: calc(100vh - 88px);
+ display: flex;
+ flex-direction: column;
+}
+.for-inspction-detail-header{
+ width: 100%;
+ background: #fff;
+ // height: 42px;
+ display: flex;
+ border-bottom: 1px solid #f0f2f5;
+ padding: 8px 24px 12px 24px;
+ justify-content: space-between;
+ align-items: center;
+ .header-left{
+ font-size: 20px;
+ color: #303133;
+ }
+ .header-right{
+ .el-form-item{
+ margin-bottom: 0px !important;
+ }
+ .rightBtn {
+ display: flex;
+ justify-content: flex-end;
+ }
+ }
+}
+.content-main{
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ .sample-list{
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ .table-box{
+ padding: 20px;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ .el-table{
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ ::v-deep .el-table__body-wrapper{
+ flex: 1 !important;
+ }
+ }
+ >div:nth-child(2){
+ display: flex;
+ justify-content: end;
+ margin: 10px 0;
+ }
+ }
+ }
+ .card-main{
+ background: #fff;
+ // padding: 10px 20px 10px 20px;
+ margin: 0;
+ margin-bottom: 12px;
+ border-radius: 6px;
+ overflow: hidden;
+ .tips-main{
+ // margin: ;
+ padding: 10px 20px 0px 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 50px;
+ // height: ;
+ &:hover{
+ background: #85bff810;
+ .tips-btn{
+ display: block;
+ left: 0;
+ opacity:1;
+ }
+ }
+ .tips-btn{
+ height: 100%;
+ // display: none;
+ position: relative;
+ opacity:0;
+ left: 100px;
+ transition: all 0.3s ease-in-out;
+ }
+ .tips{
+ height: 100%;
+ display: flex;
+ height: 24px;
+ align-items: center;
+ font-size: 16px;
+ // margin-bottom: 12px;
+ >span{
+ display: inline-block;
+ margin-right: 10px;
+ width: 4px;
+ height: 16px;
+ background: #0077DB;
+ }
+ >div{
+ height: 100%;
+ line-height: 26px;
+ }
+ .el-button{
+ padding: 0;
+ }
+ }
+ }
+
+ // 鍩烘湰淇℃伅鍜屼紒涓氫俊鎭殑姣忎竴涓俊鎭」鏍峰紡
+ .message{
+ padding: 0px 20px 10px 20px;
+
+ display: flex;
+ flex-wrap: wrap;
+ border-top: 1px solid #F2F6FC;
+ // border-top: 1px solid #F2F6FC;
+ >div{
+ flex: 50%;
+ max-width: 50%;
+ padding: 8px;
+ color: #606266;
+ align-items: center;
+ // height: 65px;
+ font-size: 12px;
+ height: 52px;
+ display: flex;
+ align-items: center;
+ >span{
+ color: #303133;
+ font-size: 16px;
+ //
+ >i{
+ margin-right: 8px;
+ }
+ }
+ }
+ // >div:nth-child(5){
+ // flex: 60%;
+ // max-width: 60%;
+ // }
+ }
+ }
+}
+
+.demo-drawer__content{
+ padding: 20px;
+}
+
+</style>
diff --git a/src/views/rawMaterials/reportForInspection/index.vue b/src/views/rawMaterials/reportForInspection/index.vue
index cdc2cdb..62ec587 100644
--- a/src/views/rawMaterials/reportForInspection/index.vue
+++ b/src/views/rawMaterials/reportForInspection/index.vue
@@ -1,127 +1,153 @@
<template>
- <div class="content-main">
- <div class="top-bar">
- <el-form ref="form" inline="true" :model="searchData">
- <el-form-item>
- <el-input
- v-model="searchData.keyword"
- class="input-form"
- placeholder="璇疯緭鍏ョ敵璇峰崟鍙�/妫�楠屽璞�/瀵硅薄浣嶇疆/瀵硅薄鍚嶇О"
+ <div>
+ <template v-if="!showDetail">
+ <div class="content-main">
+ <div class="top-bar">
+ <el-form ref="form" :inline="true" :model="searchData">
+ <el-form-item>
+ <el-input
+ v-model="searchData.keyword"
+ class="input-form"
+ placeholder="璇疯緭鍏ョ敵璇峰崟鍙�/妫�楠屽璞�/瀵硅薄浣嶇疆/瀵硅薄鍚嶇О"
+ >
+ <i slot="prefix" class="el-input__icon el-icon-search" />
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary">鏌ヨ</el-button>
+ <el-button type="primary" plain>閲嶇疆</el-button>
+ </el-form-item>
+ <el-dropdown>
+ <span class="retrieval">
+ 楂樼骇妫�绱�<i class="el-icon-arrow-down el-icon--right" />
+ </span>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item>榛勯噾绯�</el-dropdown-item>
+ <el-dropdown-item>鐙瓙澶�</el-dropdown-item>
+ <el-dropdown-item>铻鸿洺绮�</el-dropdown-item>
+ <el-dropdown-item disabled>鍙岀毊濂�</el-dropdown-item>
+ <el-dropdown-item divided>铓典粩鐓�</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </el-form>
+ <el-form class="rightBtn">
+ <el-form-item class="getDataBtn">
+ <el-button type="primary" icon="el-icon-download" plain>鑾峰彇ERP鏁版嵁</el-button>
+ </el-form-item>
+ <el-form-item class="createBtn">
+ <el-button type="primary" icon="el-icon-plus" @click="checkTypeVisible = true">鏂板妫�楠屽崟</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-header">
+ <div class="search-bar">
+ <el-radio-group v-model="radioValue">
+ <el-radio-button label="鍏ㄩ儴" />
+ <el-radio-button label="寰呮彁浜�" />
+ <el-radio-button label="宸叉彁浜�" />
+ <el-radio-button label="宸蹭綔搴�" />
+ </el-radio-group>
+ </div>
+ </div>
+ <div class="table-box">
+ <el-table
+ ref="inspectionTable"
+ :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="inspectionTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ prop="applicationOrdernumber"
+ label="鐢宠鍗曞彿"
+ min-width="200"
+ />
+ <el-table-column
+ prop="typeofInspection"
+ label="妫�楠岀被鍨�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="objectofInspection"
+ label="妫�楠屽璞�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="palceofObject"
+ label="瀵硅薄浣嶇疆"
+ min-width="200"
+ />
+ <el-table-column
+ prop="name"
+ label="瀵硅薄鍚嶇О"
+ min-width="200"
+ />
+ <el-table-column
+ prop="date"
+ label="鐧昏鏃ユ湡"
+ min-width="200"
+ />
+ <el-table-column
+ prop="registrant"
+ label="鐧昏浜�"
+ min-width="200"
+ />
+ <el-table-column
+ prop="applicationTime"
+ label="鐢宠鏃堕棿"
+ min-width="200"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="200"
+ fixed="right"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="handleClick(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">浣滃簾</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div>
+ <el-pagination
+ :current-page="currentPage"
+ :page-sizes="[100, 200, 300, 400]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="this.inspectionTable.length"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="checkType">
+ <el-dialog
+ title="鏂板妫�楠屽崟"
+ :visible.sync="checkTypeVisible"
+ width="40%"
>
- <i slot="prefix" class="el-input__icon el-icon-search" />
- </el-input>
- </el-form-item>
- <el-form-item>
- <el-button type="primary">鏌ヨ</el-button>
- <el-button type="primary" plain>閲嶇疆</el-button>
- </el-form-item>
- <el-dropdown>
- <span class="retrieval">
- 楂樼骇妫�绱�<i class="el-icon-arrow-down el-icon--right" />
- </span>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item>榛勯噾绯�</el-dropdown-item>
- <el-dropdown-item>鐙瓙澶�</el-dropdown-item>
- <el-dropdown-item>铻鸿洺绮�</el-dropdown-item>
- <el-dropdown-item disabled>鍙岀毊濂�</el-dropdown-item>
- <el-dropdown-item divided>铓典粩鐓�</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </el-form>
- <el-form class="rightBtn">
- <el-form-item class="getDataBtn">
- <el-button type="primary" icon="el-icon-download" plain>鑾峰彇ERP鏁版嵁</el-button>
- </el-form-item>
- <el-form-item class="createBtn">
- <el-button type="primary" icon="el-icon-plus">鏂板妫�楠屽崟</el-button>
- </el-form-item>
- </el-form>
- </div>
- <div class="library-table">
- <div class="table-header">
- <div class="search-bar">
- <el-radio-group v-model="radioValue">
- <el-radio-button label="鍏ㄩ儴" />
- <el-radio-button label="寰呮彁浜�" />
- <el-radio-button label="宸叉彁浜�" />
- <el-radio-button label="宸蹭綔搴�" />
- </el-radio-group>
+ <div class="check-box">
+ <el-radio-group v-model="type">
+ <el-radio :label="0" border>鍘熸潗鏂欐楠�</el-radio>
+ <el-radio :label="1" border>鍗婃垚鍝佹楠�</el-radio>
+ <el-radio :label="2" border>鎴愬搧妫�楠�</el-radio>
+ </el-radio-group>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="checkTypeVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="goToForInspectionDetail">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
</div>
</div>
- <div class="table-box">
- <el-table
- ref="inspectionTable"
- :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="inspectionTable"
- style="width: 100%"
- >
- <el-table-column
- prop="applicationOrdernumber"
- label="鐢宠鍗曞彿"
- min-width="200"
- />
- <el-table-column
- prop="typeofInspection"
- label="妫�楠岀被鍨�"
- min-width="200"
- />
- <el-table-column
- prop="objectofInspection"
- label="妫�楠屽璞�"
- min-width="200"
- />
- <el-table-column
- prop="palceofObject"
- label="瀵硅薄浣嶇疆"
- min-width="200"
- />
- <el-table-column
- prop="name"
- label="瀵硅薄鍚嶇О"
- min-width="200"
- />
- <el-table-column
- prop="date"
- label="鐧昏鏃ユ湡"
- min-width="200"
- />
- <el-table-column
- prop="registrant"
- label="鐧昏浜�"
- min-width="200"
- />
- <el-table-column
- prop="applicationTime"
- label="鐢宠鏃堕棿"
- min-width="200"
- />
- <el-table-column
- label="鎿嶄綔"
- min-width="200"
- :fixed="true"
- >
- <template slot-scope="scope">
- <el-button type="text" size="small" @click="handleClick(scope.row)">鏌ョ湅</el-button>
- <el-button type="text" size="small">浣滃簾</el-button>
- </template>
- </el-table-column>
- </el-table>
- <!-- 鍒嗛〉鍣� -->
- <div>
- <el-pagination
- :current-page="currentPage"
- :page-sizes="[100, 200, 300, 400]"
- :page-size="pageSize"
- layout="total, sizes, prev, pager, next, jumper"
- :total="this.inspectionTable.length"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- </div>
- </div>
- </div>
+ </template>
+ <template v-else>
+ <router-view />
+ </template>
</div>
</template>
@@ -129,6 +155,7 @@
export default {
data() {
return {
+ showDetail: false,
searchData: {
keyword: ''
},
@@ -141,65 +168,52 @@
date: '2022-09-23',
registrant: '绠＄悊鍛�',
applicationTime: '111'
- },
- {
- applicationOrdernumber: 'QC22-09155',
- typeofInspection: '閲囪喘鍏ュ簱',
- objectofInspection: 'MI202207032-1',
- palceofObject: '---',
- name: '杩欐槸涓�鏉℃祴璇曟暟鎹�',
- date: '2022-09-23',
- registrant: '绠＄悊鍛�',
- applicationTime: '111'
- },
- {
- applicationOrdernumber: 'QC22-09155',
- typeofInspection: '閲囪喘鍏ュ簱',
- objectofInspection: 'MI202207032-1',
- palceofObject: '---',
- name: '杩欐槸涓�鏉℃祴璇曟暟鎹�',
- date: '2022-09-23',
- registrant: '绠＄悊鍛�',
- applicationTime: '111'
- },
- {
- applicationOrdernumber: 'QC22-09155',
- typeofInspection: '閲囪喘鍏ュ簱',
- objectofInspection: 'MI202207032-1',
- palceofObject: '---',
- name: '杩欐槸涓�鏉℃祴璇曟暟鎹�',
- date: '2022-09-23',
- registrant: '绠＄悊鍛�',
- applicationTime: '111'
- },
- {
- applicationOrdernumber: 'QC22-09155',
- typeofInspection: '閲囪喘鍏ュ簱',
- objectofInspection: 'MI202207032-1',
- palceofObject: '---',
- name: '杩欐槸涓�鏉℃祴璇曟暟鎹�',
- date: '2022-09-23',
- registrant: '绠＄悊鍛�',
- applicationTime: '111'
- },
- {
- applicationOrdernumber: 'QC22-09155',
- typeofInspection: '閲囪喘鍏ュ簱',
- objectofInspection: 'MI202207032-1',
- palceofObject: '---',
- name: '杩欐槸涓�鏉℃祴璇曟暟鎹�',
- date: '2022-09-23',
- registrant: '绠＄悊鍛�',
- applicationTime: '111'
- }
- ],
+ }],
currentPage: 1,
total: 20, // 鎬绘潯鏁�
pageSize: 100, // 姣忛〉鐨勬暟鎹潯鏁�
- radioValue: '鍏ㄩ儴'
+ radioValue: '鍏ㄩ儴',
+ checkTypeVisible: false,
+ type: 0
}
},
+ watch: {
+ $route: {
+ handler(val, oldval) {
+ console.log(val)// 鏂拌矾鐢变俊鎭�
+ console.log(oldval)// 鑰佽矾鐢变俊鎭�
+ },
+ // 娣卞害瑙傚療鐩戝惉
+ deep: true
+ }
+ },
+ // beforeRouteEnter(to, from, next) {
+ // console.log(to, from)
+ // next()
+ // // 鍦ㄦ覆鏌撹缁勪欢鐨勫搴旇矾鐢辫 confirm 鍓嶈皟鐢�
+ // // 涓嶏紒鑳斤紒鑾峰彇缁勪欢瀹炰緥 `this`
+ // // 鍥犱负褰撻挬瀛愭墽琛屽墠锛岀粍浠跺疄渚嬭繕娌¤鍒涘缓
+ // },
+ // beforeRouteUpdate(to, from, next) {
+ // console.log(to, from)
+ // if (to.name === 'ForInspectionDetail') this.showDetail = true
+ // this.$nextTick(() => {
+ // console.log(1)
+ // this.showDetail = true
+ // })
+ // next()
+ // // 鍦ㄥ綋鍓嶈矾鐢辨敼鍙橈紝浣嗘槸璇ョ粍浠惰澶嶇敤鏃惰皟鐢�
+ // // 涓句緥鏉ヨ锛屽浜庝竴涓甫鏈夊姩鎬佸弬鏁扮殑璺緞 /foo/:id锛屽湪 /foo/1 鍜� /foo/2 涔嬮棿璺宠浆鐨勬椂鍊欙紝
+ // // 鐢变簬浼氭覆鏌撳悓鏍风殑 Foo 缁勪欢锛屽洜姝ょ粍浠跺疄渚嬩細琚鐢ㄣ�傝�岃繖涓挬瀛愬氨浼氬湪杩欎釜鎯呭喌涓嬭璋冪敤銆�
+ // // 鍙互璁块棶缁勪欢瀹炰緥 `this`
+ // },
+ updated() {
+ if (this.$route.name === 'ForInspectionDetail') this.showDetail = true
+ },
methods: {
+ goToForInspectionDetail() {
+ this.$router.push('/rawMaterials/reportForInspection/forInspectionDetail')
+ },
handleClick(row) {
console.log(row)
},
@@ -219,7 +233,37 @@
</script>
<style lang="scss" scoped>
- .content-main{
+.checkType{
+ .check-box{
+ .el-radio-group{
+ display: flex;
+ justify-content: space-around;
+ .el-radio{
+ // display: flex;
+ // align-items: center;
+ &.is-checked{
+ background: #ecf5ff;
+ border-color: #b3d8ff;
+ ::v-deep .el-radio__label{
+ color: #333 !important;
+
+ }
+ }
+ height: auto;
+ font-size: 22px !important;
+ padding: 20px 40px !important;
+ ::v-deep .el-radio__label{
+ font-size: 22px !important;
+ padding-left: 0px !important;
+ }
+ ::v-deep .el-radio__input{
+ display: none !important;
+ }
+ }
+ }
+ }
+}
+ .content-main{
width: 100%;
height: 100%;
display: flex;
--
Gitblit v1.9.3