From 462bf878ca9ea3de8c7f27a13a17f88e0ce028f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BC=9F=E5=BA=9A?= <zhaoweigeng@wodcloud.com>
Date: Sun, 25 Jun 2023 16:42:11 +0800
Subject: [PATCH] =?UTF-8?q?::v-deep=E6=89=B9=E9=87=8F=E6=9B=B4=E6=8D=A2?=
 =?UTF-8?q?=E4=B8=BA:deep()?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/main/config/accessRule/add/index.vue | 38 ++++---------------
 .../main/config/accessRule/edit/index.vue     | 38 ++++---------------
 .../system-admin/visit-control/add/index.vue  | 38 ++++---------------
 .../system-admin/visit-control/edit/index.vue | 38 ++++---------------
 4 files changed, 32 insertions(+), 120 deletions(-)

diff --git a/src/page/main/config/accessRule/add/index.vue b/src/page/main/config/accessRule/add/index.vue
index 5b2a902..e2f8002 100644
--- a/src/page/main/config/accessRule/add/index.vue
+++ b/src/page/main/config/accessRule/add/index.vue
@@ -4,12 +4,7 @@
     <bg-breadcrumb></bg-breadcrumb>
     <div class="main_container">
       <div class="form_content apaas_scroll_nor">
-        <el-form
-          ref="refForm"
-          label-position="left"
-          :model="formData"
-          :rules="rules"
-          label-width="82px">
+        <el-form ref="refForm" label-position="left" :model="formData" :rules="rules" label-width="82px">
           <div class="top_content">
             <el-form-item label="规则名称" prop="ruleName">
               <el-input placeholder="请输入" maxlength="100" v-model="formData.ruleName"></el-input>
@@ -30,29 +25,19 @@
               <el-tooltip placement="top-start" effect="light">
                 <template #content>
                   <span>输入IP段，不可重复，例如：192.168.0.0/24</span><br />
-                  <span
-                    >输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span
-                  >
+                  <span>输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span>
                 </template>
                 <div class="tip-image"></div>
               </el-tooltip>
             </el-form-item>
             <el-form-item class="switch-item" label="是否启用" prop="state" required>
-              <bg-switch
-                :labels="['否', '是']"
-                :values="[0, 1]"
-                v-model="formData.state"></bg-switch>
+              <bg-switch :labels="['否', '是']" :values="[0, 1]" v-model="formData.state"></bg-switch>
             </el-form-item>
           </div>
           <el-form-item class="userScope" label="用户范围" prop="userScope">
             <el-button type="primary" @click="userMaintain"> 用户维护 </el-button>
             <div class="table_content clearfix">
-              <bg-table
-                ref="bgTable"
-                :headers="detailHeaders"
-                :rows="tableRows"
-                height="550"
-                :stripe="true">
+              <bg-table ref="bgTable" :headers="detailHeaders" :rows="tableRows" height="550" :stripe="true">
                 <template v-slot:isAdmin="{ row }">
                   <span>{{ userTypeConfig[row.isAdmin] }}</span>
                 </template>
@@ -67,11 +52,7 @@
             </div>
           </el-form-item>
         </el-form>
-        <el-dialog
-          class="dialog_box_maintain"
-          title="用户维护"
-          v-model="dialogMaintain"
-          width="1062px">
+        <el-dialog class="dialog_box_maintain" title="用户维护" v-model="dialogMaintain" width="1062px">
           <div class="content_detail">
             <div class="form_filter">
               <div class="left">
@@ -299,10 +280,7 @@ const getOrgTree = () => {
 };
 const changePage = (page) => {
   state.pageConfig.page = page;
-  state.tableRows = state.selectedRows.slice(
-    (page - 1) * state.pageConfig.limit,
-    page * state.pageConfig.limit
-  );
+  state.tableRows = state.selectedRows.slice((page - 1) * state.pageConfig.limit, page * state.pageConfig.limit);
 };
 
 const changeSize = (size) => {
@@ -392,7 +370,7 @@ const submit = () => {
       height: 100%;
       padding-left: 40px;
       .el-form {
-        ::v-deep .el-form-item {
+        :deep() .el-form-item {
           display: block;
           margin-bottom: 24px;
           width: 60%;
@@ -435,7 +413,7 @@ const submit = () => {
       }
     }
 
-    ::v-deep .dialog_box_maintain {
+    :deep() .dialog_box_maintain {
       .el-dialog__body {
         padding: 0 0 70px 0;
         height: 630px;
diff --git a/src/page/main/config/accessRule/edit/index.vue b/src/page/main/config/accessRule/edit/index.vue
index 43f7c2e..8322df2 100644
--- a/src/page/main/config/accessRule/edit/index.vue
+++ b/src/page/main/config/accessRule/edit/index.vue
@@ -4,12 +4,7 @@
     <bg-breadcrumb></bg-breadcrumb>
     <div class="main_container">
       <div class="form_content apaas_scroll_nor">
-        <el-form
-          ref="refForm"
-          label-position="left"
-          :model="formData"
-          :rules="rules"
-          label-width="82px">
+        <el-form ref="refForm" label-position="left" :model="formData" :rules="rules" label-width="82px">
           <div class="top_content">
             <el-form-item label="规则名称" prop="ruleName">
               <el-input placeholder="请输入" maxlength="100" v-model="formData.ruleName"></el-input>
@@ -30,29 +25,19 @@
               <el-tooltip placement="top-start" effect="light">
                 <template #content>
                   <span>输入IP段，不可重复，例如：192.168.0.0/24</span><br />
-                  <span
-                    >输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span
-                  >
+                  <span>输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span>
                 </template>
                 <div class="tip-image"></div>
               </el-tooltip>
             </el-form-item>
             <el-form-item class="switch-item" label="是否启用" prop="state" required>
-              <bg-switch
-                :labels="['否', '是']"
-                :values="[0, 1]"
-                v-model="formData.state"></bg-switch>
+              <bg-switch :labels="['否', '是']" :values="[0, 1]" v-model="formData.state"></bg-switch>
             </el-form-item>
           </div>
           <el-form-item class="userScope" label="用户范围" prop="userScope">
             <el-button type="primary" @click="userMaintain"> 用户维护 </el-button>
             <div class="table_content clearfix">
-              <bg-table
-                ref="bgTable"
-                :headers="detailHeaders"
-                :rows="tableRows"
-                height="550"
-                :stripe="true">
+              <bg-table ref="bgTable" :headers="detailHeaders" :rows="tableRows" height="550" :stripe="true">
                 <template v-slot:isAdmin="{ row }">
                   <span>{{ userTypeConfig[row.isAdmin] }}</span>
                 </template>
@@ -67,11 +52,7 @@
             </div>
           </el-form-item>
         </el-form>
-        <el-dialog
-          class="dialog_box_maintain"
-          title="用户维护"
-          v-model="dialogMaintain"
-          width="1062px">
+        <el-dialog class="dialog_box_maintain" title="用户维护" v-model="dialogMaintain" width="1062px">
           <div class="content_detail">
             <div class="form_filter">
               <div class="left">
@@ -312,10 +293,7 @@ const getOrgTree = () => {
 };
 const changePage = (page) => {
   state.pageConfig.page = page;
-  state.tableRows = state.selectedRows.slice(
-    (page - 1) * state.pageConfig.limit,
-    page * state.pageConfig.limit
-  );
+  state.tableRows = state.selectedRows.slice((page - 1) * state.pageConfig.limit, page * state.pageConfig.limit);
 };
 
 const changeSize = (size) => {
@@ -427,7 +405,7 @@ const submit = () => {
       height: 100%;
       padding-left: 40px;
       .el-form {
-        ::v-deep .el-form-item {
+        :deep() .el-form-item {
           display: block;
           margin-bottom: 24px;
           width: 60%;
@@ -470,7 +448,7 @@ const submit = () => {
       }
     }
 
-    ::v-deep .dialog_box_maintain {
+    :deep() .dialog_box_maintain {
       .el-dialog__body {
         padding: 0 0 70px 0;
         height: 630px;
diff --git a/src/page/main/system-admin/visit-control/add/index.vue b/src/page/main/system-admin/visit-control/add/index.vue
index 5b2a902..e2f8002 100644
--- a/src/page/main/system-admin/visit-control/add/index.vue
+++ b/src/page/main/system-admin/visit-control/add/index.vue
@@ -4,12 +4,7 @@
     <bg-breadcrumb></bg-breadcrumb>
     <div class="main_container">
       <div class="form_content apaas_scroll_nor">
-        <el-form
-          ref="refForm"
-          label-position="left"
-          :model="formData"
-          :rules="rules"
-          label-width="82px">
+        <el-form ref="refForm" label-position="left" :model="formData" :rules="rules" label-width="82px">
           <div class="top_content">
             <el-form-item label="规则名称" prop="ruleName">
               <el-input placeholder="请输入" maxlength="100" v-model="formData.ruleName"></el-input>
@@ -30,29 +25,19 @@
               <el-tooltip placement="top-start" effect="light">
                 <template #content>
                   <span>输入IP段，不可重复，例如：192.168.0.0/24</span><br />
-                  <span
-                    >输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span
-                  >
+                  <span>输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span>
                 </template>
                 <div class="tip-image"></div>
               </el-tooltip>
             </el-form-item>
             <el-form-item class="switch-item" label="是否启用" prop="state" required>
-              <bg-switch
-                :labels="['否', '是']"
-                :values="[0, 1]"
-                v-model="formData.state"></bg-switch>
+              <bg-switch :labels="['否', '是']" :values="[0, 1]" v-model="formData.state"></bg-switch>
             </el-form-item>
           </div>
           <el-form-item class="userScope" label="用户范围" prop="userScope">
             <el-button type="primary" @click="userMaintain"> 用户维护 </el-button>
             <div class="table_content clearfix">
-              <bg-table
-                ref="bgTable"
-                :headers="detailHeaders"
-                :rows="tableRows"
-                height="550"
-                :stripe="true">
+              <bg-table ref="bgTable" :headers="detailHeaders" :rows="tableRows" height="550" :stripe="true">
                 <template v-slot:isAdmin="{ row }">
                   <span>{{ userTypeConfig[row.isAdmin] }}</span>
                 </template>
@@ -67,11 +52,7 @@
             </div>
           </el-form-item>
         </el-form>
-        <el-dialog
-          class="dialog_box_maintain"
-          title="用户维护"
-          v-model="dialogMaintain"
-          width="1062px">
+        <el-dialog class="dialog_box_maintain" title="用户维护" v-model="dialogMaintain" width="1062px">
           <div class="content_detail">
             <div class="form_filter">
               <div class="left">
@@ -299,10 +280,7 @@ const getOrgTree = () => {
 };
 const changePage = (page) => {
   state.pageConfig.page = page;
-  state.tableRows = state.selectedRows.slice(
-    (page - 1) * state.pageConfig.limit,
-    page * state.pageConfig.limit
-  );
+  state.tableRows = state.selectedRows.slice((page - 1) * state.pageConfig.limit, page * state.pageConfig.limit);
 };
 
 const changeSize = (size) => {
@@ -392,7 +370,7 @@ const submit = () => {
       height: 100%;
       padding-left: 40px;
       .el-form {
-        ::v-deep .el-form-item {
+        :deep() .el-form-item {
           display: block;
           margin-bottom: 24px;
           width: 60%;
@@ -435,7 +413,7 @@ const submit = () => {
       }
     }
 
-    ::v-deep .dialog_box_maintain {
+    :deep() .dialog_box_maintain {
       .el-dialog__body {
         padding: 0 0 70px 0;
         height: 630px;
diff --git a/src/page/main/system-admin/visit-control/edit/index.vue b/src/page/main/system-admin/visit-control/edit/index.vue
index 43f7c2e..8322df2 100644
--- a/src/page/main/system-admin/visit-control/edit/index.vue
+++ b/src/page/main/system-admin/visit-control/edit/index.vue
@@ -4,12 +4,7 @@
     <bg-breadcrumb></bg-breadcrumb>
     <div class="main_container">
       <div class="form_content apaas_scroll_nor">
-        <el-form
-          ref="refForm"
-          label-position="left"
-          :model="formData"
-          :rules="rules"
-          label-width="82px">
+        <el-form ref="refForm" label-position="left" :model="formData" :rules="rules" label-width="82px">
           <div class="top_content">
             <el-form-item label="规则名称" prop="ruleName">
               <el-input placeholder="请输入" maxlength="100" v-model="formData.ruleName"></el-input>
@@ -30,29 +25,19 @@
               <el-tooltip placement="top-start" effect="light">
                 <template #content>
                   <span>输入IP段，不可重复，例如：192.168.0.0/24</span><br />
-                  <span
-                    >输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span
-                  >
+                  <span>输入IP地址，例如192.168.0.1（支持ipv4地址，配置多个IP时使用回车符分隔）</span>
                 </template>
                 <div class="tip-image"></div>
               </el-tooltip>
             </el-form-item>
             <el-form-item class="switch-item" label="是否启用" prop="state" required>
-              <bg-switch
-                :labels="['否', '是']"
-                :values="[0, 1]"
-                v-model="formData.state"></bg-switch>
+              <bg-switch :labels="['否', '是']" :values="[0, 1]" v-model="formData.state"></bg-switch>
             </el-form-item>
           </div>
           <el-form-item class="userScope" label="用户范围" prop="userScope">
             <el-button type="primary" @click="userMaintain"> 用户维护 </el-button>
             <div class="table_content clearfix">
-              <bg-table
-                ref="bgTable"
-                :headers="detailHeaders"
-                :rows="tableRows"
-                height="550"
-                :stripe="true">
+              <bg-table ref="bgTable" :headers="detailHeaders" :rows="tableRows" height="550" :stripe="true">
                 <template v-slot:isAdmin="{ row }">
                   <span>{{ userTypeConfig[row.isAdmin] }}</span>
                 </template>
@@ -67,11 +52,7 @@
             </div>
           </el-form-item>
         </el-form>
-        <el-dialog
-          class="dialog_box_maintain"
-          title="用户维护"
-          v-model="dialogMaintain"
-          width="1062px">
+        <el-dialog class="dialog_box_maintain" title="用户维护" v-model="dialogMaintain" width="1062px">
           <div class="content_detail">
             <div class="form_filter">
               <div class="left">
@@ -312,10 +293,7 @@ const getOrgTree = () => {
 };
 const changePage = (page) => {
   state.pageConfig.page = page;
-  state.tableRows = state.selectedRows.slice(
-    (page - 1) * state.pageConfig.limit,
-    page * state.pageConfig.limit
-  );
+  state.tableRows = state.selectedRows.slice((page - 1) * state.pageConfig.limit, page * state.pageConfig.limit);
 };
 
 const changeSize = (size) => {
@@ -427,7 +405,7 @@ const submit = () => {
       height: 100%;
       padding-left: 40px;
       .el-form {
-        ::v-deep .el-form-item {
+        :deep() .el-form-item {
           display: block;
           margin-bottom: 24px;
           width: 60%;
@@ -470,7 +448,7 @@ const submit = () => {
       }
     }
 
-    ::v-deep .dialog_box_maintain {
+    :deep() .dialog_box_maintain {
       .el-dialog__body {
         padding: 0 0 70px 0;
         height: 630px;
-- 
2.26.0