From 4935da798824442f2e14815376a9153840ed1541 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期三, 02 八月 2023 09:36:10 +0800
Subject: [PATCH] 成品检验静态页面
---
src/components/view/finishedProductInspection.vue | 427 +++++++++++++++++++++++++++++++++++++++++++++++++++++
src/main.js | 2
src/router/index.js | 3
src/view/index.vue | 2
4 files changed, 431 insertions(+), 3 deletions(-)
diff --git a/src/components/view/finishedProductInspection.vue b/src/components/view/finishedProductInspection.vue
new file mode 100644
index 0000000..4b4781f
--- /dev/null
+++ b/src/components/view/finishedProductInspection.vue
@@ -0,0 +1,427 @@
+<template>
+ <div class="content-main">
+ <div v-if="!showAddPage" class="rawPage">
+ <div class="title">
+ <el-row>
+ <el-col :span="12">鎴愬搧妫�楠�</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <el-button @click="handleAddNew" type="primary" icon="el-icon-plus" style="background: #004EA2; ">鏂板</el-button>
+ <el-button icon="el-icon-delete">鍒犻櫎</el-button>
+ <el-button icon="el-icon-download">瀵煎嚭</el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="nav">
+ <span>妫�楠岀粨鏋滐細</span>
+ <el-select v-model="inspectionResult" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ <span>妫�楠屾棩鏈燂細</span>
+ <el-date-picker
+ v-model="inspectionDate"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ style="margin-right: 52px">
+ </el-date-picker>
+ <span>妫�楠屼汉锛�</span>
+ <el-select v-model="inspecter" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ <el-button size="mini"><span>閲� 缃�</span></el-button>
+ <el-button size="mini" type="primary" style="background: #004EA2;"><span>鏌� 璇�</span></el-button>
+ </div>
+ <div class="content-body">
+ <div class="inspectionTable">
+ <el-table
+ ref="inspectionTable"
+ :height="500"
+ :max-height="500"
+ :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="number"
+ label="璁㈠崟鍙�"
+ min-width="100"
+ />
+ <el-table-column
+ prop="username"
+ label="瀹㈡埛鍚嶇О"
+ min-width="100"
+ />
+ <el-table-column
+ prop="projectname"
+ label="宸ョ▼鍚嶇О"
+ min-width="100"
+ />
+ <el-table-column
+ prop="tracenumber"
+ label="璐ㄩ噺杩芥函鍙�"
+ min-width="108"
+ />
+ <el-table-column
+ prop="code"
+ label="浜у搧缂栫爜"
+ min-width="100"
+ />
+ <el-table-column
+ prop="class"
+ label="浜у搧澶х被"
+ min-width="72"
+ />
+ <el-table-column
+ prop="specificationmodel"
+ label="瑙勬牸鍨嬪彿"
+ min-width="110"
+ />
+ <el-table-column
+ prop="unit"
+ label="鍗曚綅"
+ min-width="32"
+ />
+ <el-table-column
+ prop="quantity"
+ label="鏁伴噺"
+ min-width="32"
+ />
+ <el-table-column
+ prop="machine"
+ label="鏈哄彴"
+ min-width="44"
+ />
+ <el-table-column
+ prop="group"
+ label="鐝粍"
+ min-width="38"
+ />
+ <el-table-column
+ prop="worker"
+ label="涓绘満宸�"
+ min-width="50"
+ />
+ <el-table-column
+ prop="date"
+ label="妫�楠屾棩鏈�"
+ min-width="80"
+ />
+ <el-table-column
+ prop="result"
+ label="妫�娴嬬粨鏋�"
+ min-width="30"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="100"
+ >
+ <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>
+ <!-- 鍒嗛〉鍣� -->
+ <div class="pagination">
+ <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 v-if="showAddPage">
+ <!-- 鏂板椤甸潰 -->
+ <div class="newPage">
+ <div class="addInspection">
+ <el-row class="header">
+ <el-col :span="12">鏂板鎴愬搧妫�楠屽崟</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <!-- 鐐瑰嚮杩斿洖锛屽綋鍓嶉〉闈㈠�间负false -->
+ <el-button @click="showAddPage = false" type="primary" icon="el-icon-back" style="background: #004EA2; ">杩斿洖</el-button>
+ </el-col>
+ </el-row>
+ <el-form :model="addInspectionform" ref="addInspectionform" class="addInspectionform" label-position="left" label-width="100px" size="mini" >
+ <div class="formwrapper">
+ <el-row :gutter="450">
+ <el-col :span="5">
+ <el-form-item label="璁㈠崟鍙凤細">
+ <el-input style="width: 180px;" v-model="addInspectionform.number" placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="瀹㈡埛鍚嶇О锛�">
+ <el-input style="width: 180px;" v-model="addInspectionform.username" placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="宸ョ▼鍚嶇О锛�">
+ <el-input style="width: 180px;" v-model="addInspectionform.projectname" placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="450">
+ <el-col :span="5">
+ <el-form-item label="璐ㄩ噺杩芥函鍙凤細" >
+ <el-input style="width: 180px;" v-model="addInspectionform.tracenumber" placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="浜у搧缂栫爜锛�">
+ <el-input style="width: 180px;" v-model="addInspectionform.code" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" /> </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="浜у搧鍚嶇О锛�">
+ <el-select style="width: 180px;" v-model="addInspectionform.class" size="small" placeholder="璇烽�夋嫨浜у搧澶х被">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="450">
+ <el-col :span="5">
+ <el-form-item label="瑙勬牸鍨嬪彿锛�" >
+ <el-select style="width: 180px;" v-model="addInspectionform.specificationmodel" size="small" placeholder="璇烽�夋嫨瑙勬牸鍨嬪彿">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="鍗曚綅锛�" >
+ <el-select style="width: 180px;" v-model="addInspectionform.unit" size="small" placeholder="璇烽�夋嫨鍗曚綅">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="鏁伴噺锛�">
+ <el-input style="width: 180px;" v-model="addInspectionform.quantity" placeholder="璇疯緭鍏ユ暟閲�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="450">
+ <!-- <el-col :span="5">
+ <el-form-item label="鐝粍锛�" >
+ <el-select style="width: 180px;" v-model="addInspectionform.group" size="small" placeholder="璇烽�夋嫨鐝粍">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select> </el-form-item>
+ </el-col> -->
+ <el-col :span="5">
+ <el-form-item label="涓绘満宸ワ細" >
+ <el-select style="width: 180px;" v-model="addInspectionform.worker" size="small" placeholder="璇烽�夋嫨涓绘満宸�">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="鏈哄彴锛�" >
+ <el-select style="width: 180px;" v-model="addInspectionform.machine" size="small" placeholder="璇烽�夋嫨浜у搧鏈哄彴">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ </el-form>
+ </div>
+ <div class="inspectionProject">
+ <span>妫�楠岄」鐩�</span>
+ <el-table :data="inspectionItems" style="width: 100%">
+ <el-table-column type="index" label="搴忓彿" width="60"></el-table-column>
+ <el-table-column prop="project" label="椤圭洰"></el-table-column>
+ <el-table-column prop="unit" label="鍗曚綅"></el-table-column>
+ <el-table-column prop="standardVal" label="鏍囧噯鍊�"></el-table-column>
+ <el-table-column prop="controlVal" label="鍐呮祴鍊�"></el-table-column>
+ <el-table-column prop="detectionVal" label="妫�楠屽��"></el-table-column>
+ <el-table-column prop="device" label="璇曢獙璁惧">
+ <template slot-scope="scope">
+ {{ scope.row.device }}
+ <el-select v-model="scope.row.device" size="small" slot="append" style="width: 100px;">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column prop="conclusion" label="缁撹"></el-table-column>
+ </el-table>
+ </div>
+ <div class="inspectionResult">
+ <span>妫�娴嬬粨鏋�</span>
+ <el-table :data="inspectionResultForm" style="width: 100%">
+ <el-table-column prop="id" label="鐗╂枡缂栧彿"></el-table-column>
+ <el-table-column prop="name" label="鐗╂枡鍚嶇О"></el-table-column>
+ <el-table-column prop="inspecter" label="妫�楠屽憳"></el-table-column>
+ <el-table-column prop="conclusion" label="妫�楠岀粨璁�"></el-table-column>
+ <el-table-column prop="operation" label="涓婃姤"></el-table-column>
+ </el-table>
+ </div>
+ </div>
+
+ </div>
+ </div>
+</template>
+
+
+<script>
+export default {
+ data(){
+ return {
+ inspectionResult: '',
+ inspectionDate: '',
+ inspecter: '',
+ inspectionTable:[{
+ number: '8540395029753',
+ username: 'jack',
+ projectname: '甯冮殕杩�',
+ tracenumber: '826403164021',
+ code: 'C-982164',
+ class: '鎴愬搧',
+ specificationmodel: '8.8/15kV JLS-3.2',
+ unit: '鍚�',
+ quantity: '15',
+ machine: '鎷夐椄鏈�',
+ group: '1缁�',
+ worker: '榛勫皬鏄�',
+ date: '2023-08-01',
+ result: '鍚堟牸',
+ operation: ''
+ },{
+ number: '2497320327652',
+ username: 'rose',
+ projectname: '甯冮殕杩�',
+ tracenumber: '826403164021',
+ code: 'C-24114',
+ class: '鎴愬搧',
+ specificationmodel: '8.6/15kV JAD-3.2',
+ unit: '鍚�',
+ quantity: '43',
+ machine: '鎷夐椄鏈�',
+ group: '1缁�',
+ worker: '榛勫皬鏄�',
+ date: '2023-08-01',
+ result: '鍚堟牸',
+ operation: ''
+ }],
+ currentPage: 1, // 褰撳墠椤电爜
+ pageSize: 100,
+ showAddPage: false,
+ addInspectionform: [{
+ number: '',
+ username: '',
+ projectname: '',
+ tracenumber: '',
+ code: '',
+ class: '',
+ specificationmodel: '',
+ unit: '',
+ quantity: '',
+ group: '',
+ worker: '',
+ machine: ''
+ }],
+ inspectionItems:[{
+ project:'甯冮殕杩�',
+ unit:'鍚�',
+ standardVal: '8219384314',
+ controlVal:'9823401',
+ detectionVal:'11111',
+ device:'',
+ conclusion:'鍚堟牸'
+ }],
+ inspectionResultForm:[{
+ id:'',
+ name:'',
+ inspecter:'',
+ conclusion:'',
+ operation:''
+ }]
+ }
+ },
+ methods:{
+ // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉)
+ this.currentPage = 1
+ this.pageSize = val
+ },
+ // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`)
+ this.currentPage = val
+ },
+ handleAddNew(){
+ this.showAddPage=true
+ }
+ }
+
+}
+</script>
+
+<style>
+.title{
+ padding: 12px;
+
+}
+.nav{
+ display: flex;
+ padding: 12px 12px;
+ align-items: center;
+ background-color: #fff;
+}
+.nav *{
+ font-size: 14px;
+}
+.content-body{
+ background-color: #fff;
+}
+.inspectionTable{
+ padding: 20px 20px;
+}
+.pagination{
+ float: right;
+ margin-right: 20px;
+}
+.newPage{
+ height: 100px;
+}
+.header{
+ padding: 12px;
+}
+.addInspectionform{
+ background-color: #fff;
+}
+.addInspectionform .formwrapper{
+ padding: 20px 0px;
+ margin-left: 100px;
+}
+.inspectionProject span{
+ display: block;
+ padding: 5px 0px;
+}
+.inspectionProject .el-table{
+ background-color: #fff;
+ padding: 20px 12px;
+}
+.inspectionResult span{
+ display: block;
+ padding: 5px 0px;
+}
+.inspectionResult .el-table{
+ background-color: #fff;
+ padding: 20px 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 24c069b..123cd67 100644
--- a/src/main.js
+++ b/src/main.js
@@ -20,7 +20,7 @@
Vue.use(qs);
Vue.use(api);
-const javaApi = 'http://localhost:8001/'
+const javaApi = 'http://192.168.110.167:8001/'
axios.defaults.baseURL = javaApi
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
diff --git a/src/router/index.js b/src/router/index.js
index b869e6b..bbe8927 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -18,7 +18,8 @@
routes: [{
path: "/",
component: Index
- }, {
+ },
+ {
path: "/enter",
component: () => import("../view/enter.vue")
}]
diff --git a/src/view/index.vue b/src/view/index.vue
index 15c476a..506eed6 100644
--- a/src/view/index.vue
+++ b/src/view/index.vue
@@ -307,7 +307,7 @@
k: 6,
v: "鎴愬搧妫�楠�",
i: "font icon-shouye",
- u: ""
+ u: "finishedProductInspection"
}, {
k: 7,
v: "涓嶅悎鏍煎搧绠＄悊",
--
Gitblit v1.9.3