'123'
This commit is contained in:
parent
91c27681b9
commit
94df361816
|
@ -3,9 +3,9 @@ export default {
|
|||
let resizeEvent = new CustomEvent('drag-resize',{detail:'尺寸变化',bubbles:false});
|
||||
//初始化不最大化
|
||||
el.fullscreen = false;
|
||||
// 弹框可拉伸最小宽高
|
||||
const minWidth = 1100
|
||||
const minHeight = 570
|
||||
//弹框可拉伸最小宽高
|
||||
let minWidth = 400;
|
||||
let minHeight = 300;
|
||||
//当前宽高
|
||||
let nowWidth = minWidth;
|
||||
let nowHight = minHeight;
|
||||
|
@ -16,10 +16,7 @@ export default {
|
|||
let hasSetBodyHight = false;
|
||||
//弹窗
|
||||
const dragDom = el.querySelector('.el-dialog');
|
||||
el.style.overflow='initial'
|
||||
dragDom.className += ' el-drag-dialog';
|
||||
// 给弹窗加上overflow auto;不然缩小时框内的标签可能超出dialog;
|
||||
dragDom.style.overflow = 'auto'
|
||||
//清除选择头部文字效果
|
||||
dialogHeaderEl.onselectstart = new Function("return false");
|
||||
//头部加上可拖动cursor
|
||||
|
@ -82,13 +79,14 @@ export default {
|
|||
i.classList.add('el-icon-full-screen');
|
||||
maxMin.innerHTML = '<i class="el-icon-full-screen"></i>';
|
||||
maxMin.title = '最大化';
|
||||
dragDom.style.height = nowHight + 'px';
|
||||
dragDom.style.height = "auto";
|
||||
dragDom.style.width = nowWidth + 'px';
|
||||
dragDom.style.marginTop = window.innerHeight*0.07+'px';
|
||||
dragDom.style.marginTop = nowMarginTop;
|
||||
el.fullscreen = false;
|
||||
dialogHeaderEl.style.cursor = 'move';
|
||||
dialogHeaderEl.onmousedown = moveDown;
|
||||
//dragDom.querySelector('.el-dialog__body').style.height = bodyHeight;
|
||||
dragDom.querySelector('.el-dialog__body').style.height = bodyHeight;
|
||||
dragDom.querySelector('.el-dialog__body').style.maxHeight = dragDom.style.height
|
||||
hasSetBodyHight = false;
|
||||
} else {
|
||||
let i = maxMin.querySelector('.el-icon-full-screen');
|
||||
|
@ -101,17 +99,17 @@ export default {
|
|||
nowMarginTop = dragDom.style.marginTop;
|
||||
dragDom.style.left = 0;
|
||||
dragDom.style.top = 0;
|
||||
dragDom.style.height = window.innerHeight + 'px'
|
||||
dragDom.style.height = "94VH";
|
||||
dragDom.style.width = "100VW";
|
||||
dragDom.style.marginTop = 0;
|
||||
el.fullscreen = true;
|
||||
dialogHeaderEl.style.cursor = 'initial';
|
||||
dialogHeaderEl.onmousedown = null;
|
||||
if (!hasSetBodyHight) {
|
||||
const footerHeight = dragDom.querySelector('.el-dialog__footer') && dragDom.querySelector('.el-dialog__footer').offsetHeight
|
||||
dragDom.querySelector('.el-dialog__body').style.height =
|
||||
'calc(100vh - 180px)'
|
||||
hasSetBodyHight = true
|
||||
let footerHeight = dragDom.querySelector('.el-dialog__footer') && dragDom.querySelector('.el-dialog__footer').offsetHeight;
|
||||
dragDom.querySelector('.el-dialog__body').style.height = 'calc(100% - ' + (dialogHeaderEl.offsetHeight + footerHeight) + 'px)';
|
||||
dragDom.querySelector('.el-dialog__body').style.maxHeight = dragDom.style.height
|
||||
hasSetBodyHight = true;
|
||||
}
|
||||
}
|
||||
el.dispatchEvent(resizeEvent);
|
||||
|
|
|
@ -149,9 +149,150 @@
|
|||
/>
|
||||
|
||||
<!-- 添加或修改客户管理对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="1050px" append-to-body>
|
||||
<el-dialog :title="title" :visible.sync="open" width="1050px" v-el-drag-dialog append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
|
||||
<el-divider content-position="left" class="customer_divider_text">客户信息</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户编码" prop="cusCode">
|
||||
<el-input v-model="form.cusCode" placeholder="系统自动生成" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="SAP客户编码" prop="cusSapCode">
|
||||
<el-input v-model="form.cusSapCode" placeholder="审批通过自动生成" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户名称" prop="cusName">
|
||||
<el-input v-model="form.cusName" placeholder="企查查带出" :disabled="true">
|
||||
<el-button slot="append" icon="el-icon-search" @click="openQcc" v-hasPermi="['customer:customer:qcclist']"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="街道/门牌号" prop="cusStreet">
|
||||
<el-input v-model="form.cusStreet" placeholder="请输入街道/门牌号" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="街道" prop="cusQccStreet">
|
||||
<el-input v-model="form.cusQccStreet" placeholder="企查查带出" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="增值税号" prop="cusVatNo">
|
||||
<el-input v-model="form.cusVatNo" placeholder="企查查带出" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="电话号码" prop="cusPhoneNumber">
|
||||
<el-input v-model="form.cusPhoneNumber" placeholder="请输入电话号码" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="客户组类别" prop="cusGroup">
|
||||
<el-select v-model="form.cusGroup" placeholder="请选择客户组类别" style="width: 100%;" :disabled="isDisSalesman">
|
||||
<el-option
|
||||
v-for="dict in dict.type.cus_group"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="客户类型" prop="cusType">
|
||||
<el-select v-model="form.cusType" placeholder="请选择客户类型" style="width: 100%;" :disabled="isDisSalesman">
|
||||
<el-option
|
||||
v-for="dict in dict.type.cus_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="国家" prop="cusCountry">
|
||||
<el-select v-model="form.cusCountry" placeholder="请选择国家" style="width: 100%;" :disabled="isDisSalesman">
|
||||
<el-option
|
||||
v-for="item in countrysDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="语言" prop="cusLanguage">
|
||||
<el-select v-model="form.cusLanguage" placeholder="请选择语言" style="width: 100%;" :disabled="isDisSalesman">
|
||||
<el-option
|
||||
v-for="item in languageDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="客户标签" prop="cusLabel">
|
||||
<el-input v-model="form.cusLabel" placeholder="请输入客户标签" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="客户分类" prop="cusClassification">
|
||||
<el-input v-model="form.cusClassification" placeholder="请输入客户分类" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="电子发票邮箱" prop="cusReceivingEmail">
|
||||
<el-input v-model="form.cusReceivingEmail" placeholder="请输入电子发票接收邮箱" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="收件人" prop="cusRecipient">
|
||||
<el-input v-model="form.cusRecipient" placeholder="请输入收件人" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="收件人电话" prop="cusRecipientPhone">
|
||||
<el-input v-model="form.cusRecipientPhone" placeholder="请输入收件人电话" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="cusRemark">
|
||||
<el-input type="textarea" autosize v-model="form.cusRemark" placeholder="请输入备注" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="驳回备注" prop="cusReturnRemark">
|
||||
<el-input type="textarea" autosize v-model="form.cusReturnRemark" placeholder="数据组填写"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!--<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
|
||||
<el-tab-pane label="基本信息" name="customerInfo">
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
|
@ -248,7 +389,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="8">
|
||||
<!– <el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -278,7 +419,7 @@
|
|||
<el-input v-model="form.cusRecipientPhone" placeholder="请输入收件人电话" :disabled="isDisSalesman"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
</el-row>–>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="cusRemark">
|
||||
|
@ -448,8 +589,163 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-tabs>-->
|
||||
</el-form>
|
||||
|
||||
<el-divider content-position="left" class="customer_divider_text">银行信息</el-divider>
|
||||
<el-row class="mb8" :gutter="8">
|
||||
<el-col :span="1.5">
|
||||
<div v-hasPermi="['customer:customer:bankAdd']">
|
||||
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddBank" v-if="buttonShowSalesman">添加</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<div v-hasPermi="['customer:customer:bankDel']">
|
||||
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteBank" v-if="buttonShowSalesman">删除</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table :data="bankList" @selection-change="handleBankSelectionChange" ref="bank">
|
||||
<el-table-column type="selection" width="50" align="center" />
|
||||
<el-table-column label="国家" prop="bankCountry" v-if="checkRole(['ITZX_SJZ'])">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.bankCountry" placeholder="选择银行代码自动带出" :disabled="true"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="银行代码" prop="bankCode" v-if="checkRole(['ITZX_SJZ'])">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.bankCode" placeholder="请输入银行代码" :disabled="true" >
|
||||
<i v-if="!isDisSjz" slot="suffix" class="el-input__icon el-icon-search" @click="handleSearchBankCode(scope)"></i>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="银行名称" prop="bankName">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.bankName" placeholder="请输入银行名称" :disabled="isDisSalesman"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="银行账户" prop="bankAccount">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.bankAccount" placeholder="请输入银行账户" :disabled="isDisSalesman" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-divider content-position="left" class="customer_divider_text">销售数据</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="付款条件" prop="cusPaymentTerms">
|
||||
<el-select v-model="form.cusPaymentTerms" placeholder="请选择付款条件" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in paymentTermsDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="行业代码" prop="cusIndustryCode">
|
||||
<el-select v-model="form.cusIndustryCode" placeholder="请选择行业代码" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in industryCodeDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="销售地区" prop="cusSalesTerritory">
|
||||
<el-select v-model="form.cusSalesTerritory" placeholder="请选择销售地区" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in salesTerritoryDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="销售组织" prop="cusSalesOrganization">
|
||||
<el-select v-model="form.cusSalesOrganization" placeholder="请选择销售组织" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in salesOrganizationDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="分销渠道" prop="cusDistributionChannel">
|
||||
<el-select v-model="form.cusDistributionChannel" placeholder="请选择分销渠道" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in distributionChannelDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="销售办公室" prop="cusSaleOffice">
|
||||
<el-select v-model="form.cusSaleOffice" placeholder="请选择销售办公室" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in saleOfficeDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="币种" prop="cusCurrency">
|
||||
<el-select v-model="form.cusCurrency" placeholder="请选择币种" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="dict in dict.type.cus_currency"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="客户税分类" prop="cusTax">
|
||||
<el-select v-model="form.cusTax" placeholder="请选择客户税" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in taxDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="统驭科目" prop="cusReconciliationAccount">
|
||||
<el-select v-model="form.cusReconciliationAccount" placeholder="请选择统驭科目" style="width: 100%;" :disabled="isDisSjz">
|
||||
<el-option
|
||||
v-for="item in reconciliationAccountDicts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<span v-hasPermi="['customer:customer:save']">
|
||||
<el-button @click="saveForm" v-if="buttonShowSalesman">保 存</el-button>
|
||||
|
@ -544,7 +840,13 @@
|
|||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
overflow-y: auto; /* 自动显示垂直滚动条 */
|
||||
max-height: 560px; /* 设置最大高度,根据需要调整 */
|
||||
max-height: 580px; /* 设置最大高度,根据需要调整 */
|
||||
}
|
||||
/** divider 文本样式 */
|
||||
.customer_divider_text .el-divider__text{
|
||||
color: #1890ff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
|
@ -552,6 +854,9 @@ import { listCustomer, getCustomer, delCustomer,changCusStatus, addCustomer, upd
|
|||
import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
|
||||
import { bankCodeList,getCountrys,getIndustryCode,getLanguage,getPaymentTerms,getSalesOrganization,getDistributionChannel,getSalesTerritory,getSaleOffice,getTax,getReconciliationAccount } from "@/api/common/sapRfc";// sap-rfc 函数
|
||||
|
||||
/** 弹窗放大、拖拽 */
|
||||
import elDragDialog from "@/directive/dialog/dragDialog";
|
||||
|
||||
// 自定义校验-付款条件
|
||||
const validateCusPaymentTerms = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
|
@ -603,6 +908,9 @@ const validateCusReconciliationAccount = (rule, value, callback) => {
|
|||
|
||||
export default {
|
||||
name: "Customer",
|
||||
directives: {
|
||||
elDragDialog,
|
||||
},
|
||||
dicts: ['cus_currency','cus_group','cus_approval_status', 'cus_type', 'common_state'],
|
||||
data() {
|
||||
return {
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
|
||||
<el-dialog :title="title" :visible.sync="open" width="1000px" v-el-drag-dialog append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-divider content-position="left" class="customer_divider_text">核价信息</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="核价单号" prop="quotHjCode">
|
||||
|
@ -131,9 +132,9 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-divider content-position="left" class="customer_divider_text">技术协助</el-divider>
|
||||
<div v-if="showTl">
|
||||
<el-divider content-position="center">技术协助-特缆协助</el-divider>
|
||||
<el-divider content-position="center">特缆协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特缆协助状态" prop="quotJsqrTlApprovalStatus">
|
||||
|
@ -162,7 +163,7 @@
|
|||
</el-row>
|
||||
</div>
|
||||
<div v-if="showDy">
|
||||
<el-divider content-position="center">技术协助-低压协助</el-divider>
|
||||
<el-divider content-position="center">低压协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="低压协助状态" prop="quotJsqrDyApprovalStatus">
|
||||
|
@ -191,7 +192,7 @@
|
|||
</el-row>
|
||||
</div>
|
||||
<div v-if="showZy">
|
||||
<el-divider content-position="center">技术协助-中压协助</el-divider>
|
||||
<el-divider content-position="center">中压协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="中压协助状态" prop="quotJsqrZyApprovalStatus">
|
||||
|
@ -220,7 +221,7 @@
|
|||
</el-row>
|
||||
</div>
|
||||
<div v-if="showQt">
|
||||
<el-divider content-position="center">技术协助-其他协助</el-divider>
|
||||
<el-divider content-position="center">其他协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="其他协助状态" prop="quotJsqrQtApprovalStatus">
|
||||
|
@ -291,6 +292,13 @@
|
|||
height: 500px;
|
||||
max-height: 580px; /** 设置最大高度,根据需要调整 */
|
||||
}
|
||||
|
||||
/** divider 文本样式 */
|
||||
.customer_divider_text .el-divider__text{
|
||||
color: #1890ff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
/* 日期空间宽度设置 */
|
||||
|
|
|
@ -143,19 +143,19 @@
|
|||
/>
|
||||
|
||||
<!-- 添加或修改报价对话框 -->
|
||||
<el-dialog :visible.sync="open" width="1050px" append-to-body>
|
||||
<el-dialog :visible.sync="open" width="1050px" v-el-drag-dialog append-to-body>
|
||||
<template slot="title">
|
||||
报价单信息<span style="color:red;margin-left:25px">(注:此报价单数据,型号规格电压等如需下单或签订合同引用,请再次自行核对,责任自负)</span>
|
||||
</template>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<!--<el-divider content-position="center">报价信息</el-divider>
|
||||
<el-divider content-position="left" class="customer_divider_text">报价信息</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-col :span="10">
|
||||
<el-form-item label="报价单号" prop="quotCode">
|
||||
<el-input v-model="form.quotCode" placeholder="系统自动生成" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="业务员" prop="quotSalesmanName">
|
||||
<el-input v-model="form.quotSalesmanName" :disabled="true"/>
|
||||
<el-input v-model="form.quotSalesmanBm" v-if="false"/>
|
||||
|
@ -250,7 +250,7 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-divider content-position="center">产品信息</el-divider>
|
||||
<el-divider content-position="left" class="customer_divider_text">产品信息</el-divider>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddQuotMaterial" v-if="this.form.quotApprovalStatus == '0' || this.form.quotApprovalStatus == null">添加</el-button>
|
||||
|
@ -262,7 +262,7 @@
|
|||
<el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-if="this.form.quotApprovalStatus == '0' || this.form.quotApprovalStatus == null">导入</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table :data="quotMaterialList" show-summary :summary-method="getSummaries" :row-class-name="rowQuotMaterialIndex" @selection-change="handleQuotMaterialSelectionChange" ref="quotMaterial">
|
||||
<el-table :data="quotMaterialList" height="300px" show-summary :summary-method="getSummaries" :row-class-name="rowQuotMaterialIndex" @selection-change="handleQuotMaterialSelectionChange" ref="quotMaterial">
|
||||
<el-table-column type="selection" width="80" align="center" />
|
||||
<el-table-column label="序号" align="center" prop="index" width="50"/>
|
||||
<el-table-column label="型号" prop="matXingh">
|
||||
|
@ -292,7 +292,7 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-divider content-position="center">询价附件</el-divider>
|
||||
<el-divider content-position="left" class="customer_divider_text">询价附件</el-divider>
|
||||
<div v-hasPermi="['quot:quot:quotXjFile']">
|
||||
<el-upload class="upload-demo"
|
||||
ref="upload"
|
||||
|
@ -328,7 +328,8 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-divider content-position="center">技术协助</el-divider>
|
||||
<div v-if="checkPermi(['quot:quot:assist'])">
|
||||
<el-divider content-position="left" class="customer_divider_text">技术协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="标准" prop="quotJsxzStandard">
|
||||
|
@ -552,8 +553,10 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-divider content-position="center">核价协助</el-divider>
|
||||
<div v-if="checkPermi(['quot:quot:assistHj'])">
|
||||
<el-divider content-position="left" class="customer_divider_text">核价协助</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="10">
|
||||
<el-form-item label="核价单号" prop="quotHjCode">
|
||||
|
@ -614,8 +617,9 @@
|
|||
</el-table>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<el-divider content-position="center">反馈附件</el-divider>
|
||||
<el-divider content-position="left" class="customer_divider_text">反馈附件</el-divider>
|
||||
<div v-hasPermi="['quot:quot:quotFkFile']">
|
||||
<el-upload class="upload-demo"
|
||||
ref="upload"
|
||||
|
@ -647,8 +651,8 @@
|
|||
<el-button size="small" type="text" @click="deleteFile(scope.row.fileId)" v-if="form.quotApprovalStatus == '1'">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>-->
|
||||
<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
|
||||
</el-table>
|
||||
<!--<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
|
||||
<el-tab-pane label="报价信息" name="quotInfo">
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="10">
|
||||
|
@ -1147,7 +1151,7 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-tabs>-->
|
||||
<!-- 特缆、中压、低压、其他协助反馈附件对话框 -->
|
||||
<el-dialog custom-class="fkfjDialog" :title="addFileTitle" :visible.sync="addFileOpen" width="800px" append-to-body>
|
||||
<!--<el-upload class="upload-demo"
|
||||
|
@ -1240,15 +1244,19 @@
|
|||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
overflow-y: auto; /** 自动显示垂直滚动条 */
|
||||
height: 500px;
|
||||
max-height: 580px; /** 设置最大高度,根据需要调整 */
|
||||
}
|
||||
/** divider 文本样式 */
|
||||
.customer_divider_text .el-divider__text{
|
||||
color: #1890ff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
/*Tab页设置 */
|
||||
.el-tabs__content {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* 日期控件宽度设置 */
|
||||
:deep(.el-p .el-input__wrapper){
|
||||
width: 100% !important;
|
||||
|
|
|
@ -160,6 +160,17 @@
|
|||
/>
|
||||
</div>
|
||||
</template>
|
||||
<style>
|
||||
/** 弹窗设置 */
|
||||
.el-dialog__body {
|
||||
padding: 10px 10px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
overflow-y: auto; /** 自动显示垂直滚动条 */
|
||||
max-height: 580px; /** 设置最大高度,根据需要调整 */
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.totalPrice-input .el-input__inner {
|
||||
color: red;
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
|
||||
<el-dialog :title="title" :visible.sync="open" width="1000px" v-el-drag-dialog append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-divider content-position="left" class="customer_divider_text">技术确认信息</el-divider>
|
||||
<el-row :gutter="8">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术确认单编号" prop="quotJsqrCode">
|
||||
|
@ -151,7 +152,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特缆操作时间" prop="quotJsqrTlOperateTime">
|
||||
<el-input v-model="form.quotJsqrTlOperateTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrTlOperateTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -175,7 +183,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特缆审核时间" prop="quotJsqrTlCheckTime">
|
||||
<el-input v-model="form.quotJsqrTlCheckTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrTlCheckTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -206,7 +221,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特缆组长确认时间" prop="quotJsqrTlLeaderTime">
|
||||
<el-input v-model="form.quotJsqrTlLeaderTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrTlLeaderTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -281,7 +303,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="低压操作时间" prop="quotJsqrDyOperateTime">
|
||||
<el-input v-model="form.quotJsqrDyOperateTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrDyOperateTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -305,7 +334,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="低压审核时间" prop="quotJsqrDyCheckTime">
|
||||
<el-input v-model="form.quotJsqrDyCheckTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrDyCheckTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -336,7 +372,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="低压组长确认时间" prop="quotJsqrDyLeaderTime">
|
||||
<el-input v-model="form.quotJsqrDyLeaderTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrDyLeaderTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -411,7 +454,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="中压操作时间" prop="quotJsqrZyOperateTime">
|
||||
<el-input v-model="form.quotJsqrZyOperateTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrZyOperateTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -435,7 +485,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="中压审核时间" prop="quotJsqrZyCheckTime">
|
||||
<el-input v-model="form.quotJsqrZyCheckTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrZyCheckTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -466,7 +523,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="中压组长确认时间" prop="quotJsqrZyLeaderTime">
|
||||
<el-input v-model="form.quotJsqrZyLeaderTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrZyLeaderTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -541,7 +605,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="其他操作时间" prop="quotJsqrQtOperateTime">
|
||||
<el-input v-model="form.quotJsqrQtOperateTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrQtOperateTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -565,7 +636,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="其他审核时间" prop="quotJsqrQtCheckTime">
|
||||
<el-input v-model="form.quotJsqrQtCheckTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrQtCheckTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -596,7 +674,14 @@
|
|||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="其他组长确认时间" prop="quotJsqrQtLeaderTime">
|
||||
<el-input v-model="form.quotJsqrQtLeaderTime" :disabled="true"/>
|
||||
<div class="el-p" style="width:100%">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
v-model="form.quotJsqrQtLeaderTime"
|
||||
type="datetime"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
@ -674,9 +759,14 @@
|
|||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
overflow-y: auto; /** 自动显示垂直滚动条 */
|
||||
height: 500px;
|
||||
max-height: 580px; /** 设置最大高度,根据需要调整 */
|
||||
}
|
||||
/** divider 文本样式 */
|
||||
.customer_divider_text .el-divider__text{
|
||||
color: #1890ff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
/* 特缆、中压、低压、其他协助反馈附件对话框设置 */
|
||||
|
|
Loading…
Reference in New Issue