全局样式bug

src/views/PeopleManage/Agent/AddCountDetail.vue

@@ -11,13 +11,8 @@
         </el-select>
       </el-form-item>
       <el-form-item style="width: 30%;" label="操作时间">
-        <el-date-picker
-          size="small"
-          v-model="quoteDetailForm.rangeDate"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期">
+        <el-date-picker size="small" v-model="quoteDetailForm.rangeDate" type="daterange" range-separator="至"
+          start-placeholder="开始日期" end-placeholder="结束日期">
         </el-date-picker>
       </el-form-item>
       <el-form-item style="width: 30%;" label="操作人信息">
@@ -28,9 +23,7 @@
         <el-button size="small">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-table
-      :data="tableData"
-    >
+    <el-table :data="tableData">
       <el-table-column prop="code" label="部门编码" width="150"></el-table-column>
       <el-table-column prop="organization" label="机构名称" width="150"></el-table-column>
       <el-table-column prop="department" label="部门名称" width="150"></el-table-column>
@@ -47,24 +40,17 @@
       <el-table-column prop="people" label="操作人" width="150"></el-table-column>
       <el-table-column label="操作" fixed="right" width="200">
         <template slot-scope="scope">
-          <kt-button label="详情" @click="dialogVisible = true" size="small" type="text" perms="agreement:input:update" style="color: #D42426 !important " />
+          <kt-button label="详情" @click="dialogVisible = true" size="small" type="text" perms="agreement:input:update"
+            style="color: #D42426 !important " />
         </template>
       </el-table-column>
     </el-table>
     <div class="flex-box">
-      <el-pagination
-        @size-change="handleSizeChange"
-        :current-page="pageNum"
-        :page-sizes="[10, 20, 30, 40]"
-        :page-size="pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total">
+      <el-pagination @size-change="handleSizeChange" :current-page="pageNum" :page-sizes="[10, 20, 30, 40]"
+        :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total">
       </el-pagination>
     </div>
-    <el-dialog
-      title="增加次数"
-      :visible.sync="dialogVisible"
-      width="40%">
+    <el-dialog title="增加次数" :visible.sync="dialogVisible" width="40%">
       <el-form style="width: 100%" ref="addCountForm" :model="addCountForm" disabled :inline="true" label-width="130px">
         <el-form-item label="代理人" style="width: 80%">
           <el-input style="width: 100%" v-model="addCountForm.agent"></el-input>
@@ -101,7 +87,7 @@
 import KtButton from "../../Core/KtButton.vue";
 
 export default {
-  components: {KtButton},
+  components: { KtButton },
   data() {
     return {
       quoteDetailForm: {},
@@ -132,14 +118,17 @@ export default {
 }
 </script>
 
-<style>
-.flex-box{
+<style lang="scss" scoped>
+.flex-box {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin: 10px 0;
 }
-.el-form-item__content{
-  width: calc(100% - 150px);
+
+/deep/ {
+  .el-form-item__content {
+    width: calc(100% - 150px);
+  }
 }
 </style>

src/views/PeopleManage/Agent/QuoteDetail.vue

@@ -89,14 +89,16 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
 .flex-box{
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin: 10px 0;
 }
-.el-form-item__content{
-  width: calc(100% - 150px);
+/deep/ {
+  .el-form-item__content {
+    width: calc(100% - 150px);
+  }
 }
 </style>

src/views/PeopleManage/Agent/QuoteManagement.vue

@@ -154,15 +154,18 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
+/deep/ {
+  .el-form-item__content {
+    width: calc(100% - 130px);
+  }
+}
 .flex-box{
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.el-form-item__content{
-  width: calc(100% - 130px);
-}
+
 .popover-box{
   background: rgba(0,0,0,.5) !important;
   color: #fff !important;