From 3e3ccca3d6c00f18d5e69a6ae0f2e7a9607d491a Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期四, 09 一月 2025 09:18:34 +0800
Subject: [PATCH] ..
---
src/component/detailInfo.vue | 232 +++++++++++----------------------------------------------
1 files changed, 47 insertions(+), 185 deletions(-)
diff --git a/src/component/detailInfo.vue b/src/component/detailInfo.vue
index 007b65c..98c493b 100644
--- a/src/component/detailInfo.vue
+++ b/src/component/detailInfo.vue
@@ -1,178 +1,66 @@
<template>
<div class="contanier">
- <el-form ref="form" :model="form" label-width="80px">
- <!-- card-one -->
- <div class="box-cardes bgWhite">
- <div class="flex">
- <el-form-item label="" class="label1" prop="clientOrder" label-width="0">
- <div class="flex a-center">
- <div class="box9 ">
- <div class="box_text1">基础运费：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label2" prop="product" label-width="0px">
- <div class="flex a-center">
- <div class="box1">
- <div class="box_text1">Chassis：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label3" prop="QTY" label-width="0px">
- <div class="flex a-center">
- <div class="box3">
- <div class="box_text1">Chassis Split：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
- <el-form-item label="" class="label4" prop="QTYUnit" label-width="0">
- <div class="flex a-center">
- <div class="box2">
- <div class="box_text1">SOC Fee：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
- </div>
- <div class="flex">
- <el-form-item label="" class="label1" prop="weight" label-width="0px">
- <div class="flex a-center">
- <div class="box9">
- <div class="box_text1">PrePull：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label2" prop="poundWeight" label-width="0px">
- <div class="flex a-center">
- <div class="box1">
- <div class="box_text1">码头小费：</div>
- </div>
- <el-input v-model="form.poundWeight" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label3" prop="volume" label-width="0px">
- <div class="flex a-center">
- <div class="box3">
- <div class="box_text1">OW fee：</div>
- </div>
- <el-input v-model="form.volume" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label4" prop="QTYUnit" label-width="0">
- <div class="flex a-center">
- <div class="box2">
- <div class="box_text1">待时费：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
- </div>
- <div class="flex">
- <el-form-item label="" class="label1" prop="weight" label-width="0px">
- <div class="flex a-center">
- <div class="box9">
- <div class="box_text1">Storage：</div>
- </div>
- <el-input v-model="form.clientOrder" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
- </el-input>
- </div>
- </el-form-item>
-
- <el-form-item label="" class="label2" prop="poundWeight" label-width="0px">
- <div class="flex a-center">
- <div class="box1">
- <div class="box_text1">Storage 免费时长：</div>
- </div>
- <el-input v-model="form.poundWeight" placeholder="请输入">
- <div style="line-height: 50px;padding-right: 14px;" slot="suffix">小时</div>
- </el-input>
- </div>
- </el-form-item>
- </div>
+ <!-- card-two -->
+ <el-card class="box-card mt-13">
+ <div slot="header" class="clearfix">
+ <span class="clearfix_text">其他费用</span>
</div>
- <!-- card-two -->
- <el-card class="box-card mt-13">
- <div slot="header" class="clearfix">
- <span class="clearfix_text">其他费用</span>
- </div>
- <div class="box-cardes">
- <div class="flex">
- <div class="table-box">
- <el-table :data="tableData" style="width: 100%" border>
- <el-table-column prop="orderld" label="序号" align="center">
- </el-table-column>
- <el-table-column prop="container" label="费用名称" align="center">
- </el-table-column>
- <el-table-column prop="bol" label="费用金额" align="center">
- </el-table-column>
- <el-table-column prop="post" label="备注" align="center">
- </el-table-column>
- </el-table>
+ <div class="box-cardes">
+ <div class="flex">
+ <div class="table-box">
+ <el-table :data="tableData" style="width: 100%" border>
+ <el-table-column prop="orderld" label="序号" align="center">
+ </el-table-column>
+ <el-table-column prop="container" label="费用名称" align="center">
+ </el-table-column>
+ <el-table-column prop="bol" label="费用金额" align="center">
+ </el-table-column>
+ <el-table-column prop="post" label="备注" align="center">
+ </el-table-column>
+ </el-table>
- <!-- <div class="text-right pagination-card">
+ <!-- <div class="text-right pagination-card">
<el-pagination background :page-size="pagination.pageSize" layout="slot,prev,pager,next"
:current-page="pagination.pageNum" @current-change="handleCurrentChange"
@size-change="handleSizeChange" :total="pagination.total">
<span class="total-num">共{{ pagination.total }}条记录</span>
</el-pagination>
</div> -->
- </div>
</div>
</div>
- </el-card>
- <!-- card-three -->
- <el-card class="box-card mt-13">
- <div slot="header" class="clearfix">
- <span class="clearfix_text">备注说明</span>
- </div>
- <div class="box-cardes">
- <div class="flex">
- <div class="box33">
- <div class="box_text1">备注：</div>
- </div>
- <el-input type="textarea" v-model="form.poundWeight" placeholder="请输入不超过200字备注">
- </el-input>
- </div>
- </div>
-
- </el-card>
- <div class="btn">
- <div class="btn_close">关闭</div>
</div>
- </el-form>
+ </el-card>
+ <!-- card-three -->
+ <el-card class="box-card mt-13">
+ <div slot="header" class="clearfix">
+ <span class="clearfix_text">备注说明</span>
+ </div>
+ <div class="box-cardes">
+ <div class="flex">
+ <div class="box33">
+ <div class="box_text1">备注：</div>
+ </div>
+ <el-input type="textarea" v-model="form.poundWeight" placeholder="请输入不超过200字备注">
+ </el-input>
+ </div>
+ </div>
+
+ </el-card>
+ <div class="btn">
+ <div class="btn_close">关闭</div>
+ </div>
</div>
</template>
<script>
export default {
-
-
+ props: {
+ id: {
+ type: Number,
+ default: () => 0
+ }
+ },
+
data() {
return {
form: {
@@ -208,37 +96,11 @@
specialRequest: '',//特殊要求
remark: '',//备注
},
- tableData:[],
+ tableData: [],
};
},
methods: {
- onEditorBlur(quill) {
- console.log("editor blur!", quill);
- },
- onEditorFocus(quill) {
- console.log("editor focus!", quill);
- },
- onEditorReady(quill) {
- console.log("editor ready!", quill);
- },
- onEditorChange({ quill, html, text }) {
- console.log("editor change!", quill, html, text);
- this.content = html;
- },
-
- submitForm(formName) {
- this.$refs[formName].validate((valid) => {
- console.log(valid, '----');
-
- if (valid) {
- alert("submit!");
- } else {
- console.log("error submit!!");
- return false;
- }
- });
- },
},
};
</script>
@@ -441,7 +303,7 @@
.contanier {
background: #ededf3;
- padding: 13px 35px 23px 35px;
+ // padding: 13px 35px 23px 35px;
}
.mt-13 {
--
Gitblit v1.7.1