From 13aed698b5e2fbb2b4b96ff27f1b706b740ae640 Mon Sep 17 00:00:00 2001
From: Fixiaobai <fixiaobai@163.com>
Date: 星期四, 12 十月 2023 17:50:29 +0800
Subject: [PATCH] modified: src/components/view/carrierContract.vue modified: src/components/view/shipmentOperate.vue modified: src/components/view/shipmentRequest.vue modified: src/components/view/shipmentTabulation.vue modified: src/view/index.vue
---
src/components/view/shipmentTabulation.vue | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 115 insertions(+), 4 deletions(-)
diff --git a/src/components/view/shipmentTabulation.vue b/src/components/view/shipmentTabulation.vue
index 33d8f6d..ca04f9f 100644
--- a/src/components/view/shipmentTabulation.vue
+++ b/src/components/view/shipmentTabulation.vue
@@ -1,13 +1,124 @@
<template>
- <div>鍙戣揣鍒楄〃</div>
+ <div>
+ <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
+ <el-col>
+ <p style="margin-left: 20px;">鍙戣揣鍒楄〃</p>
+ </el-col>
+ <el-col style="display: flex; justify-content: end;">
+ <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button>
+ <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
+ <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="璁㈠崟鍙�:">
+ <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="瀹㈡埛鍚嶇О:">
+ <el-input size="small" v-model="formInline.custormerName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="閫佽揣鍗曞彿:">
+ <el-input size="small" v-model="formInline.order" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-row>
+ <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
+ <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
+ <el-table ref="inspectionTable" height="100%" :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 label="閫夋嫨" width="60">
+ <template>
+ <el-checkbox>澶囬�夐」</el-checkbox>
+ </template>
+ </el-table-column>
+ <el-table-column prop="order_number" label="璁㈠崟鍙�" min-width="80" />
+ <el-table-column prop="customer_name" label="閫佽揣鍗曞彿" min-width="100" />
+ <el-table-column prop="quality_traceability" label="璁㈠崟鍙�" min-width="110" />
+ <el-table-column prop="material_code" label="瀹㈡埛鍚嶇О" min-width="100" />
+ <el-table-column prop="material" label="浠舵暟" min-width="100" />
+ <el-table-column prop="unit" label="閲嶉噺(鍚�)" min-width="100" />
+ <el-table-column prop="unit" label="杩愯垂(鍏�)" min-width="100" />
+ <el-table-column prop="unit" label="鎵胯繍鍗曚綅" min-width="100" />
+ <el-table-column prop="unit" label="杞︾墝鍙�" min-width="100" />
+ <el-table-column prop="unit" label="鍙告満" min-width="80" />
+ <el-table-column prop="unit" label="鍙告満鐢佃瘽" min-width="100" />
+ <el-table-column prop="unit" label="瑕佹眰鍒拌揣鏃ユ湡" min-width="130" />
+ <el-table-column prop="unit" label="鍙戣揣浜�" min-width="100" />
+ <el-table-column prop="unit" label="鍙戣揣鏃ユ湡" min-width="100" />
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="80">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">鎵撳嵃</el-button>
+ <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-col>
+ <!-- 鍒嗛〉鍣� -->
+ <el-col class="pagination">
+ <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
+ :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </el-col>
+ </el-row>
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ options: [{
+ value: '0',
+ label: '鍏ㄩ儴'
+ }, {
+ value: '1',
+ label: '宸插彂璐�'
+ }, {
+ value: '2',
+ label: '寰呭彂璐�'
+ }],
+ formInline: {
+ name: null,
+ custormerName: null,
+ order: null
+ },
+ pageParams: {
+ pageSize: 0,
+ countSize: 10,
+ total: 10
+ },
+ inspectionTable: []
+ }
+ },
+ methods: {
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ onSubmit() {
+ },
+ handleSizeChange(val) {
+
+ },
+ handleCurrentChange(val) {
+
+ }
+ }
}
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style scoped>
+.pagination {
+ width: 98%;
+ margin-top: 5px;
+ display: flex;
+ justify-content: end;
+}
+</style>>
\ No newline at end of file
--
Gitblit v1.9.3