From c63cd2cf908f850e1005b8bccb7df6d4c1eefc0b Mon Sep 17 00:00:00 2001
From: 13451728018 <miaojun@sz-bls.com.cn>
Date: Mon, 13 Nov 2023 15:27:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E4=BB=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/quotation/quotationHeader.js          |  43 ++
 src/api/quotation/quotationInformation.js     |   7 +
 .../quotationCustomerContact.vue              |  13 +
 .../quotationCustomerInformation.vue          |  14 +
 .../sellForQuotation/quotationDetail.vue      | 707 ++++++++++++++++++
 .../quotationExamineAndApprove.vue            |  14 +
 .../quotationProjectInformation.vue           |  14 +
 .../modules/quotation/sellForQuotation.vue    | 686 +++++++++++++++++
 8 files changed, 1498 insertions(+)
 create mode 100644 src/api/quotation/quotationHeader.js
 create mode 100644 src/components/quotation/sellForQuotation/quotationCustomerContact.vue
 create mode 100644 src/components/quotation/sellForQuotation/quotationCustomerInformation.vue
 create mode 100644 src/components/quotation/sellForQuotation/quotationDetail.vue
 create mode 100644 src/components/quotation/sellForQuotation/quotationExamineAndApprove.vue
 create mode 100644 src/components/quotation/sellForQuotation/quotationProjectInformation.vue
 create mode 100644 src/views/modules/quotation/sellForQuotation.vue

diff --git a/src/api/quotation/quotationHeader.js b/src/api/quotation/quotationHeader.js
new file mode 100644
index 0000000..bd43388
--- /dev/null
+++ b/src/api/quotation/quotationHeader.js
@@ -0,0 +1,43 @@
+import { createAPI } from "@/utils/httpRequest.js";
+import {data} from "autoprefixer";
+
+/**
+ * 报价信息列表查询 QuotationHeader
+ * @param data
+ * @returns {*}
+ */
+export const getQuotationHeaderByPage = (data) => createAPI(`/plm/quotationHeader/getQuotationHeaderByPage`,'get',data);
+
+/**
+ * 新增报价信息 QuotationHeader
+ * @param data
+ * @returns {*}
+ */
+export const insertQuotationHeader = (data) => createAPI('/plm/quotationHeader/insertQuotationHeader','post',data);
+
+/**
+ * 查询 报价工具列表 page
+ * @param data  请求参数
+ * @returns {*}
+ */
+export const searchQuotationTool = (data) => createAPI('/plm/quotationTool/page','get',data);
+
+/**
+ * 新增报价工具 记录
+ * @param data 请求携带参数
+ * @returns {*}
+ */
+export const insertQuotationTool = (data) => createAPI('/plm/quotation','post',data);
+
+/**
+ * 分页查询QuotationDetail
+ * @param data
+ * @returns {*}
+ */
+export const searchQuotationDetailPageByHeaderId = (data) => createAPI('/plm/quotationDetail/searchQuotationDetailPageByHeaderId','get',data);
+/**
+ * 新增QuotationDetail
+ * @param data
+ * @returns {*}
+ */
+export const insertQuotationDetail = (data) => createAPI('/plm/quotationDetail/insertQuotationDetail','post',data);
diff --git a/src/api/quotation/quotationInformation.js b/src/api/quotation/quotationInformation.js
index d8aba2a..2d021aa 100644
--- a/src/api/quotation/quotationInformation.js
+++ b/src/api/quotation/quotationInformation.js
@@ -1,4 +1,5 @@
 import { createAPI } from "@/utils/httpRequest.js";
+import {data} from "autoprefixer";
 
 /**
  * 报价信息列表查询
@@ -108,3 +109,9 @@ export const batchDeleteQuotationFile = data => createAPI(`/plm/quotationInforma
  * @returns {*}
  */
 export const closeModalDeleteFile = data => createAPI(`/plm/quotationInformation/closeModalDeleteFile`,'post',data)
