|
@@ -2,7 +2,7 @@
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="客户类别" prop="fTypeid">
|
|
|
- <el-select v-model="queryParams.fTypeid" placeholder="请选择客户类别" clearable size="small">
|
|
|
+ <el-select style="width: 250px" v-model="queryParams.fTypeid" placeholder="请选择客户类别" clearable size="small">
|
|
|
<el-option
|
|
|
v-for="dict in fTypeidOptions"
|
|
|
:key="dict.dictValue"
|
|
@@ -14,6 +14,7 @@
|
|
|
<el-form-item label="编号" prop="fNo">
|
|
|
<el-input
|
|
|
v-model="queryParams.fNo"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入编号"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -23,6 +24,7 @@
|
|
|
<el-form-item label="名称" prop="fName">
|
|
|
<el-input
|
|
|
v-model="queryParams.fName"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入名称"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -32,6 +34,7 @@
|
|
|
<el-form-item label="简称" prop="fCname">
|
|
|
<el-input
|
|
|
v-model="queryParams.fCname"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入简称"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -41,6 +44,7 @@
|
|
|
<el-form-item label="英文名称" prop="fEname">
|
|
|
<el-input
|
|
|
v-model="queryParams.fEname"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入英文名称"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -50,6 +54,7 @@
|
|
|
<el-form-item label="电话" prop="fTel">
|
|
|
<el-input
|
|
|
v-model="queryParams.fTel"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入电话"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -60,6 +65,7 @@
|
|
|
<el-form-item label="录入人" prop="fTel">
|
|
|
<el-input
|
|
|
v-model="queryParams.fTel"
|
|
|
+ style="width: 250px"
|
|
|
placeholder="请输入录入人"
|
|
|
clearable
|
|
|
size="small"
|
|
@@ -68,7 +74,7 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="录入时间" prop="fContractb">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ <el-date-picker clearable size="small" style="width: 250px"
|
|
|
v-model="queryParams.fContractb"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
@@ -87,7 +93,7 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="修改时间" prop="fContracte">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ <el-date-picker clearable size="small" style="width: 250px"
|
|
|
v-model="queryParams.fContracte"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
@@ -100,7 +106,7 @@
|
|
|
placeholder="客户状态"
|
|
|
clearable
|
|
|
size="small"
|
|
|
- style="width: 240px"
|
|
|
+ style="width: 250px"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="dict in statusOptions"
|
|
@@ -220,13 +226,13 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改客户详情对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" close-on-click-modal="false" width="766px" :close-on-click-modal="false" append-to-body>
|
|
|
+ <el-dialog :title="title" :visible.sync="open" close-on-click-modal="false" width="80%" :close-on-click-modal="false" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="客户类别" prop="fTypeid">
|
|
|
- <el-select v-model="form.fTypeid" placeholder="请选择客户类别">
|
|
|
+ <el-select style="width: 250px" v-model="form.fTypeid" placeholder="请选择客户类别">
|
|
|
<el-option
|
|
|
v-for="dict in fTypeidOptions"
|
|
|
:key="dict.dictValue"
|
|
@@ -236,95 +242,99 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="编号" prop="fNo">
|
|
|
- <el-input v-model="form.fNo" style="width: 200px" placeholder="请输入编号" />
|
|
|
+ <el-input v-model="form.fNo" style="width: 250px" placeholder="请输入编号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="名称" prop="fName">
|
|
|
+ <el-input v-model="form.fName" style="width: 250px" placeholder="请输入名称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="名称" prop="fName">
|
|
|
- <el-input v-model="form.fName" style="width: 200px" placeholder="请输入名称" />
|
|
|
+ <el-input v-model="form.fName" style="width: 250px" placeholder="请输入名称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="简称" prop="fCname">
|
|
|
- <el-input v-model="form.fCname" style="width: 200px" placeholder="请输入简称" />
|
|
|
+ <el-input v-model="form.fCname" style="width: 250px" placeholder="请输入简称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="英文名称" prop="fEname">
|
|
|
- <el-input v-model="form.fEname" style="width: 200px" placeholder="请输入英文名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="电话" prop="fTel">
|
|
|
- <el-input v-model="form.fTel" style="width: 200px" placeholder="请输入电话" />
|
|
|
+ <el-input v-model="form.fEname" style="width: 250px" placeholder="请输入英文名称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="电话" prop="fTel">
|
|
|
+ <el-input v-model="form.fTel" style="width: 250px" placeholder="请输入电话" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="传真" prop="fFax">
|
|
|
- <el-input v-model="form.fFax" style="width: 200px" placeholder="请输入传真" />
|
|
|
+ <el-input v-model="form.fFax" style="width: 250px" placeholder="请输入传真" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="邮箱" prop="fEmail">
|
|
|
- <el-input v-model="form.fEmail" style="width: 200px" placeholder="请输入邮箱" />
|
|
|
+ <el-input v-model="form.fEmail" style="width: 250px" placeholder="请输入邮箱" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="联系人" prop="fManage">
|
|
|
- <el-input v-model="form.fManage" style="width: 200px" placeholder="请输入联系人" />
|
|
|
+ <el-input v-model="form.fManage" style="width: 250px" placeholder="请输入联系人" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="地址" prop="fAddr">
|
|
|
- <el-input v-model="form.fAddr" style="width: 200px" placeholder="请输入地址" />
|
|
|
+ <el-input v-model="form.fAddr" style="width: 250px" placeholder="请输入地址" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="英文地址" prop="fEaddr">
|
|
|
- <el-input v-model="form.fEaddr" style="width: 200px" placeholder="请输入英文地址" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="规模" prop="fScale">
|
|
|
- <el-input v-model="form.fScale" style="width: 200px" placeholder="请输入规模" />
|
|
|
+ <el-input v-model="form.fEaddr" style="width: 250px" placeholder="请输入英文地址" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="规模" prop="fScale">
|
|
|
+ <el-input v-model="form.fScale" style="width: 250px" placeholder="请输入规模" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="省" prop="fProvince">
|
|
|
- <el-input v-model="form.fProvince" style="width: 200px" placeholder="请输入省" />
|
|
|
+ <el-input v-model="form.fProvince" style="width: 250px" placeholder="请输入省" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="市" prop="fCity">
|
|
|
- <el-input v-model="form.fCity" style="width: 200px" placeholder="请输入市" />
|
|
|
+ <el-input v-model="form.fCity" style="width: 250px" placeholder="请输入市" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="结算表票结、月结" prop="fStltypeid">
|
|
|
- <el-select v-model="form.fStltypeid" style="width: 200px" placeholder="请选择结算表票结、月结">
|
|
|
+ <el-select v-model="form.fStltypeid" style="width: 250px" placeholder="请选择结算表票结、月结">
|
|
|
<el-option
|
|
|
v-for="dict in fStltypeidOptions"
|
|
|
:key="dict.dictValue"
|
|
@@ -334,30 +344,28 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="结费天数" prop="fStldays">
|
|
|
- <el-input v-model="form.fStldays" style="width: 200px" placeholder="请输入结费天数" />
|
|
|
+ <el-input v-model="form.fStldays" style="width: 250px" placeholder="请输入结费天数" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="合同号" prop="fContractno">
|
|
|
- <el-input v-model="form.fContractno" style="width: 200px" placeholder="请输入合同号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="税号" prop="fTax">
|
|
|
- <el-input v-model="form.fTax" style="width: 200px" placeholder="请输入税号" />
|
|
|
+ <el-input v-model="form.fContractno" style="width: 250px" placeholder="请输入合同号" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="税号" prop="fTax">
|
|
|
+ <el-input v-model="form.fTax" style="width: 250px" placeholder="请输入税号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="合同起" prop="fContractb">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ <el-date-picker clearable size="small" style="width: 250px"
|
|
|
v-model="form.fContractb"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
@@ -365,9 +373,9 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="合同至" prop="fContracte">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ <el-date-picker clearable size="small" style="width: 250px"
|
|
|
v-model="form.fContracte"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
@@ -378,40 +386,38 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="开票电话" prop="fInvtel">
|
|
|
- <el-input v-model="form.fInvtel" style="width: 200px" placeholder="请输入开票电话" />
|
|
|
+ <el-input v-model="form.fInvtel" style="width: 250px" placeholder="请输入开票电话" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="开票地址" prop="fInvaddr">
|
|
|
- <el-input v-model="form.fInvaddr" style="width: 200px" placeholder="请输入开票地址" />
|
|
|
+ <el-input v-model="form.fInvaddr" style="width: 250px" placeholder="请输入开票地址" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="本位币账号" prop="fBankno">
|
|
|
- <el-input v-model="form.fBankno" style="width: 200px" placeholder="请输入本位币账号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="本位币银行" prop="fBankname">
|
|
|
- <el-input v-model="form.fBankname" style="width: 200px" placeholder="请输入本位币银行" />
|
|
|
+ <el-input v-model="form.fBankno" style="width: 250px" placeholder="请输入本位币账号" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="本位币银行" prop="fBankname">
|
|
|
+ <el-input v-model="form.fBankname" style="width: 250px" placeholder="请输入本位币银行" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="外币账号" prop="fUbankno">
|
|
|
- <el-input v-model="form.fUbankno" style="width: 200px" placeholder="请输入外币账号" />
|
|
|
+ <el-input v-model="form.fUbankno" style="width: 250px" placeholder="请输入外币账号" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="外币银行" prop="fUbankname">
|
|
|
- <el-input v-model="form.fUbankname" style="width: 200px" placeholder="请输入外币银行" />
|
|
|
+ <el-input v-model="form.fUbankname" style="width: 250px" placeholder="请输入外币银行" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -432,24 +438,10 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <!--<el-form-item label="删除状态" prop="delFlag">
|
|
|
- <el-input v-model="form.delFlag" placeholder="请输入删除状态" />
|
|
|
- </el-form-item>-->
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-
|
|
|
- <!--<el-form-item label="删除状态" prop="delFlag">
|
|
|
- <el-select v-model="form.delFlag" style="width: 200px" placeholder="请选择删除状态">
|
|
|
- <el-option
|
|
|
- v-for="dict in delFlagOptions"
|
|
|
- :key="dict.dictValue"
|
|
|
- :label="dict.dictLabel"
|
|
|
- :value="dict.dictValue"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>-->
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
- <el-input v-model="form.remark" style="width: 200px" placeholder="请输入备注" />
|
|
|
+ <el-input v-model="form.remark" style="width: 400px" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div >
|