|
|
@@ -5,7 +5,7 @@
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span class="font-medium">企业基本信息 </span>
|
|
|
- <el-button type="primary" style="float: right" @click="handleSave">保存</el-button>
|
|
|
+ <el-button v-if="!isViewMode" type="primary" style="float: right" @click="handleSave">保存</el-button>
|
|
|
<!-- <span class="font-medium"
|
|
|
>企业基本信息 / <span style="color: #ff0033">客户编号：{{ customerNumber }}</span></span
|
|
|
> -->
|
|
|
@@ -15,19 +15,26 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="所属公司" prop="belongCompanyId">
|
|
|
- <el-select v-model="form.belongCompanyId" placeholder="请选择所属公司" class="w-full" filterable @change="handCompanyChange">
|
|
|
+ <el-select
|
|
|
+ v-model="form.belongCompanyId"
|
|
|
+ placeholder="请选择所属公司"
|
|
|
+ class="w-full"
|
|
|
+ filterable
|
|
|
+ @change="handCompanyChange"
|
|
|
+ :disabled="isViewMode"
|
|
|
+ >
|
|
|
<el-option v-for="item in companyList" :key="item.id" :label="`${item.companyCode} , ${item.companyName}`" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="客户名称" prop="customerName">
|
|
|
- <el-input v-model="form.customerName" placeholder="请输入客户名称"> </el-input>
|
|
|
+ <el-input v-model="form.customerName" placeholder="请输入客户名称" :disabled="isViewMode"> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="工商名称" prop="businessCustomerName">
|
|
|
- <el-input v-model="form.businessCustomerName" placeholder="请输入工商名称" @blur="selectBusinessBtn"> </el-input>
|
|
|
+ <el-input v-model="form.businessCustomerName" placeholder="请输入工商名称" @blur="selectBusinessBtn" :disabled="isViewMode"> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -35,12 +42,12 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="企业简称" prop="shortName">
|
|
|
- <el-input v-model="form.shortName" placeholder="请输入企业简称" />
|
|
|
+ <el-input v-model="form.shortName" placeholder="请输入企业简称" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="开票类型" prop="invoiceTypeId">
|
|
|
- <el-select v-model="form.invoiceTypeId" placeholder="请选择开票类型" class="w-full">
|
|
|
+ <el-select v-model="form.invoiceTypeId" placeholder="请选择开票类型" class="w-full" :disabled="isViewMode">
|
|
|
<el-option
|
|
|
v-for="item in invoiceTypeList"
|
|
|
:key="item.id"
|
|
|
@@ -52,7 +59,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="企业规模" prop="enterpriseScaleId">
|
|
|
- <el-select v-model="form.enterpriseScaleId" placeholder="请选择企业规模" class="w-full" filterable>
|
|
|
+ <el-select v-model="form.enterpriseScaleId" placeholder="请选择企业规模" class="w-full" filterable :disabled="isViewMode">
|
|
|
<el-option
|
|
|
v-for="item in enterpriseScaleList"
|
|
|
:key="item.id"
|
|
|
@@ -67,14 +74,14 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="客户类别" prop="customerTypeId">
|
|
|
- <el-select v-model="form.customerTypeId" placeholder="请选择客户类别" class="w-full" filterable>
|
|
|
+ <el-select v-model="form.customerTypeId" placeholder="请选择客户类别" class="w-full" filterable :disabled="isViewMode">
|
|
|
<el-option v-for="item in customerTypeList" :key="item.id" :label="`${item.typeCode} , ${item.typeName}`" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="行业类别" prop="industryCategoryId">
|
|
|
- <el-select v-model="form.industryCategoryId" placeholder="请选择行业类别" class="w-full" filterable>
|
|
|
+ <el-select v-model="form.industryCategoryId" placeholder="请选择行业类别" class="w-full" filterable :disabled="isViewMode">
|
|
|
<el-option
|
|
|
v-for="item in industryCategoryList"
|
|
|
:key="item.id"
|
|
|
@@ -86,7 +93,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="客户等级" prop="customerLevelId">
|
|
|
- <el-select v-model="form.customerLevelId" placeholder="请选择客户等级" class="w-full" filterable>
|
|
|
+ <el-select v-model="form.customerLevelId" placeholder="请选择客户等级" class="w-full" filterable :disabled="isViewMode">
|
|
|
<el-option v-for="item in customerLevelList" :key="item.id" :label="`${item.levelCode} , ${item.levelName}`" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -96,17 +103,17 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="固定电话" prop="landline">
|
|
|
- <el-input v-model="form.landline" placeholder="请输入固定电话" />
|
|
|
+ <el-input v-model="form.landline" placeholder="请输入固定电话" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="传真" prop="fax">
|
|
|
- <el-input v-model="form.fax" placeholder="请输入传真" />
|
|
|
+ <el-input v-model="form.fax" placeholder="请输入传真" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="网址" prop="url">
|
|
|
- <el-input v-model="form.url" placeholder="请输入网址" />
|
|
|
+ <el-input v-model="form.url" placeholder="请输入网址" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -114,7 +121,7 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="邮政编码" prop="postCode">
|
|
|
- <el-input v-model="form.postCode" placeholder="请输入邮政编码" />
|
|
|
+ <el-input v-model="form.postCode" placeholder="请输入邮政编码" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
@@ -126,6 +133,7 @@
|
|
|
class="w-full"
|
|
|
value-format="YYYY-MM-DD"
|
|
|
style="width: 100%"
|
|
|
+ :disabled="isViewMode"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -139,6 +147,7 @@
|
|
|
value-format="YYYY-MM-DD"
|
|
|
style="width: 100%"
|
|
|
:disabled-date="(time) => form.validityFromDate && time.getTime() < new Date(form.validityFromDate).getTime()"
|
|
|
+ :disabled="isViewMode"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -158,12 +167,13 @@
|
|
|
placeholder="请选择"
|
|
|
@change="handleChange"
|
|
|
style="width: 100%"
|
|
|
+ :disabled="isViewMode"
|
|
|
></el-cascader>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label-width="0">
|
|
|
- <el-input v-model="form.address" placeholder="请输入详细地址" />
|
|
|
+ <el-input v-model="form.address" placeholder="请输入详细地址" :disabled="isViewMode" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -293,7 +303,7 @@
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span class="font-medium">企业开票信息</span>
|
|
|
- <el-button type="primary" @click="handleAddInvoice">新增</el-button>
|
|
|
+ <el-button v-if="!isViewMode" type="primary" @click="handleAddInvoice">新增</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-table :data="invoiceList" border>
|
|
|
@@ -305,7 +315,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="开户行名称" align="center" prop="bankName" min-width="180" />
|
|
|
<el-table-column label="银行账户" align="center" prop="bankAccount" min-width="180" />
|
|
|
- <el-table-column label="操作" align="center" width="150" fixed="right">
|
|
|
+ <el-table-column v-if="!isViewMode" label="操作" align="center" width="150" fixed="right">
|
|
|
<template #default="{ row, $index }">
|
|
|
<el-button link type="primary" @click="handleEditInvoice(row, $index)">编辑</el-button>
|
|
|
<el-button link type="danger" @click="removeInvoice(row)">删除</el-button>
|
|
|
@@ -323,14 +333,21 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="业务人员" prop="salesPersonId">
|
|
|
- <el-select v-model="form.salesPersonId" placeholder="请选择业务人员" class="w-full" filterable @change="handleSalesPersonChange">
|
|
|
+ <el-select
|
|
|
+ v-model="form.salesPersonId"
|
|
|
+ placeholder="请选择业务人员"
|
|
|
+ class="w-full"
|
|
|
+ filterable
|
|
|
+ @change="handleSalesPersonChange"
|
|
|
+ :disabled="isViewMode"
|
|
|
+ >
|
|
|
<el-option v-for="item in comStaffList" :key="item.staffId" :label="`${item.staffCode} , ${item.staffName}`" :value="item.staffId" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="客服人员" prop="serviceStaffId">
|
|
|
- <el-select v-model="form.serviceStaffId" placeholder="请选择客服人员" class="w-full" filterable>
|
|
|
+ <el-select v-model="form.serviceStaffId" placeholder="请选择客服人员" class="w-full" filterable :disabled="isViewMode">
|
|
|
<el-option v-for="item in comStaffList" :key="item.staffId" :label="`${item.staffCode} , ${item.staffName}`" :value="item.staffId" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -408,6 +425,9 @@ const props = defineProps<{
|
|
|
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
+
|
|
|
+// 查看模式
|
|
|
+const isViewMode = computed(() => route.query.status === 'view');
|
|
|
const unitPriceArr = ref([
|
|
|
{ label: '含税', value: 'True' },
|
|
|
{ label: '不含税', value: 'False' }
|
hurx