13451728018
2 years ago
8 changed files with 1498 additions and 0 deletions
-
43src/api/quotation/quotationHeader.js
-
7src/api/quotation/quotationInformation.js
-
13src/components/quotation/sellForQuotation/quotationCustomerContact.vue
-
14src/components/quotation/sellForQuotation/quotationCustomerInformation.vue
-
707src/components/quotation/sellForQuotation/quotationDetail.vue
-
14src/components/quotation/sellForQuotation/quotationExamineAndApprove.vue
-
14src/components/quotation/sellForQuotation/quotationProjectInformation.vue
-
686src/views/modules/quotation/sellForQuotation.vue
@ -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); |
||||
@ -0,0 +1,13 @@ |
|||||
|
<template> |
||||
|
<div class="mode-config"> |
||||
|
<h2>客户联系人</h2> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "quotationCustomerContact" |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,14 @@ |
|||||
|
<template> |
||||
|
<div class="mode-config"> |
||||
|
<h2>客户信息</h2> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "quotationCustomerInformation" |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -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> |
||||
@ -0,0 +1,14 @@ |
|||||
|
<template> |
||||
|
<div class="mode-config"> |
||||
|
<h2>审批</h2> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "quotationExamineAndApprove.vue" |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,14 @@ |
|||||
|
<template> |
||||
|
<div class="mode-config"> |
||||
|
<h2>项目信息</h2> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "quotationProjectInformation" |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -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> |
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue