样式修改

front-vue/src/views/service/financeProduct/addFinanceProduct.vue

@@ -10,6 +10,7 @@
         </el-form-item>
         <el-form-item label="资金方:" prop="zfpManagementId" style="margin-left: 5%">
            <el-select
+           style="width: 95%;"
               v-model="form.zfpManagementId"
               placeholder="请选择资金方"
               clearable
@@ -37,7 +38,7 @@
          <el-form-item label="最短融资账期:" prop="zfpShortestPeriod" style="margin-left: 5%">
           <el-input v-model="form.zfpShortestPeriod" placeholder="最短14天" @change="change"/>
         </el-form-item>
-        <el-form-item label="服务费是否可退:" style="margin-left: 5%">
+        <el-form-item label="服务费是否可退:" style="margin-left: 6%">
           <el-radio v-model="form.zfpCharge" label="0">否</el-radio>
           <el-radio v-model="form.zfpCharge" label="1">是</el-radio>
         </el-form-item>
@@ -64,12 +65,13 @@
           <el-radio v-model="form.zfpCoreAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpCoreAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="是否需融资企业开户:" style="margin-left: 5%">
+        <el-form-item label="是否需融资企业开户:" style="margin-left: 11.1%">
           <el-radio v-model="form.zfpSupplierAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpSupplierAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 5%">
+        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 12%">
           <el-select
+          style="width: 95%;"
             v-model="form.zfpBookkeeping"
             placeholder="请选择记账簿托管方式"
             clearable
@@ -85,11 +87,12 @@
           <el-radio v-model="form.zfpPart" label="0">否</el-radio>
           <el-radio v-model="form.zfpPart" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 5%">
+        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 11.1%">
           <el-input v-model="form.zfpRate" placeholder="请输入资方融资费率" />
         </el-form-item>
-        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 5%">
+        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 6.2%">
           <el-select
+          style="width: 95%;"
             v-model="form.zfpExpire"
             placeholder="请选择融资到期方式"
             clearable
@@ -121,12 +124,13 @@
         <el-form-item label="资方返佣费率" prop="zfpProfitRate" style="margin-left: 5%" v-if="form.zfpProfit== '1'">
           <el-input v-model="form.zfpProfitRate" placeholder="请输入资方返佣费率" />
         </el-form-item>
-        <el-form-item label="是否需平台审批:" style="margin-left: 5%">
+        <el-form-item label="是否需平台审批:" style="margin-left: 11.1%">
           <el-radio v-model="form.zfpPlatform" label="0">否</el-radio>
           <el-radio v-model="form.zfpPlatform" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 5%" >
+        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 12.2%" >
           <el-select
+          style="width: 95%;"
             v-model="form.zfpAuthType"
             placeholder="请选择签署意愿类型"
             clearable

front-vue/src/views/service/financeProduct/detailFinanceProduct.vue

@@ -7,7 +7,7 @@
         <el-form-item label="创建人:" prop="userName" style="margin-left: 5%">
           <el-input v-model="userName" placeholder="请输入融资产品名称" :disabled="disabled" />
         </el-form-item>
-        <el-form-item label="创建时间:" prop="createTime" style="margin-left: 5%">
+        <el-form-item label="创建时间:" prop="createTime" style="margin-left: 5.7%">
           <el-input v-model="form.createTime" placeholder="请输入融资产品名称" :disabled="disabled" />
         </el-form-item>
       <el-divider content-position="left">基本信息</el-divider>
@@ -17,8 +17,9 @@
         <el-form-item label="融资产品名称:" prop="zfpName" style="margin-left: 5%">
           <el-input v-model="form.zfpName" placeholder="请输入融资产品名称" :disabled="disabled" />
         </el-form-item>
-        <el-form-item label="资金方:" prop="zfpManagementId" style="margin-left: 5%">
+        <el-form-item  label="资金方:" prop="zfpManagementId" style="margin-left: 5%">
            <el-select
+           style= "width: 95%;"
               v-model="form.zfpManagementId"
               placeholder="请选择资金方"
               clearable
@@ -47,16 +48,17 @@
          <el-form-item label="最短融资账期:" prop="zfpShortestPeriod" style="margin-left: 5%">
           <el-input v-model="form.zfpShortestPeriod" placeholder="最短14天" @change="change" :disabled="disabled"/>
         </el-form-item>
-        <el-form-item label="服务费是否可退:" style="margin-left: 5%">
+        <el-form-item label="服务费是否可退:" style="margin-left: 6%">
           <el-radio v-model="form.zfpCharge" label="0" :disabled="disabled">否</el-radio>
           <el-radio v-model="form.zfpCharge" label="1" :disabled="disabled">是</el-radio>
         </el-form-item>
         <el-form-item label="是否有追索权:" style="margin-left: 5%">
           <el-radio v-model="form.zfpRecourse" label="0" :disabled="disabled">否</el-radio>
-          <el-radio v-model="form.zfpRecourse" label="1" :disabled="disabled">是</el-radio>
+          <el-radio style="margin-left: 50%;" v-model="form.zfpRecourse" label="1" :disabled="disabled">是</el-radio>
         </el-form-item>
         <el-form-item label="电子凭证类型:" prop="zfpVoucherType" style="margin-left: 5%">
           <el-select
+          style= "width: 95%;"
             v-model="form.zfpVoucherType"
             placeholder="请选择电子凭证类型"
             clearable
@@ -75,12 +77,13 @@
           <el-radio v-model="form.zfpCoreAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpCoreAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="是否需融资企业开户:" style="margin-left: 5%">
+        <el-form-item label="是否需融资企业开户:" style="margin-left: 11%">
           <el-radio v-model="form.zfpSupplierAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpSupplierAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 5%">
+        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 12%">
           <el-select
+          style= "width: 95%;"
             v-model="form.zfpBookkeeping"
             placeholder="请选择记账簿托管方式"
             clearable
@@ -92,15 +95,16 @@
               :value="dict.dictValue"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="是否支持部分融资:" style="margin-left: 5%">
+        <el-form-item label="是否支持部分融资:" style="float: left; margin-left: 5%">
           <el-radio v-model="form.zfpPart" label="0">否</el-radio>
           <el-radio v-model="form.zfpPart" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 5%">
+        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 11%">
           <el-input v-model="form.zfpRate" placeholder="请输入资方融资费率" />
         </el-form-item>
-        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 5%">
+        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 6%">
           <el-select
+          style="width: 95%;"
             v-model="form.zfpExpire"
             placeholder="请选择融资到期方式"
             clearable
@@ -116,8 +120,9 @@
           <el-radio v-model="form.zfpProfit" label= "0" >否</el-radio>
           <el-radio v-model="form.zfpProfit" label= "1" >是</el-radio>
         </el-form-item>
-        <el-form-item label="资方返佣方式:" prop="zfpProfitType" style="margin-left: 5%" v-if="form.zfpProfit== '1' ">
+        <el-form-item label="资方返佣方式:" prop="zfpProfitType" style="margin-left: 11.1%" v-if="form.zfpProfit== '1' ">
           <el-select
+          style="width: 95%;"
             v-model="form.zfpProfitType"
             placeholder="请选择资方返佣方式"
             clearable
@@ -136,8 +141,9 @@
           <el-radio v-model="form.zfpPlatform" label="0">否</el-radio>
           <el-radio v-model="form.zfpPlatform" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 5%" >
+        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 11.1%" >
           <el-select
+          style="width: 95%;"
             v-model="form.zfpAuthType"
             placeholder="请选择签署意愿类型"
             clearable

front-vue/src/views/service/financeProduct/editFinanceProduct.vue

@@ -7,7 +7,7 @@
         <el-form-item label="创建人:" prop="userName" style="margin-left: 5%">
           <el-input v-model="userName" placeholder="请输入融资产品名称" :disabled="disabled" />
         </el-form-item>
-        <el-form-item label="创建时间:" prop="createTime" style="margin-left: 5%">
+        <el-form-item label="创建时间:" prop="createTime" style="margin-left: 5.7%">
           <el-input v-model="form.createTime" placeholder="请输入融资产品名称" :disabled="disabled" />
         </el-form-item>
       <el-divider content-position="left">基本信息</el-divider>