+/**
+ * 通过询价单编号查询询价单信息
+ * @param data
+ * @returns {*}
+ */
+export const searchQuotationByQuotationNo = data => createAPI(`/plm/quotationInformation/searchQuotationByQuotationNo`,'get',data)
diff --git a/src/components/quotation/sellForQuotation/quotationCustomerContact.vue b/src/components/quotation/sellForQuotation/quotationCustomerContact.vue
new file mode 100644
index 0000000..536cff9
--- /dev/null
+++ b/src/components/quotation/sellForQuotation/quotationCustomerContact.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="mode-config">
+    <h2>客户联系人</h2>
+  </div>
+</template>
+<script>
+export default {
+  name: "quotationCustomerContact"
+}
+</script>
+<style scoped>
+
+</style>
diff --git a/src/components/quotation/sellForQuotation/quotationCustomerInformation.vue b/src/components/quotation/sellForQuotation/quotationCustomerInformation.vue
new file mode 100644
index 0000000..d616231
--- /dev/null
+++ b/src/components/quotation/sellForQuotation/quotationCustomerInformation.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="mode-config">
+    <h2>客户信息</h2>
+  </div>
+</template>
+<script>
+export default {
+  name: "quotationCustomerInformation"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/quotation/sellForQuotation/quotationDetail.vue b/src/components/quotation/sellForQuotation/quotationDetail.vue
new file mode 100644
index 0000000..8928604
--- /dev/null
+++ b/src/components/quotation/sellForQuotation/quotationDetail.vue
@@ -0,0 +1,707 @@
+<template>
+  <div class="mode-config">
+    <el-row>
+      <el-col :span="24">
+        <el-button type="primary" @click="quotationLeadIntoDetailFlag = true">从询价单导入明细</el-button>
+        <el-button type="primary" @click="quotationDetailFlag = true">新增报价明细</el-button>
+        <el-button type="primary">从历史报价明细导入</el-button>
+      </el-col>
+      <el-col :span="24" style="margin-top: 10px">
+        <el-table :data="tableData" height="250px" stripe border :header-cell-style="{background:'rgba(23,179,163)',color:'#fff'}">
+          <el-table-column
+            label="操作"
+            fixed
+            width="60" align="center">
+            <template slot-scope="scope">
+              <el-button type="text" style="padding: 0px 10px" size="small">下达</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="序号"
+            width="80"
+            align="center"
+            prop="itemNo">
+          </el-table-column>
+          <el-table-column
+            label="产品编码" prop="productNo"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="产品名称" prop="productDesc"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="报价数量" prop="quotationDetailQuantity"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column label="计算后成本" align="center">
+            <el-table-column
+              label="材料成本" prop="computePartCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="机器成本" prop="computeMachineCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="人工成本" prop="computeLabourCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="制造费用" prop="computeFabricateCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="工具成本" prop="computeToolCost"
+              width="80" align="center">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column label="调整后成本" align="center">
+            <el-table-column
+              label="材料成本" prop="adjustPartCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="机器成本" prop="adjustMachineCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="人工成本" prop="adjustLabourCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="制造费用" prop="adjustFabricateCost"
+              width="80" align="center">
+            </el-table-column>
+            <el-table-column
+              label="工具成本" prop="adjustToolCost"
+              width="80" align="center">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+            label="其他成本" prop="detailOtherCost"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="管理成本" prop="detailManageCost"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="总成本" prop="detailTotalCost"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="利润率" prop="detailProfitRate"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="利润额" prop="detailProfitAmount"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="系统计算金额" prop="systemComputeAmount"
+            width="90" align="center">
+          </el-table-column>
+          <el-table-column
+            label="系统计算价格" prop="systemComputePrice"
+            width="90" align="center">
+          </el-table-column>
+          <el-table-column
+            label="最终未税价格" prop="finalUntaxedPrice"
+            width="90" align="center">
+          </el-table-column>
+          <el-table-column
+            label="最终含税价格" prop="finalTaxedPrice"
+            width="90" align="center">
+          </el-table-column>
+          <el-table-column
+            label="状态" prop="quotationDetailStatus"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="备注" prop="remark"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="询价单序号" prop="internalInnquiryNo"
+            width="80" align="center">
+          </el-table-column>
+          <el-table-column
+            label="报价次数" prop="quotationDetailCount"
+            width="80" align="center">
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :span="24">
+        <el-pagination style="margin-top: 0px"
+                       @size-change="detailSizeChange"
+                       @current-change="detailCurrentChange"
+                       :current-page="no"
+                       :page-sizes="[20, 50, 100, 200, 500]"
+                       :page-size="size"
+                       :total="total"
+                       layout="total,sizes, prev, pager, next, jumper">
+        </el-pagination>
+      </el-col>
+    </el-row>
+
+    <!--新增报价明细-->
+    <el-dialog :visible.sync="quotationLeadIntoDetailFlag" title="新增报价明细" width="30%">
+      <el-form :model="insertQuotationDetailData" label-width="80px" label-position="top" :inline="true">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="产品编码" style="width: 47%">
+              <el-input />
+            </el-form-item>
+            <el-form-item label="产品名称" style="width: 47%">
+              <el-input />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="报价数量" style="width: 47%">
+              <el-input />
+            </el-form-item>
+            <el-form-item label="内部询价单号" style="width: 47%">
+              <el-input />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="状态" style="width: 47%">
+              <el-select style="width: 100%" clearable placeholder="请选择"  value="草稿">
+                <el-option label="草稿" value="草稿"></el-option>
+                <el-option label="下达" value="下达"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="序号" style="width: 47%">
+              <el-input />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="" style="width: 47%">
+              <el-checkbox v-model="insertQuotationDetailData.flag">保存进入报价界面</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" style="display: block;height: 60px">
+              <el-input type="textarea" :autosize="{minRows: 1, maxRows: 3}"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="margin-top: 20px">
+        <el-button @click="quotationLeadIntoDetailFlag = false">关 闭</el-button>
+        <el-button type="primary" @click="quotationLeadIntoDetailFlag = false">保 存</el-button>
+      </div>
+    </el-dialog>
+
+    <!--新增-->
+    <el-dialog @close="closeInsertDialog" :visible.sync="quotationDetailFlag" width="60%" top="2vh">
+      <el-form :rules="quotationDetailRules" ref="quotationDetailForm" :model="insertQuotationDetailData" label-width="80px" label-position="top" :inline="true">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="产品编码" prop="productNo">
+              <el-input clearable v-model="quotationDetailData.productNo" />
+            </el-form-item>
+            <el-form-item label="产品名称" prop="productDesc">
+              <el-input clearable v-model="quotationDetailData.productDesc"/>
+            </el-form-item>
+            <el-form-item label="报价数量" prop="quotationDetailQuantity">
+              <el-input clearable v-model="quotationDetailData.quotationDetailQuantity"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="内部询价单号" prop="internalInnquiryNo">
+              <el-input clearable v-model="quotationDetailData.internalInnquiryNo"/>
+            </el-form-item>
+            <el-form-item label="状态" prop="quotationDetailStatus">
+              <el-select v-model="quotationDetailData.quotationDetailStatus" style="width: 100%" clearable placeholder="请选择"  value="草稿">
+                <el-option label="草稿" value="草稿"></el-option>
+                <el-option label="下达" value="下达"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="序号" prop="itemNo">
+              <el-input clearable v-model="quotationDetailData.itemNo"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" style="display: block;height: 60px;width: 60%">
+              <el-input type="textarea" v-model="quotationDetailData.remark" :autosize="{minRows: 1, maxRows: 1}" style="height: 60px"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-tabs v-model="activeName" style="height: 505px" border stripe>
+        <el-tab-pane name="index" label="材料">
+          <el-button type="primary">新 增</el-button>
+          <el-button type="primary">从其他报价单复制</el-button>
+          <el-table style="margin-top: 5px" :data="materialDataList" height="400">
+            <el-table-column label="操作" width="120" align="center">
+              <template slot-scope="scope">
+                <el-link style="cursor: pointer">编辑</el-link>
+                <el-link style="cursor: pointer">删除</el-link>
+              </template>
+            </el-table-column>
+            <el-table-column type="index" width="50" align="center" label="序号"/>
+            <el-table-column label="材料编码" align="center"/>
+            <el-table-column label="材料名称" align="center"/>
+            <el-table-column label="计量单位" align="center"/>
+            <el-table-column label="单位用量" align="center"/>
+            <el-table-column label="损耗率" align="center"/>
+            <el-table-column label="调机用量" align="center"/>
+            <el-table-column label="单位成本" align="center"/>
+            <el-table-column label="备注" align="center"/>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="工艺">
+          <el-button type="primary">新 增</el-button>
+          <el-button type="primary">从其他报价单复制</el-button>
+          <el-table style="margin-top: 5px" :data="materialDataList" height="400">
+            <el-table-column label="操作" width="120" align="center" >
+              <template slot-scope="scope">
+                <el-link style="cursor: pointer">编辑</el-link>
+                <el-link style="cursor: pointer">删除</el-link>
+              </template>
+            </el-table-column>
+            <el-table-column type="index" width="50" align="center" label="序号"/>
+            <el-table-column align="center" label="工序名称"/>
+            <el-table-column align="center" label="加工中心编码" width="120"/>
+            <el-table-column label="加工中心名称" align="center" width="120"/>
+            <el-table-column label="加工中心类别" align="center" width="120"/>
+            <el-table-column label="调机时间" align="center" width="60"/>
+            <el-table-column label="单位产出量" align="center" width="120"/>
+            <el-table-column label="产出单位" align="center" width="80"/>
+            <el-table-column label="效率" align="center" width="60"/>
+            <el-table-column label="操作工人数" align="center" width="120"/>
+            <el-table-column label="单位机械成本" align="center" width="120"/>
+            <el-table-column label="单位人工成本" align="center" width="120"/>
+            <el-table-column label="单位制造费用" align="center" width="120"/>
+            <el-table-column label="单位报价成本" align="center" width="80"/>
+            <el-table-column label="备注" align="center"/>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="工具">
+          <el-button type="primary" @click="insertQuotationToolFlag = true">新 增</el-button>
+          <el-button type="primary">从其他报价单复制</el-button>
+          <el-table style="margin-top: 5px" :data="quotationToolList" height="400">
+            <el-table-column label="操作" width="120" align="center">
+              <template slot-scope="scope">
+                <el-link style="cursor: pointer">编辑</el-link>
+                <el-link style="cursor: pointer">删除</el-link>
+              </template>
+            </el-table-column>
+            <el-table-column type="index" width="50" align="center" label="序号"/>
+            <el-table-column label="工具编码" align="center"/>
+            <el-table-column label="工具描述" align="center"/>
+            <el-table-column label="工具数量" align="center"/>
+            <el-table-column label="单位成本" align="center"/>
+            <el-table-column label="预计使用寿命" align="center"/>
+            <el-table-column label="备注" align="center"/>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="成品属性">
+
+        </el-tab-pane>
+        <el-tab-pane label="成本&价格">
+          <el-button type="primary">计 算</el-button>
+            <!--系统自动计算结果-->
+            <fieldset style="height:80px;margin-top: 2px;border-color: rgb(255,255,255);">
+              <legend>系统自动计算结果(料工费/工具)</legend>
+              <el-form :inline="true" label-position="top" label-width="120px">
+                <el-row>
+                  <el-col :span="4">
+                    <el-form-item label="材料成本:" prop="computePartCost">
+                      <el-input v-model="quotationDetailData.computePartCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="机器成本:" prop="computeMachineCost">
+                      <el-input v-model="quotationDetailData.computeMachineCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="制造费用成本:" prop="computeFabricateCost">
+                      <el-input v-model="quotationDetailData.computeFabricateCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="人工成本:" prop="computeLabourCost">
+                      <el-input v-model="quotationDetailData.computeLabourCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="工具成本:" prop="computeToolCost">
+                      <el-input v-model="quotationDetailData.computeToolCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </fieldset>
+            <!--调整后成本-->
+            <fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);">
+              <legend>调整后成本(料工费/工具)</legend>
+              <el-form :rules="rules" ref="priceForm1" :model="quotationDetailData" :inline="true" label-position="top" label-width="120px">
+                <el-row>
+                  <el-col :span="4">
+                    <el-form-item label="材料成本:" prop="adjustPartCost">
+                      <el-input v-model="quotationDetailData.adjustPartCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="机器成本:" prop="adjustMachineCost">
+                      <el-input v-model="quotationDetailData.adjustMachineCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="制造费用成本:" prop="adjustFabricateCost">
+                      <el-input v-model="quotationDetailData.adjustFabricateCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item  label="人工成本:" prop="adjustLabourCost">
+                      <el-input v-model="quotationDetailData.adjustLabourCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="工具成本:" prop="adjustToolCost">
+                      <el-input v-model="quotationDetailData.adjustToolCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </fieldset>
+            <!--其他成本-->
+            <fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);">
+              <legend>其他成本</legend>
+              <el-form :rules="rules" ref="priceForm2" :model="quotationDetailData" :inline="true" label-position="top" label-width="120px">
+                <el-row>
+                  <el-col :span="4">
+                    <el-form-item label="管理成本:" prop="detailManageCost">
+                      <el-input v-model="quotationDetailData.detailManageCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="其他成本:" prop="detailOtherCost">
+                      <el-input v-model="quotationDetailData.detailOtherCost" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="总成本:" prop="detailTotalCost">
+                      <el-input v-model="quotationDetailData.detailTotalCost" disabled/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </fieldset>
+            <!--利润-->
+            <fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);">
+              <legend>利润</legend>
+              <el-form :rules="rules" ref="priceForm3" :model="quotationDetailData" :inline="true" label-position="top" label-width="120px">
+                <el-row>
+                  <el-col :span="4">
+                    <el-form-item label="利润率%:" prop="detailProfitRate">
+                      <el-input v-model="quotationDetailData.detailProfitRate" />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="利润额:" prop="detailProfitAmount">
+                      <el-input v-model="quotationDetailData.detailProfitAmount" disabled/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </fieldset>
+            <!--最终单位价格-->
+            <fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);">
+              <legend>最终单位价格</legend>
+              <el-form :rules="rules" ref="priceForm4" :model="quotationDetailData" :inline="true" label-position="top" label-width="120px">
+                <el-row>
+                  <el-col :span="4">
+                    <el-form-item label="系统计算总金额:" prop="systemComputeAmount">
+                      <el-input v-model="quotationDetailData.systemComputeAmount" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="系统计算价格:" prop="systemComputePrice">
+                      <el-input v-model="quotationDetailData.systemComputePrice" disabled/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="最终去税价格:" prop="finalUntaxedPrice">
+                      <el-input v-model="quotationDetailData.finalUntaxedPrice" clearable/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" :offset="1">
+                    <el-form-item label="最终含税价格:" prop="finalTaxedPrice">
+                      <el-input v-model="quotationDetailData.finalTaxedPrice" disabled/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </fieldset>
+        </el-tab-pane>
+      </el-tabs>
+      <span slot="footer" class="dialog-footer" style="margin-top: 5px">
+        <el-button @click=" quotationDetailFlag= false">取 消</el-button>
+        <el-button type="primary" @click="quotationDetailFlag = false">确 定</el-button>
+      </span>
+    </el-dialog>
+
+    <!--quotationTool新增-->
+    <el-dialog @close="closeQuotationToolDialog" title="新增报价工具" :visible.sync="insertQuotationToolFlag" width="40%" top="10vh">
+      <el-form :rules="quotationToolRules" ref="quotationToolForm" :model="quotationTool" label-position="top" style="height: 260px">
+        <el-row>
+          <el-col span="10">
+            <el-form-item label="工具编码" prop="toolNo">
+              <el-input v-model="quotationTool.toolNo" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col span="10" offset="2">
+            <el-form-item label="工具描述" prop="toolDescription">
+              <el-input v-model="quotationTool.toolDescription" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col span="10">
+            <el-form-item label="工具数量" prop="toolQuantity">
+              <el-input v-model="quotationTool.toolQuantity" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col span="10" offset="2">
+            <el-form-item label="单位成本" prop="unitCost">
+              <el-input v-model="quotationTool.unitCost" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10">
+            <el-form-item label="预计使用寿命" prop="expectedServiceLife">
+              <el-input v-model="quotationTool.expectedServiceLife" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" offset="2">
+            <el-form-item label="序号" prop="itemNo">
+              <el-input v-model="quotationTool.itemNo" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="quotationTool.remark" type="textarea" :rows="2" style="max-height: 60px;min-height: 30px;width: 93%"/>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer" style="margin-top: 5px">
+        <el-button @click=" insertQuotationToolFlag= false">取 消</el-button>
+        <el-button type="primary" @click="insertQuotationToolFlag = false">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  insertQuotationTool,
+  searchQuotationTool,
+  searchQuotationDetailPageByHeaderId,
+  insertQuotationDetail,
+} from '@/api/quotation/quotationHeader.js';
+export default {
+  props:['quotationHeader'],
+  name: "quotationDetail",
+  data(){
+    return{
+      quotation:undefined,// 对象
+      tableData:[],// 表格数据
+      quotationToolList:[],//报价记录集合
+      // 分页参数
+      no:1,//当前页
+      size:20,//每页条数
+      total:0,//总条数
+      // 拟态框
+      quotationDetailFlag:false,
+      quotationLeadIntoDetailFlag:false,
+      insertQuotationToolFlag:false,
+      //新增 报价详情数据
+      insertQuotationDetailData:{
+        flag:false,
+      },
+      activeName:"index",//选择的标签页
+      materialDataList:[{id:1}],// 材料对象集合
+      quotationTool:{//报价工具对象
+        site:this.$store.state.user.site,
+        toolNo:"",
+        itemNo:undefined,
+        toolDescription:"",
+        toolQuantity:undefined,
+        unitCost:undefined,
+        expectedServiceLife:undefined,
+        remark:"",
+      },
+      quotationDetailData:{//详情对象
+        site:this.$store.state.user.site,// 工厂编号
+        productNo:undefined,//产品编码
+        productDesc:undefined,//产品名称
+        quotationDetailQuantity:undefined,//报价数量
+        internalInnquiryNo:undefined,//内部询价单号
+        quotationDetailStatus:"草稿",//报价状态
+        itemNo:undefined,//序号
+        computePartCost:undefined,//计算的材料成本
+        computeLabourCost:undefined,//计算的人工成本
+        computeMachineCost:undefined,//计算的机器成本
+        computeFabricateCost:undefined,//计算的制造成本
+        computeToolCost:undefined,//计算的工具成本
+        adjustPartCost:undefined,//调整后的材料成本
+        adjustLabourCost:undefined,//调整后的人工成本
+        adjustFabricateCost:undefined,//调整后的制造费用成本
+        adjustToolCost:undefined,//调整后的工具成本
+        adjustMachineCost:undefined,//调整后的机器成本
+        detailProfitRate:undefined,//利润率
+        detailProfitAmount:undefined,//利润额
+        detailManageCost:undefined,//管理成本
+        detailOtherCost:undefined,//其他成本
+        detailTotalCost:undefined,//总成本
+        systemComputeAmount:undefined,//系统计算成本
+        systemComputePrice:undefined,//系统计算价格
+        finalUntaxedPrice:undefined,//最终去税价格
+        finalTaxedPrice:undefined,//最终含税价格
+        remark: undefined,//备注
+      },
+      // 表单校验
+      // 报价详情表单校验
+      quotationDetailRules:{
+        itemNo:[
+          { required: true, pattern: /^([1-9]\d*|[0]{1,1})$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^([1-9]\d*|[0]{1,1})$/, message: ' ', trigger: 'blur' },
+        ],
+      },
+      // 报价工具表单校验
+      quotationToolRules:{
+        toolNo:[
+          { required: true, message: ' ', trigger: 'change' },
+          { required: true, message: ' ', trigger: 'blur' },
+        ],
+        toolDescription:[
+          { required: true, message: ' ', trigger: 'change' },
+          { required: true, message: ' ', trigger: 'blur' },
+        ],
+        toolQuantity:[
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        unitCost:[
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        expectedServiceLife:[
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        itemNo:[
+          { required: true, pattern: /^([1-9]\d*|[0]{1,1})$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^([1-9]\d*|[0]{1,1})$/, message: ' ', trigger: 'blur' },
+        ],
+      },
+      // 价格表单
+      rules: {
+        detailProfitRate: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        adjustPartCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        adjustMachineCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        adjustFabricateCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        adjustLabourCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        adjustToolCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        detailManageCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        detailOtherCost: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+        finalUntaxedPrice: [
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'change' },
+          { required: true, pattern: /^[0-9]+(.[0-9]{2})?$/, message: ' ', trigger: 'blur' },
+        ],
+      }
+    }
+  },
+  computed:{
+
+  },
+  watch:{
+    // 父组件值发生改变，修改子组件的值
+    quotationHeader:function (val){
+      this.quotation = val;
+      this.initData();
+    }
+  },
+  methods:{
+    initData(){
+      let params = {
+        no:this.no,
+        size:this.size,
+        quotationHeaderId:this.quotation.quotationHeaderId
+      }
+      searchQuotationDetailPageByHeaderId(params).then(({data})=>{
+        if (data.code == 200){
+          this.tableData = data.data.records;
+          this.total = data.data.total;
+        }
+      })
+    },
+    // 报价详情size
+    detailSizeChange(val){
+      this.size = val;
+      this.initData();
+    },
+    // 报价详情 页码
+    detailCurrentChange(val){
+      this.no = val;
+      this.initData();
+    },
+    // 关闭
+    closeInsertDialog(){
+      this.activeName = "index";
+      for (let i = 1; i <= 4; i++) {
+        this.$refs['priceForm'+i].resetFields();
+      }
+      this.$refs['quotationDetailForm'].resetFields();
+    },
+    // 关闭 报价工具 新增弹框
+    closeQuotationToolDialog(){
+      this.$refs['quotationToolForm'].resetFields();
+    }
+  },
+  created() {
+    // 创建时 父组件值绑定zi
+    this.quotation = this.quotationHeader
+  }
+}
+</script>
+
+<style scoped>
+  /deep/ .el-card__header{
+    padding: 10px 20px;
+  }
+  /deep/  .el-scrollbar__wrap {
+    overflow-x: hidden;
+  }
+  /deep/ .is-horizontal {
+    display: none;
+  }
+</style>
diff --git a/src/components/quotation/sellForQuotation/quotationExamineAndApprove.vue b/src/components/quotation/sellForQuotation/quotationExamineAndApprove.vue
new file mode 100644
index 0000000..5b2fcef
--- /dev/null
+++ b/src/components/quotation/sellForQuotation/quotationExamineAndApprove.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="mode-config">
+    <h2>审批</h2>
+  </div>
+</template>
+<script>
+export default {
+  name: "quotationExamineAndApprove.vue"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/quotation/sellForQuotation/quotationProjectInformation.vue b/src/components/quotation/sellForQuotation/quotationProjectInformation.vue
new file mode 100644
index 0000000..3494907
--- /dev/null
+++ b/src/components/quotation/sellForQuotation/quotationProjectInformation.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="mode-config">
+    <h2>项目信息</h2>
+  </div>
+</template>
+<script>
+export default {
+  name: "quotationProjectInformation"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/modules/quotation/sellForQuotation.vue b/src/views/modules/quotation/sellForQuotation.vue
new file mode 100644
index 0000000..e6475bd
--- /dev/null
+++ b/src/views/modules/quotation/sellForQuotation.vue
@@ -0,0 +1,686 @@
+<template>
+  <div class="mode-config" style="padding: 5px">
+    <el-form :inline="true" label-position="top" :model="searchData">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="客户编码">
+            <el-input v-model="searchData.customerNo" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="客户名称">
+            <el-input v-model="searchData.customerName" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="跟单员">
+            <el-input v-model="searchData.trackerName" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="报价单号">
+            <el-input v-model="searchData.quotationNo" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="客户询价单号">
+            <el-input v-model="searchData.customerInquiryNo" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="内部询价单号">
+            <el-input v-model="searchData.internalInquiryNo" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-select v-model="searchData.quotationStatus" placeholder="请选择" style="width: 120px">
+              <el-option label="全部" value=""></el-option>
+              <el-option label="草稿" value="草稿"></el-option>
+              <el-option label="下达" value="下达"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="项目编码">
+            <el-input v-model="searchData.projectId" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="项目名称">
+            <el-input v-model="searchData.projectName" placeholder="请输入内容" clearable style="width: 120px"/>
+          </el-form-item>
+          <el-form-item label="销售员">
+            <el-input v-model="searchData.quoterName" placeholder="请输入内容" size="large" clearable style="width: 120px;height: 28px"/>
+          </el-form-item>
+          <el-form-item label="报价日期">
+            <el-date-picker
+              style="width: 255px"
+              v-model="searchData.dateValue"
+              type="daterange"
+              size="mini"
+              format="yyyy/MM/dd"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              @change="changeDateRange"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label=" ">
+            <el-button plain type="primary" @click="initData" @keyup.enter.native="initData">查询</el-button>
+            <el-button type="primary" @click="insertDiaLogFlag = true">新增</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- 表格 和上述搜索框对应 -->
+    <el-table :data="tableData" @row-click="rowClickQuotation" stripe border style="width: 100%;margin-top: 12px" :height="height">
+      <el-table-column
+        label="操作"
+        align="center"
+        fixed
+        width="60">
+        <template slot-scope="scope">
+          <el-button type="text" style="padding: 0px 10px" size="small">下达</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="quotationNo"
+        label="报价单号"
+        show-overflow-tooltip
+        width="120">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="quotationDate"
+        label="报价日期"
+        show-overflow-tooltip
+        width="120">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="customerNo"
+        show-overflow-tooltip
+        label="客户编码">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="customerName"
+        show-overflow-tooltip
+        label="客户名称">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="versionCode"
+        show-overflow-tooltip
+        label="版本号">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="projectId"
+        show-overflow-tooltip
+        label="项目编码">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="projectName"
+        show-overflow-tooltip
+        label="项目名称">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="quoterName"
+        width="60"
+        show-overflow-tooltip
+        label="销售员">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="trackerName"
+        width="60"
+        show-overflow-tooltip
+        label="跟单员">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="currency"
+        width="60"
+        show-overflow-tooltip
+        label="货币">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="quotationStatus"
+        show-overflow-tooltip
+        width="60"
+        label="状态">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="remark"
+        show-overflow-tooltip
+        width="60"
+        label="备注">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="customerInquiryNo"
+        show-overflow-tooltip
+        label="客户询价单号">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="internalInquiryNo"
+        show-overflow-tooltip
+        label="内部询价单号">
+      </el-table-column>
+    </el-table>
+    <!-- 分页插件 -->
+    <el-pagination style="margin-top: 0px"
+                   @size-change="quotationHeaderSizeChange"
+                   @current-change="quotationHeaderCurrentChange"
+                   :current-page="no"
+                   :page-sizes="[20, 50, 100, 200, 500]"
+                   :page-size="size"
+                   :total="total"
+                   layout="total,sizes, prev, pager, next, jumper">
+    </el-pagination>
+    <!-- 标签页 -->
+    <el-tabs v-model="activeTabName" @tab-click="handleClickTab"
+             style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border: 2px;min-height: 380px;margin-top: 5px;padding: 5px">
+      <el-tab-pane label="明细" name="quotation_detail">
+        <quotation-detail :quotation-header="quotationHeader"></quotation-detail>
+      </el-tab-pane>
+      <el-tab-pane label="审批" name="quotation_examine_and_approve">
+        <quotation-examine-and-approve></quotation-examine-and-approve>
+      </el-tab-pane>
+      <el-tab-pane label="项目信息" name="quotation_project_information">
+        <quotation-project-information></quotation-project-information>
+      </el-tab-pane>
+      <el-tab-pane label="客户信息" name="quotation_customer_information">
+        <quotation-customer-information></quotation-customer-information>
+      </el-tab-pane>
+      <el-tab-pane label="客户联系人" name="quotation_customer_contact">
+        <quotation-customer-contact></quotation-customer-contact>
+      </el-tab-pane>
+    </el-tabs>
+
+    <!-- 新增弹框 -->
+    <el-dialog title="新增报价" @close="closeInsertDialog" :close-on-click-modal="false" v-drag :visible.sync="insertDiaLogFlag" width="620px">
+      <el-form :rules="rules" :inline="true" label-position="top" ref="insertQuotationForm" :model="insertData"
+      label-width="120px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item prop="internalInquiryNo">
+              <span slot="label" style="" @click="quotationNoDialogFlag = true"><a herf="#">内部询价单号</a></span>
+              <el-input v-model="insertData.internalInquiryNo" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+            <el-form-item label="客户询价单号" prop="customerInquiryNo">
+              <el-input v-model="insertData.customerInquiryNo" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item prop="customerNo">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(102,1)"><a herf="#">客户编码</a></span>
+              <span slot="label" style="" v-else><a herf="#">客户编码</a></span>
+              <el-input v-model="insertData.customerNo" :disabled="insertData.internalInquiryNo !=''" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+            <el-form-item prop="customerName">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(102,1)"><a herf="#">客户</a></span>
+              <span slot="label" style="" v-else><a herf="#">客户</a></span>
+              <el-input v-model="insertData.customerName" :disabled="insertData.internalInquiryNo !=''" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item prop="projectId">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(104,1)"><a herf="#">项目编码</a></span>
+              <span slot="label" style="" v-else><a herf="#">项目编码</a></span>
+              <el-input v-model="insertData.projectId" :disabled="insertData.internalInquiryNo !=''" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+            <el-form-item prop="projectName">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(104,1)"><a herf="#">项目名称</a></span>
+              <span slot="label" style="" v-else><a herf="#">项目名称</a></span>
+              <el-input v-model="insertData.projectName" :disabled="insertData.internalInquiryNo !=''" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="货币" prop="currency">
+              <el-input v-model="insertData.currency" placeholder="请输入内容" size="large" clearable style="width: 280px"/>
+            </el-form-item>
+            <el-form-item label="报价日期" prop="quotationDate">
+              <el-date-picker
+                style="width: 280px"
+                v-model="insertData.quotationDate"
+                type="date"
+                size="mini"
+                format="yyyy/MM/dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col>
+            <el-form-item prop="quoter">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(103,2)"><a herf="#">销售员</a></span>
+              <span slot="label" style="" v-else><a herf="#">销售员</a></span>
+              <el-input v-model="insertData.quoterName" :disabled="insertData.internalInquiryNo !=''" @clear="clearQuoter" placeholder="请输入内容" clearable style="width: 280px"/>
+            </el-form-item>
+            <el-form-item prop="tracker">
+              <span slot="label" style="" v-if="insertData.internalInquiryNo ==''" @click="getBaseList(103,1)"><a herf="#">跟单员</a></span>
+              <span slot="label" style="" v-else ><a herf="#">跟单员</a></span>
+              <el-input v-model="insertData.trackerName" :disabled="insertData.internalInquiryNo !=''" @clear="clearTracker" placeholder="请输入内容" size="large" clearable style="width: 280px"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="状态" prop="quotationStatus">
+              <el-select v-model="insertData.quotationStatus" style="width: 280px" :disabled="insertData.internalInquiryNo !=''" clearable placeholder="请选择" >
+                <el-option label="草稿" value="草稿"></el-option>
+                <el-option label="下达" value="下达"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label=" ">
+              <el-checkbox v-model="insertData.requireApproval" style="width: 23%" true-label="0" false-label="1" label="需要审批"></el-checkbox>
+              <el-checkbox v-model="insertData.approvalStatus" style="width: 22%" true-label="已审批" false-label="未审批" label="是否审批"></el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" style="width: 100%;min-height: 70px">
+              <el-input type="textarea" style="width: 100%" :show-word-limit="true" v-model="insertData.remark"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:30px;margin-top: 20px;text-align:center">
+        <el-button type="primary" @click="insertDiaLogFlag = false">关闭</el-button>
+        <el-button type="primary" @click="insertQuotationHeader">保存</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <!--询价单号选择弹框-->
+    <el-dialog title="内部询价单号"
+               :close-on-click-modal="false"  :close-on-press-escape="false"
+               @close="closeQuotationNoDialog"
+               @open="openQuotationNoDialog"
+               :visible.sync="quotationNoDialogFlag"
+               width="685px" v-drag>
+      <el-form label-position="top"
+               inline="inline"
+               :model="quotationNoSearchData"
+               size="mini"
+               label-width="120px">
+        <el-form-item label="询价单号">
+          <el-input v-model="quotationNoSearchData.quotationNo" clearable/>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="searchQuotationData">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table :data="quotationNoData" stripe border @cell-dblclick="dblclickQuotationNo">
+        <el-table-column prop="quotationNo" label="询价单号">
+
+        </el-table-column>
+        <el-table-column prop="projectName" label="项目名称">
+
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:30px;margin-top: 20px;text-align:center">
+        <el-button type="primary" @click="quotationNoDialogFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <!-- chooseList模态框 -->
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+<script>
+import quotationDetail from "../../../components/quotation/sellForQuotation/quotationDetail.vue";
+import quotationExamineAndApprove from "../../../components/quotation/sellForQuotation/quotationExamineAndApprove.vue";
+import quotationProjectInformation from "../../../components/quotation/sellForQuotation/quotationProjectInformation.vue";
+import quotationCustomerInformation from "../../../components/quotation/sellForQuotation/quotationCustomerInformation.vue";
+import quotationCustomerContact from "../../../components/quotation/sellForQuotation/quotationCustomerContact.vue";
+import Chooselist from '@/views/modules/common/Chooselist';
+import {
+  getQuotationHeaderByPage,
+  insertQuotationHeader,
+} from '@/api/quotation/quotationHeader.js';
+import {
+  searchQuotationByQuotationNo,
+} from '@/api/quotation/quotationInformation.js';
+export default {
+  components:{
+    Chooselist,
+    quotationDetail,
+    quotationExamineAndApprove,
+    quotationProjectInformation,
+    quotationCustomerInformation,
+    quotationCustomerContact,
+  },
+  data () {
+    return {
+      // 搜索条件对象
+      searchData:{
+        site:this.$store.state.user.site,// 工厂编号
+        customerNo:"", // 客户编码
+        customer:"", // 客户名称
+        tracker:"", // 跟单员
+        quotationStatus:"", //状态
+        projectId:"", // 项目编码
+        projectName:"", // 项目名称
+        quoterName:"", // 销售员
+        startDate:"", // 开始日期
+        endDate:"", // 结束日期
+        dateValue:[],// 开始时间结束时间数组
+      },
+      tableData: [],// 查询的数据
+      // 分页信息
+      no:1,//页码
+      size:20,//每页条数
+      total:0,//总页数
+      // 表格高度
+      height:200,
+      // 标签页
+      activeTabName:"quotation_detail",
+      //dialog 控制开关
+      insertDiaLogFlag:false,
+      quotationNoDialogFlag:false,
+      // 新增对象
+      insertData:{
+        site:this.$store.state.user.site,
+        quotationNo:"",//客户报价单号
+        quotationDate:new Date(),//报价日期
+        customerNo:"", // 客户编号
+        customerName:"",//客户名称
+        versionCode:"001",
+        projectId:"",//项目编码
+        projectName:"",//项目名称
+        tracker:"",//跟单员
+        quoter:"",//销售编号
+        quoterName:"",//销售员
+        trackerName:"",//跟单员
+        currency:"",//货币
+        quotationStatus:"草稿",//状态
+        remark:"",//备注
+        customerInquiryNo:"",//客户询价单号
+        internalInquiryNo:"",//内部询价单号
+        requireApproval:"",//需要审批
+        approvalStatus:"",//审批状态
+        createBy:this.$store.state.user.id,//当前登录账号
+        createDate:new Date(),//当前时间
+      },
+      // 规则
+      rules: {
+        customerNo: [
+          { required: true,message:' '},
+        ],
+        customerName: [
+          { required: true,message:' '},
+        ],
+        projectId:[
+          { required: true,message:' '}
+        ],
+        projectName:[
+          { required: true,message:' '}
+        ],
+        tracker:[
+          { required: true,message:' '}
+        ],
+        trackerName:[
+          { required: true,message:' '}
+        ],
+        currency:[
+          { required: true,message:' '}
+        ],
+        quoter:[
+          { required: true,message:' '}
+        ],
+        quoterName:[
+          { required: true,message:' '}
+        ],
+        quotationStatus:[
+          { required: true,message:' '}
+        ],
+        quotationDate:[
+          { required: true,message:' '}
+        ],
+      },
+      // 参数 选择框
+      tagNo1:"",
+      tagNo:"",
+      // 内部报价单搜索表单对象
+      quotationNoSearchData:{
+        quotationNo:"",//单号
+        site:this.$store.state.user.site,//工厂编号
+      },
+      //内部报价单搜索表格数据对象
+      quotationNoData:[],
+      // 行对象
+      quotationHeader:{},
+    }
+  },
+  methods: {
+    // 点击quotation行事件
+    rowClickQuotation(row){
+      this.quotationHeader = row;
+    },
+    // 搜索条件中的时间输入框 change事件
+    changeDateRange(){
+      this.searchData.startDate = this.searchData.dateValue[0];
+      this.searchData.endDate = this.searchData.dateValue[1];
+    },
+    // 初始化数据
+    initData(){
+      let params = {
+        no:this.no,
+        size:this.size,
+        site:this.$store.state.user.site,
+        customerNo:this.searchData.customerNo,
+        customerName:this.searchData.customerName,
+        trackerName:this.searchData.trackerName,
+        quotationNo:this.searchData.quotationNo,
+        customerInquiryNo:this.searchData.customerInquiryNo,
+        internalInquiryNo:this.searchData.internalInquiryNo,
+        quotationStatus:this.searchData.quotationStatus,
+        projectId:this.searchData.projectId,
+        projectName:this.searchData.projectName,
+        quoterName:this.searchData.quoterName,
+        startDate:this.searchData.startDate,
+        endDate: this.searchData.endDate,
+      }
+      getQuotationHeaderByPage(params).then(({data})=>{
+        this.tableData = data.data.records;
+        this.total = data.data.total;
+        this.quotationHeader = this.tableData[0];
+      })
+    },
+    // size 发送改变
+    quotationHeaderSizeChange(val){
+      this.size = val;
+      this.initData();
+    },
+    // no发生改变
+    quotationHeaderCurrentChange(val){
+      this.no = val;
+      this.initData();
+    },
+    // 新增QuotationHeader
+    insertQuotationHeader(){
+      // 校验
+      this.$refs['insertQuotationForm'].validate((valid)=>{
+        if (valid){
+          // 请求
+          insertQuotationHeader(this.insertData).then(({data})=>{
+            console.log("回调结果:",data)
+            // 返回提示
+            if (data.code === 200){
+              this.initData();
+              this.insertDiaLogFlag = false;
+            }
+            this.$message.success(data.msg);
+          })
+        }else {
+          this.$message.warning("校验未通过,必填项未填!");
+        }
+      })
+    },
+    // resetInsertData 重置新增对象
+    resetInsertData(){
+      this.insertData = {
+        site:this.$store.state.user.site,
+        quotationNo:"",//客户报价单号
+        quotationDate:new Date(),//报价日期
+        customerNo:"", // 客户编号
+        customerName:"",//客户名称
+        versionCode:"001",
+        projectId:"",//项目编码
+        projectName:"",//项目名称
+        tracker:"",//跟单员
+        quoter:"",//销售编号
+        quoterName:"",//销售员
+        trackerName:"",//跟单员
+        currency:"",//货币
+        quotationStatus:"草稿",//状态
+        remark:"",//备注
+        customerInquiryNo:"",//客户询价单号
+        internalInquiryNo:"",//内部询价单号
+        requireApproval:"",//需要审批
+        approvalStatus:"",//审批状态
+        createBy:this.$store.state.user.id,//当前登录账号
+        createDate:new Date(),//当前时间
+      }
+    },
+    // 销售员输入框清除事件
+    clearQuoter(){
+      this.insertData.quoter = "";
+      this.insertData.quoterName = "";
+    },
+    // 跟单员输入框清除事件
+    clearTracker(){
+      this.insertData.tracker = "";
+      this.insertData.trackerName = "";
+    },
+    // 新增弹框关闭事件
+    closeInsertDialog(){
+      this.resetInsertData();
+      this.$refs['insertQuotationForm'].resetFields();
+    },
+    // 点击标签页
+    handleClickTab(tab, event){
+
+    },
+
+    // ======== chooseList相关方法 ========
+    /**
+     * 获取基础数据列表S
+     * @param val
+     * @param type
+     */
+    getBaseList (val, type) {
+      this.tagNo = val
+      this.tagNo1 = type
+      this.$nextTick(() => {
+        let strVal = ''
+        if (val === 102) {
+          if(type === 1) {
+            strVal = this.insertData.customerNo
+          }
+        }
+        if (val === 103) {
+          if(type === 1) {
+            strVal = this.insertData.tracker
+          }
+          if(type === 2) {
+            strVal = this.insertData.quoter
+          }
+        }
+        if (val === 104) {
+          if(type === 1) {
+            strVal = this.insertData.projectId
+          }
+        }
+        this.$refs.baseList.init(val, strVal)
+      })
+    },
+    /**
+     * 列表方法的回调
+     * @param val
+     */
+    getBaseData (val) {
+      if (this.tagNo === 102) {
+        if(this.tagNo1 === 1) {
+          this.insertData.customerNo = val.Customer_no
+          this.insertData.customerName = val.Customer_desc
+        }
+      }
+      if (this.tagNo === 103) {
+        if(this.tagNo1 === 1) {
+          this.insertData.tracker = val.username
+          this.insertData.trackerName = val.user_display
+        }
+        if(this.tagNo1 === 2) {
+          this.insertData.quoter = val.username
+          this.insertData.quoterName = val.user_display
+        }
+      }
+      if (this.tagNo === 104) {
+        if(this.tagNo1 === 1) {
+          this.insertData.projectId = val.project_id
+          this.insertData.projectName = val.project_name
+        }
+      }
+    },
+    // 查询 内部报价单编号
+    searchQuotationData(){
+      searchQuotationByQuotationNo(this.quotationNoSearchData).then(({data})=>{
+        this.quotationNoData = data.data;
+      })
+    },
+    // 打开 内部报价单拟态框
+    openQuotationNoDialog(){
+      // 请求
+      this.searchQuotationData();
+    },
+    // 关闭
+    closeQuotationNoDialog(){
+      this.quotationNoSearchData = {
+        quotationNo:"",//单号
+        site:this.$store.state.user.site,//工厂编号
+      }
+    },
+    // 询价表双击事件
+    dblclickQuotationNo(row){
+      this.insertData.customerNo = row.customerNo
+      this.insertData.customerName=row.customerDesc,//客户名称
+      this.insertData.projectId=row.projectId,//项目编码
+      this.insertData.projectName=row.projectName,//项目名称
+      this.insertData.tracker=row.tracker,//跟单员
+      this.insertData.quoter=row.quoter,//销售编号
+      this.insertData.quoterName=row.quoterName,//销售员
+      this.insertData.trackerName=row.trackerName,//跟单员
+      this.insertData.quotationStatus=row.quotationStatus,//状态
+      this.insertData.internalInquiryNo=row.quotationNo,//内部询价单号
+      // 关闭弹框
+      this.quotationNoDialogFlag = false;
+    }
+  },
+  computed:{
+
+  },
+  mounted () {
+    this.$nextTick(() => {
+      this.height = window.innerHeight / 2 - 240;
+    })
+  },
+  created () {
+    this.initData();//初始化数据
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  /deep/ .el-range-editor--mini.el-input__inner {
+    height: 20px;
+  }
+  /deep/ .el-range-editor.el-input__inner{
+    padding: 0px 10px;
+  }
+  /deep/ .el-date-editor .el-range-separator{
+    width: auto;
+  }
+  /deep/ .el-input--mini .el-input__icon{
+    line-height: 20px;
+  }
+</style>
+