按钮权限控制

src/router/modules/insuranceCompany.ts

@@ -26,6 +26,7 @@ const routes: RouteRecordRaw = {
       component: () => import('@/views/insuranceCompanyConfiguration/paymentCodeConfig.vue'),
       meta: {
         title: '支付码配置',
+        auth: ['paymentCodeConfig.add', 'paymentCodeConfig.view', 'paymentCodeConfig.delete', 'paymentCodeConfig.edit']
       },
     },
     {
@@ -34,6 +35,7 @@ const routes: RouteRecordRaw = {
       component: () => import('@/views/insuranceCompanyConfiguration/accountOwnershipConfig.vue'),
       meta: {
         title: '账号归属配置',
+        auth: ['accountOwnershipConfig.add', 'accountOwnershipConfig.view', 'accountOwnershipConfig.delete', 'accountOwnershipConfig.edit']
       },
     },
   ],

src/router/modules/product.ts

@@ -49,7 +49,7 @@ const routes: RouteRecordRaw = {
       redirect: '/productConfiguration/specialClause/specialClauseindex',
       meta: {
         title: '特约管理',
-        auth: ['drivingInsurance.add', 'drivingInsurance.view', 'drivingInsurance.delete', 'drivingInsurance.edit']
+        auth: ['specialClause.add', 'specialClause.view', 'specialClause.delete', 'specialClause.edit']
       },
       children: [
         {

src/views/insuranceCompanyConfiguration/accountOwnershipConfig.vue

@@ -4,11 +4,11 @@
       <ElRow :gutter="20" style="height: 100%;">
         <ElCol :md="4">
           <div class="flex f-c " style="height: 100%;">
-            <ElFormItem>
+            <ElFormItem >
               <ElInput v-model="companyName" placeholder="输入保险公司名称查找" type="text" tabindex="1" clearable
                 style="width: 100%;" @clear="companyQuery">
-                <template #append>
-                  <el-button :icon="Search" @click="companyQuery" v-auth="'drivingInsurance.add'" />
+                <template #append >
+                  <el-button :icon="Search" @click="companyQuery" v-auth="'accountOwnershipConfig.view'"  />
                 </template>
               </ElInput>
             </ElFormItem>
@@ -25,7 +25,7 @@
         </ElCol>
         <ElCol :md="19">
           <ElCol :md="24" :lg="24" :offset="23" v-if="companyactiveID">
-            <el-button type="primary" @click="parametervalidate(productFormRef)">保存</el-button>
+            <el-button type="primary" v-auth="'accountOwnershipConfig.add'" @click="parametervalidate(productFormRef)">保存</el-button>
           </ElCol>
           <ElCol :md="24" :lg="24">
             <el-tabs v-model="editableTabsValue" type="card" editable class="demo-tabs" @edit="handleTabsEdit"
@@ -94,7 +94,7 @@
                 <ElDivider style="margin: 0;"></ElDivider>
                 <ElCol :md="24" :lg="24" style="margin: 10px 0;font-size: 14px;">
                   <span class="strong" style="margin-right: 10px;">基本信息</span>
-                  <el-button type="primary" @click="addParameter(index)">
+                  <el-button type="primary" @click="addParameter(index)" v-auth="'accountOwnershipConfig.add'">
                     <template #icon>
                       <ElIcon>
                         <plus />
@@ -121,18 +121,17 @@
                   <el-table-column prop="value" label="默认数据" width="180" align="center"></el-table-column>
                   <el-table-column label="操作" width="280" align="center">
                     <template #default="scope">
-                      <el-button type="primary" link @click="fieldsDel(scope.$index, index)">删除</el-button>
+                      <Auth :value="'accountOwnershipConfig.delete'">
+                        <el-button type="primary" link @click="fieldsDel(scope.$index, index)">删除</el-button>
+                      </Auth>
                     </template>
                   </el-table-column>
                 </el-table>
               </el-tab-pane>
             </el-tabs>
           </ElCol>
-
-
         </ElCol>
       </ElRow>
-
     </PageMain>
     <el-drawer v-model="fieldsAddDrawer" :direction="direction" @open="DrawerOpen">
       <template #header>

src/views/insuranceCompanyConfiguration/paymentCodeConfig.vue

@@ -9,7 +9,7 @@
             </ElFormItem>
           </ElCol>
           <ElCol :md="4">
-            <el-button type="primary" @click="findpage">查询</el-button>
+            <el-button type="primary" v-auth="'paymentCodeConfig.view'" @click="findpage">查询</el-button>
           </ElCol>
         </ElRow>
       </ElForm>
@@ -17,7 +17,7 @@
       <Table :tableData="tableData" :columns="columns" :showIndex="false" :columnwidth="200" :showSelect="false"
         :pageInfo="pageInfo" @getList="getList">
         <template v-slot:table-title-btn>
-          <el-button type="primary" @click="companyAdd">
+          <el-button type="primary" @click="companyAdd" v-auth="'paymentCodeConfig.add'">
             添加保险公司
             <template #icon>
               <el-icon>
@@ -27,17 +27,20 @@
           </el-button>
         </template>
         <template v-slot:operation="scope">
-          <el-button type="primary" link @click="paymentEdit(scope.operationData.id)"> 编辑
-          </el-button>
-          <el-button type="primary" link @click="paymentDel(scope.operationData.id)"> 删除
-          </el-button>
+          <Auth :value="'paymentCodeConfig.edit'">
+            <el-button type="primary" link @click="paymentEdit(scope.operationData.id)"> 编辑
+            </el-button>
+          </Auth>
+          <Auth :value="'paymentCodeConfig.delete'">
+            <el-button type="primary" link @click="paymentDel(scope.operationData.id)"> 删除
+            </el-button>
+          </Auth>
         </template>
         <template v-slot:search="scope">
           {{ scope.slotData.label }}
         </template>
       </Table>
     </PageMain>
-
     <el-dialog v-model="paynemtAdddialogVisible" :title="dialogTitle" width="40%" @close="close">
       <ElRow :gutter="20">
         <el-form :model="paymentform" :inline="true" label-width="120px" :rules="memberformRules" label-position="top"

src/views/productConfiguration/specialClause/specialClauseAdd.vue

@@ -9,7 +9,7 @@
           ref="specialformRef" style="max-width: 1000px;" class="flex a-c f-wrap" :size="fromSize">
           <ElCol :md="24" :lg="12">
             <el-form-item label="保险公司" prop="companyId">
-              <el-select v-model="specialform.companyId" placeholder="请选择" clearable>
+              <el-select v-model="specialform.companyId" placeholder="请选择" clearable  filterable>
                 <el-option v-for="(item, index) in companyList" :key="index" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>

src/views/productConfiguration/specialClause/specialClauseindex.vue

@@ -5,7 +5,7 @@
         <ElRow :gutter="20">
           <ElCol :md="8">
             <ElFormItem label="保险公司">
-              <el-select v-model="formInline.companyId" placeholder="请选择保险公司" style="width: 100%;">
+              <el-select v-model="formInline.companyId" placeholder="请选择保险公司" clearable filterable style="width: 100%;">
                 <el-option :label="item.name" :value="item.id" v-for="(item, index) in companyList" :key="index" />
               </el-select>
             </ElFormItem>
@@ -36,7 +36,7 @@
           </ElCol>
           <ElCol :md="8">
             <div class="flex a-c j-end" style="width: 100%;">
-              <el-button type="primary" @click="findpage">查询</el-button>
+              <el-button type="primary" @click="findpage" v-auth="'specialClause.view'">查询</el-button>
               <el-button type="default" @click="reset">重置</el-button>
             </div>
           </ElCol>
@@ -47,7 +47,7 @@
         :pageInfo="pageInfo" @getList="getList" @selectionChange="selectionChange">
         <template v-slot:table-title-btn>
           <RouterLink :to="{ name: 'SpecialClauseAdd' }">
-            <el-button type="primary">
+            <el-button type="primary" v-auth="'specialClause.add'">
               添加特约
               <template #icon>
                 <el-icon>
@@ -57,15 +57,19 @@
             </el-button>
           </RouterLink>
 
-          <el-button type="default" @click="batchDel" :disabled="!sysUpAndDownList.length">
+          <el-button type="default" @click="batchDel" v-auth="'specialClause.delete'" :disabled="!sysUpAndDownList.length">
             批量删除
           </el-button>
         </template>
         <template v-slot:operation="scope">
-          <el-button type="primary" link @click="Edit(scope.operationData.id)"> 编辑
-          </el-button>
-          <el-button type="primary" link @click="Del(scope.operationData.id)"> 删除
-          </el-button>
+          <Auth :value="'specialClause.edit'">
+            <el-button type="primary" link @click="Edit(scope.operationData.id)"> 编辑
+            </el-button>
+          </Auth>
+          <Auth :value="'specialClause.delete'">
+            <el-button type="primary" link @click="Del(scope.operationData.id)"> 删除
+            </el-button>
+          </Auth>
         </template>
         <template v-slot:search="scope">
           {{ scope.slotData.label }}
@@ -118,11 +122,10 @@ function findpage() {
       pageInfo.value.pageSize = res.data.size;
       pageInfo.value.total = res.data.total;
     }
-
   })
 }
 const columns = [
-  { prop: "companyName", label: "保险公司", align: 'left', width: '180' },
+  { prop: "companyName", label: "保险公司", align: 'left', width: '280' },
   {
     prop: "riskCode", label: "特约类型", width: '150', formatter: (row: any) => {
       let riskCode = row.riskCode;
@@ -132,7 +135,7 @@ const columns = [
   },
   { prop: "clauseName", label: "特约名称", align: 'left' },
   { prop: "clauseCode", label: "编码", width: '220' },
-  { prop: "clauseContent", label: "特别约定内容", width: '480', },
+  { prop: "clauseContent", label: "特别约定内容", width: '480'},
 ];
 function getList(item: PageInfo) {
   pageInfo.value.pageNum = item.pageNum;
@@ -215,7 +218,12 @@ const Del = (id: string) => {
 
 }
 const reset = () => {
-
+  formInline.clauseCode='';
+  formInline.clauseContent='';
+  formInline.clauseName='';
+  formInline.companyId='';
+  formInline.riskCode='';
+  findpage();
 }
 </script>
 <style lang="scss" scoped>