@@ -19,6 +19,7 @@
         </el-form-item>
         <el-form-item label="资金方:" prop="zfpManagementId" style="margin-left: 5%">
            <el-select
+           style= "width: 95%;"
               v-model="form.zfpManagementId"
               placeholder="请选择资金方"
               clearable
@@ -47,7 +48,7 @@
          <el-form-item label="最短融资账期:" prop="zfpShortestPeriod" style="margin-left: 5%">
           <el-input v-model="form.zfpShortestPeriod" placeholder="最短14天" @change="change" :disabled="disabled"/>
         </el-form-item>
-        <el-form-item label="服务费是否可退:" style="margin-left: 5%">
+        <el-form-item label="服务费是否可退:" style="margin-left: 6%">
           <el-radio v-model="form.zfpCharge" label="0" :disabled="disabled">否</el-radio>
           <el-radio v-model="form.zfpCharge" label="1" :disabled="disabled">是</el-radio>
         </el-form-item>
@@ -57,6 +58,7 @@
         </el-form-item>
         <el-form-item label="电子凭证类型:" prop="zfpVoucherType" style="margin-left: 5%">
           <el-select
+          style="width: 95%;"
             v-model="form.zfpVoucherType"
             placeholder="请选择电子凭证类型"
             clearable
@@ -75,11 +77,11 @@
           <el-radio v-model="form.zfpCoreAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpCoreAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="是否需融资企业开户:" style="margin-left: 5%">
+        <el-form-item label="是否需融资企业开户:" style="margin-left: 11%">
           <el-radio v-model="form.zfpSupplierAccount" label="0">否</el-radio>
           <el-radio v-model="form.zfpSupplierAccount" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 5%">
+        <el-form-item label="记账簿托管方式:" prop="zfpBookkeeping" style="margin-left: 12%">
           <el-select
             v-model="form.zfpBookkeeping"
             placeholder="请选择记账簿托管方式"
@@ -96,10 +98,10 @@
           <el-radio v-model="form.zfpPart" label="0">否</el-radio>
           <el-radio v-model="form.zfpPart" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 5%">
+        <el-form-item label="资方融资费率:" prop="zfpRate" style="margin-left: 11%">
           <el-input v-model="form.zfpRate" placeholder="请输入资方融资费率" />
         </el-form-item>
-        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 5%">
+        <el-form-item label="融资到期方式:" prop="zfpExpire" style="margin-left: 6%">
           <el-select
             v-model="form.zfpExpire"
             placeholder="请选择融资到期方式"
@@ -116,7 +118,7 @@
           <el-radio v-model="form.zfpProfit" label= "0" >否</el-radio>
           <el-radio v-model="form.zfpProfit" label= "1" >是</el-radio>
         </el-form-item>
-        <el-form-item label="资方返佣方式:" prop="zfpProfitType" style="margin-left: 5%" v-if="form.zfpProfit== '1' ">
+        <el-form-item label="资方返佣方式:" prop="zfpProfitType" style="margin-left: 11.1%" v-if="form.zfpProfit== '1' ">
           <el-select
             v-model="form.zfpProfitType"
             placeholder="请选择资方返佣方式"
@@ -136,7 +138,7 @@
           <el-radio v-model="form.zfpPlatform" label="0">否</el-radio>
           <el-radio v-model="form.zfpPlatform" label="1">是</el-radio>
         </el-form-item>
-        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 5%" >
+        <el-form-item label="签署意愿类型:" prop="zfpAuthType" style="margin-left: 11.%" >
           <el-select
             v-model="form.zfpAuthType"
             placeholder="请选择签署意愿类型"

front-vue/src/views/service/financeProduct/financeProduct.vue

@@ -19,7 +19,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="资方" prop="scyName" >
+      <el-form-item style="margin-left: 10%;" label="资方" prop="scyName" >
         <el-input
           v-model="queryParams.scyName"
           placeholder="请输入资方名称"
@@ -29,7 +29,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="最短账期">
+      <el-form-item style="margin-left: 10%;" label="最短账期">
           <el-input
           v-model="queryParams.begin"
           placeholder="请输入最短账期"
@@ -73,18 +73,18 @@
           <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
         </template>
       </el-table-column>      
-      <el-table-column label="产品编号" align="center" prop="zfpNumber" :show-overflow-tooltip="true"/>
-      <el-table-column label="产品名称" align="center" prop="zfpName" :show-overflow-tooltip="true"/>
-      <el-table-column label="产品类型" align="center" prop="zfpType" :formatter="typeFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="资金方" align="center" prop="scyName" :show-overflow-tooltip="true"/>
-      <el-table-column label="是否可拆转融" align="center" prop="zfpSplit" :formatter="splitFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="是否有追索权" align="center" prop="zfpRecourse" :formatter="recourseFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="电子凭证类型" align="center" prop="zfpVoucherType" :formatter="voucherTypeFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="服务费是否可退" align="center" prop="zfpCharge" :formatter="chargeFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="产品状态" align="center" prop="zfpStatus" :formatter="statusFormat" :show-overflow-tooltip="true"/>
-      <el-table-column label="最小融资金额" align="center" prop="zfpMinimumAmount" :show-overflow-tooltip="true"/>
-      <el-table-column label="最短账期" align="center" prop="zfpShortestPeriod" :show-overflow-tooltip="true"/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="产品编号" align="center" prop="zfpNumber" :show-overflow-tooltip="true"  v-if="uncheckList.zfpNumber"/>
+      <el-table-column label="产品名称" align="center" prop="zfpName" :show-overflow-tooltip="true"  v-if="uncheckList.zfpName"/>
+      <el-table-column label="产品类型" align="center" prop="zfpType" :formatter="typeFormat" :show-overflow-tooltip="true"  v-if="uncheckList.zfpType"/>
+      <el-table-column label="资金方" align="center" prop="scyName" :show-overflow-tooltip="true"  v-if="uncheckList.scyName"/>
+      <el-table-column label="是否可拆转融" align="center" prop="zfpSplit" :formatter="splitFormat" :show-overflow-tooltip="true"  v-if="uncheckList.zfpSplit"/>
+      <el-table-column label="是否有追索权" align="center" prop="zfpRecourse" :formatter="recourseFormat" :show-overflow-tooltip="true"  v-if="uncheckList.zfpRecourse"/>
+      <el-table-column label="电子凭证类型" align="center" prop="zfpVoucherType" :formatter="voucherTypeFormat" :show-overflow-tooltip="true"  v-if="uncheckList.zfpVoucherType"/>
+      <el-table-column label="服务费是否可退" align="center" prop="zfpCharge" :formatter="chargeFormat" :show-overflow-tooltip="true"  v-if="uncheckList.zfpCharge"/>
+      <el-table-column label="产品状态" align="center" prop="zfpStatus" :formatter="statusFormat" :show-overflow-tooltip="true"  v-if="uncheckList.pifMold"/>
+      <el-table-column label="最小融资金额" align="center" prop="zfpMinimumAmount" :show-overflow-tooltip="true"  v-if="uncheckList.zfpMinimumAmount"/>
+      <el-table-column label="最短账期" align="center" prop="zfpShortestPeriod" :show-overflow-tooltip="true"  v-if="uncheckList.zfpShortestPeriod"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -133,10 +133,10 @@
 <script>
 import { listFinanceProduct,changeState } from "@/api/service/financeProduct/financeProduct";
 
-
 export default {
   name: "financeProduct",
   components: {
+    ColumnSetting 
   },
   data() {
     return {
@@ -175,7 +175,7 @@ export default {
         // ]
       }
     };
-  },
+},
   created() {
     this.getList();
     this.getDicts("zc_zfp_split").then((response) => {
@@ -200,6 +200,9 @@ export default {
   activated(){
     this.getList();
   },
+  mounted() {
+    this.columnQuery();
+  },
   methods: {
     /** 查询融资产品列表 */
     getList() {
@@ -210,7 +213,6 @@ export default {
         this.loading = false;
       });
     },
-    
     // 取消按钮
     cancel() {
       this.open = false;