From 192a6c1536d3f9017343634c17dc300c6fd98ff6 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期三, 02 八月 2023 09:36:23 +0800
Subject: [PATCH] Merge branch 'master' of https://gitee.com/yuanchu_code/frontend-zhongtian-ocean
---
src/components/view/technical.vue | 265 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 265 insertions(+), 0 deletions(-)
diff --git a/src/components/view/technical.vue b/src/components/view/technical.vue
new file mode 100644
index 0000000..69c0446
--- /dev/null
+++ b/src/components/view/technical.vue
@@ -0,0 +1,265 @@
+
+<style scoped>
+ .technical{
+ height: 100%;
+ width: 100%;
+ }
+ .technical .title .el-button {
+ height: 32px;
+ border: 1px solid rgba(190, 190, 190, 0.44);
+ box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
+ padding: 0 12px;
+ }
+
+ .technical .title {
+ margin-bottom: 10px;
+ padding: 0 20px;
+ }
+
+/* 鎼滅储澶撮儴鏍峰紡 */
+.search-header{
+ background: #fff;
+ padding: 24px 32px;
+}
+.search-header .el-form-item{
+ margin: 0px;
+ font-size: 14px;
+}
+.search-header .el-form-item:nth-child(1){
+ margin-right: 48px;
+}
+.search-header .el-form-item:nth-child(2){
+ margin-right: 24px;
+}
+/* 閲嶇疆鍜屾煡璇袱涓寜閽牱寮� */
+.search-header .el-form-item .el-button{
+width: 65px;
+height: 32px;
+box-sizing: border-box;
+background: rgb(255, 255, 255);
+border: 1px solid rgb(217, 217, 217);
+border-radius:2px;
+padding: 0;
+font-size: 14px;
+}
+.search-header .el-form-item .el-button:nth-child(2){
+/* Rectangle 77 */
+background: rgb(0, 78, 162);
+color: #fff;
+}
+/* 杈撳叆妗嗙殑鏍峰紡 */
+>>>.search-header .el-form-item .el-input .el-input__inner{
+width: 224px;
+height: 32px ;
+box-sizing: border-box;
+background: rgb(255, 255, 255);
+border: 1px solid rgb(217, 217, 217);
+border-radius:2px;
+}
+
+
+/* 鎶�鏈枃浠惰〃鏍兼牱寮� */
+.technical-table{
+ margin-top: 11px;
+ height: calc(100% - 140px);
+ background: #fff;
+ padding: 23px 21px ;
+ font-size: 14px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+/* .technical-table .el-table{
+ overflow-y:scroll;
+} */
+.technical-table .table-box {
+ flex: 1;
+ overflow-y: scroll;
+}
+.technical-table .el-pagination{
+ margin-top: 23px;
+ display: flex;
+ justify-content: end;
+}
+</style>
+
+
+<template>
+ <div class="technical">
+ <div class="title">
+ <el-row>
+ <el-col :span="12">鎶�鏈枃浠�</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <el-button icon="el-icon-plus">鐢熸垚椤圭洰涔�</el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="search-header">
+ <el-form v-model="searchData" :inline="true">
+ <el-form-item label="璁㈠崟鍙�:">
+ <el-input v-model="searchData.number"></el-input>
+ </el-form-item>
+ <el-form-item label="涓嬪崟鏃ユ湡:">
+ <el-date-picker
+ v-model="searchData.date"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item>
+ <el-button plain @click="resetBtn">閲� 缃�</el-button>
+ <el-button @click="filteredTableData">鏌� 璇�</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="technical-table">
+ <div class="table-box">
+ <el-table
+ border style="width: 100%"
+ :data="technicalTable"
+ >
+ <el-table-column
+ type="selection"
+ width="78">
+ </el-table-column>
+ <el-table-column
+ prop="date"
+ label="璁㈠崟鍙�"
+ width="124">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="宸ョ▼鍚嶇О"
+ width="160">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="浜у搧缂栫爜"
+ width="168"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="浜у搧澶х被"
+ width="128">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="瑙勬牸鍨嬪彿"
+ width="170">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="鍗曚綅"
+ width="100">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鏁伴噺"
+ width="118"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="涓嬪崟浜�"
+ width="114">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="涓嬪崟鏃ユ湡"
+ width="153"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="浜よ揣鏃ユ湡"
+ width="137">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鐘舵��"
+ width="85"
+ >
+ </el-table-column>
+ <el-table-column
+ fixed="right"
+ label="鎿嶄綔"
+ width="194">
+ <template>
+ <el-button type="text" size="small">鏌ョ湅璇︽儏</el-button>
+ <el-button type="text" size="small">缂栬緫闄勪欢</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+
+ <el-pagination
+ :current-page="1"
+ :page-sizes="[100, 200, 300, 400]"
+ :page-size="100"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="400">
+ </el-pagination>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ searchData:{
+ number:'',
+ date:''
+ },
+ technicalTable: [{
+ date: '2016-05-02',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-04',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-01',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯�'
+ }
+ ]
+ }
+ },
+}
+</script>
--
Gitblit v1.9.3