样式相关修改

src/views/warehouseManagement/stockLedger/allBatchDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="stockLedger_allBatchDetails">
+  <div id="stockLedger__allBatchDetails">
     <!--    <div class="page-title">
       <PageHeader
         :title="`${baseInfo.assetCode || ''} ${baseInfo.assetName || ''}`"
@@ -112,7 +112,6 @@
           // // name: this.baseInfo.assetName,
           // // warehousingType: _warehousingType(this.baseInfo.assetType)
           // //   .warehousingType,
-
           categoryId: this.categoryId
         };
       }
@@ -145,8 +144,8 @@
   };
 </script>
 
-<style lang="scss">
-  .stockLedger_allBatchDetails {
+<style lang="scss" scoped>
+  #stockLedger__allBatchDetails {
     background: #fff;
     margin: 10px;
     height: calc(100vh - 116px);
@@ -156,7 +155,7 @@
       width: 100%;
       padding: 10px 20px;
       box-sizing: border-box;
-      .el-tabs {
+      ::v-deep .el-tabs {
         height: 100%;
         width: 100%;
         display: flex;

src/views/warehouseManagement/stockLedger/batchDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="stockLedger_batchDetails">
+  <div id="stockLedger__batchDetails">
     <!--    <div class="page-title">
       <PageHeader :title="`批次号${baseInfo.batchNum || ''}`"></PageHeader>
     </div> -->
@@ -56,7 +56,6 @@
   import WarehouseDetail from './components/details/WarehouseDetail.vue';
   import BatchDetail from './components/details/BatchDetail.vue';
   import warehouseConfigVue from './components/details/warehouseConfig.vue';
-
   // import PageHeader from '@/components/PageHeader'
   import BatchDetailDialog from './components/BatchDetailDialog.vue';
   import {
@@ -65,7 +64,7 @@
     ledgerdetailPage,
     ledgerPage
   } from '@/api/classifyManage/itemInformation';
-  import outin from '@/api/warehouseManagement/outin';
+  // import outin from '@/api/warehouseManagement/outin';
   export default {
     components: {
       // PageHeader,
@@ -146,8 +145,8 @@
   };
 </script>
 
-<style lang="scss">
-  .stockLedger_batchDetails {
+<style lang="scss" scoped>
+  #stockLedger__batchDetails {
     background: #fff;
     margin: 10px;
     height: calc(100vh - 116px);
@@ -157,7 +156,7 @@
       width: 100%;
       padding: 10px 20px;
       box-sizing: border-box;
-      .el-tabs {
+      ::v-deep .el-tabs {
         height: 100%;
         width: 100%;
         display: flex;

src/views/warehouseManagement/stockLedger/components/BaseInfo.vue

@@ -1,58 +1,60 @@
 <template>
-  <el-form>
-    <el-row>
-      <el-col :span="8">
-        <el-form-item label="编码">
-          <span>{{ baseInfo.assetCode }}</span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="名称">
-          <span>{{ baseInfo.assetName }}</span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="类型">
-          <span>{{ getDictValue('类型用途', baseInfo.assetType) }}</span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="牌号">
-          <span>{{ baseInfo.brandNum }}</span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="型号">
-          <span>{{ baseInfo.modelType }}</span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="计量单位">
-          <span>{{ baseInfo.unit }}</span>
-        </el-form-item>
-      </el-col>
-      <!-- <el-col :span="8">
+  <div class="baseInfo">
+    <el-form>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="编码">
+            <span>{{ baseInfo.assetCode }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="名称">
+            <span>{{ baseInfo.assetName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="类型">
+            <span>{{ getDictValue('类型用途', baseInfo.assetType) }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="牌号">
+            <span>{{ baseInfo.brandNum }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="型号">
+            <span>{{ baseInfo.modelType }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计量单位">
+            <span>{{ baseInfo.unit }}</span>
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="8">
         <el-form-item label="包装单位">
           <span>{{ baseInfo.minPackUnit }}</span>
         </el-form-item>
       </el-col> -->
-      <!-- <el-col :span="8">
+        <!-- <el-col :span="8">
         <el-form-item label="最小单元">
           <span>{{ baseInfo.unit }}/{{ baseInfo.minPackUnit }}</span>
         </el-form-item>
       </el-col> -->
-      <el-col :span="8">
-        <el-form-item label="保质期">
-          <span></span>
-        </el-form-item>
-      </el-col>
-      <el-col :span="24">
-        <el-form-item label="备注">
-          <span></span>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+        <el-col :span="8">
+          <el-form-item label="保质期">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="备注">
+            <span></span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
 </template>
 
 <script>

src/views/warehouseManagement/stockLedger/components/BatchDetailDialog.vue

@@ -1,135 +1,139 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="`${title}明细`" width="70%">
-    <div class="info">
-      <div>批次号 {{ info.batchNum }}</div>
-      <div>{{ title }} {{ info.bizNum }}</div>
-    </div>
-    <el-table
-      :data="tableData"
-      height="500px"
-      class="w100"
-      border
-      :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
-    >
-      <el-table-column label="序号" type="index"></el-table-column>
-      <el-table-column label="编号" prop="num"></el-table-column>
-      <el-table-column
-        label="生产日期"
-        prop="manufactureTime"
-      ></el-table-column>
-      <el-table-column label="过期日期" prop=""></el-table-column>
-      <el-table-column label="最小单元" prop="">
-        <template slot-scope="{ row }">{{
-          `${row.measurementUnit || ''}${row.unit}/${row.minPackUnit}`
-        }}</template>
-      </el-table-column>
-      <el-table-column
-        label="货位"
-        prop=""
-        v-if="title !== '调拨单号'"
-        show-overflow-tooltip
+  <div class="batchDetailDialog">
+    <el-dialog :visible.sync="visible" :title="`${title}明细`" width="70%">
+      <div class="info">
+        <div>批次号 {{ info.batchNum }}</div>
+        <div>{{ title }} {{ info.bizNum }}</div>
+      </div>
+      <el-table
+        :data="tableData"
+        height="500px"
+        class="w100"
+        border
+        :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
       >
-        <template slot-scope="{ row }">{{
-          `${row.warehouseName}-${row.areaName}-${row.shelfCode}-${row.cargoSpaceCode}`
-        }}</template>
-      </el-table-column>
-      <el-table-column
-        label="调出货位"
-        prop="warehouseName"
-        v-if="title === '调拨单号'"
-      >
-        <template slot-scope="{ row }">
-          {{ row.warehouseName }} - {{ row.outWarehouseAreaName }} -
-          {{ row.outWarehouseAreaGoodsCode }} - {{ row.outGoodsAllocationCode }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="调入货位"
-        prop="inWarehouseName"
-        v-if="title === '调拨单号'"
-      >
-        <template slot-scope="{ row }">
-          {{ row.inWarehouseName }} - {{ row.inWarehouseAreaName }} -
-          {{ row.inWarehouseAreaGoodsCode }} - {{ row.inGoodsAllocationCode }}
-        </template>
-      </el-table-column>
-    </el-table>
-  </el-dialog>
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column label="编号" prop="num"></el-table-column>
+        <el-table-column
+          label="生产日期"
+          prop="manufactureTime"
+        ></el-table-column>
+        <el-table-column label="过期日期" prop=""></el-table-column>
+        <el-table-column label="最小单元" prop="">
+          <template slot-scope="{ row }">{{
+            `${row.measurementUnit || ''}${row.unit}/${row.minPackUnit}`
+          }}</template>
+        </el-table-column>
+        <el-table-column
+          label="货位"
+          prop=""
+          v-if="title !== '调拨单号'"
+          show-overflow-tooltip
+        >
+          <template slot-scope="{ row }">{{
+            `${row.warehouseName}-${row.areaName}-${row.shelfCode}-${row.cargoSpaceCode}`
+          }}</template>
+        </el-table-column>
+        <el-table-column
+          label="调出货位"
+          prop="warehouseName"
+          v-if="title === '调拨单号'"
+        >
+          <template slot-scope="{ row }">
+            {{ row.warehouseName }} - {{ row.outWarehouseAreaName }} -
+            {{ row.outWarehouseAreaGoodsCode }} -
+            {{ row.outGoodsAllocationCode }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="调入货位"
+          prop="inWarehouseName"
+          v-if="title === '调拨单号'"
+        >
+          <template slot-scope="{ row }">
+            {{ row.inWarehouseName }} - {{ row.inWarehouseAreaName }} -
+            {{ row.inWarehouseAreaGoodsCode }} - {{ row.inGoodsAllocationCode }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-// import { titleCof } from '../enums'
-// import {
-//   getWarehouseSceneDetail,
-//   getTransferDetail
-// } from '@/api/stockManagement/stockLedger'
-export default {
-  props: {
-    assetCode: String
-  },
-  data () {
-    return {
-      visible: false,
-      title: '',
-      tableData: [],
-      info: {}
-    }
-  },
-  methods: {
-    open (active, { bizNum, batchNum, dialNumber }) {
-      this.title = titleCof[active]
-      this.info = { bizNum, batchNum }
-      switch (active) {
-        case 'second':
-          this._getWarehouseSceneDetail(bizNum, batchNum, 1)
-          break
-        case 'third':
-          this.info.bizNum = dialNumber
-          this._getTransferDetail(dialNumber, batchNum, 1)
-          break
-        case 'fourth':
-          this._getWarehouseSceneDetail(bizNum, batchNum, 2)
-          break
-
-        default:
-          break
-      }
-
-      this.visible = true
+  // import { titleCof } from '../enums'
+  // import {
+  //   getWarehouseSceneDetail,
+  //   getTransferDetail
+  // } from '@/api/stockManagement/stockLedger'
+  export default {
+    props: {
+      assetCode: String
     },
-
-    async _getWarehouseSceneDetail (bizNum, batchNum, bizStatus) {
-      const res = await getWarehouseSceneDetail({
-        bizNum,
-        batchNum,
-        bizStatus,
-        inventoryCode: this.assetCode
-      })
-      if (res?.success) {
-        this.tableData = res.data
-      }
+    data() {
+      return {
+        visible: false,
+        title: '',
+        tableData: [],
+        info: {}
+      };
     },
-    async _getTransferDetail (bizNum, batchNum) {
-      const res = await getTransferDetail({
-        bizNum,
-        batchNum,
-        inventoryCode: this.assetCode
-      })
-      if (res?.success) {
-        this.tableData = res.data
+    methods: {
+      open(active, { bizNum, batchNum, dialNumber }) {
+        this.title = titleCof[active];
+        this.info = { bizNum, batchNum };
+        switch (active) {
+          case 'second':
+            this._getWarehouseSceneDetail(bizNum, batchNum, 1);
+            break;
+          case 'third':
+            this.info.bizNum = dialNumber;
+            this._getTransferDetail(dialNumber, batchNum, 1);
+            break;
+          case 'fourth':
+            this._getWarehouseSceneDetail(bizNum, batchNum, 2);
+            break;
+
+          default:
+            break;
+        }
+
+        this.visible = true;
+      },
+      async _getWarehouseSceneDetail(bizNum, batchNum, bizStatus) {
+        const res = await getWarehouseSceneDetail({
+          bizNum,
+          batchNum,
+          bizStatus,
+          inventoryCode: this.assetCode
+        });
+        if (res?.success) {
+          this.tableData = res.data;
+        }
+      },
+      async _getTransferDetail(bizNum, batchNum) {
+        const res = await getTransferDetail({
+          bizNum,
+          batchNum,
+          inventoryCode: this.assetCode
+        });
+        if (res?.success) {
+          this.tableData = res.data;
+        }
       }
     }
-  }
-}
+  };
 </script>
 
 <style lang="scss" scoped>
-.info {
-  font-weight: bold;
-  color: #000;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  margin-bottom: 20px;
-}
+  .batchDetailDialog {
+    .info {
+      font-weight: bold;
+      color: #000;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      margin-bottom: 20px;
+    }
+  }
 </style>

src/views/warehouseManagement/stockLedger/components/details/InWarehouse.vue

@@ -247,7 +247,7 @@
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    .table {
+    ::v-deep .table {
       flex: 1;
       display: flex;
       flex-direction: column;

src/views/warehouseManagement/stockLedger/components/details/InventoryAllocation.vue

@@ -153,7 +153,7 @@
     }
   };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
   .inventoryAllocation {
     height: 100%;
     width: 100%;
@@ -161,7 +161,7 @@
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    .table {
+    ::v-deep .table {
       flex: 1;
       display: flex;
       flex-direction: column;

src/views/warehouseManagement/stockLedger/components/details/OutWarehouse.vue

@@ -251,7 +251,7 @@
     }
   };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
   .outWarehouse {
     height: 100%;
     width: 100%;
@@ -259,7 +259,7 @@
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    .table {
+    ::v-deep .table {
       flex: 1;
       display: flex;
       flex-direction: column;

src/views/warehouseManagement/stockLedger/components/details/ReportLoss.vue

@@ -243,7 +243,7 @@
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    .table {
+    ::v-deep .table {
       flex: 1;
       display: flex;
       flex-direction: column;

src/views/warehouseManagement/stockLedger/components/details/warehouseConfig.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="warehouseConfig">
     <HeaderTitle
       title="仓储配置"
       size="16px"
@@ -84,7 +84,7 @@
 </script>
 
 <style lang="scss" scoped>
-  .baseinfo-container {
+  .warehouseConfig {
     background-color: #fff;
     padding: 0px 20px 20px;
     .content {

src/views/warehouseManagement/stockLedger/components/item-list.vue

@@ -1,9 +1,11 @@
 <template>
-  <div>
+  <div class="itemList">
     <!-- 数据表格 -->
-
-    <item-search @search="reload" ref="refSeavch" @handledime="handledime">
-    </item-search>
+    <item-search
+      @search="reload"
+      ref="refSeavch"
+      @handledime="handledime"
+    ></item-search>
     <ele-pro-table
       ref="table"
       :initLoad="false"
@@ -578,5 +580,3 @@
     }
   };
 </script>
-
-<style lang="scss" scoped></style>

src/views/warehouseManagement/stockLedger/components/item-search.vue

@@ -1,34 +1,35 @@
 <!-- 搜索表单 -->
 <template>
-  <el-form
-    label-width="80px"
-    label-position="left"
-    class="ele-form-search"
-    @keyup.enter.native="search"
-    @submit.native.prevent
-  >
-    <el-row :gutter="15">
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="仓库:" prop="warehouseId">
-          <template>
-            <el-select
-              clearable
-              style="width: 100%"
-              v-model="params.warehouseId"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in warehouseList"
-                :label="item.name"
-                :value="item.id"
-                :key="item.id"
+  <div class="itemSearch">
+    <el-form
+      label-width="80px"
+      label-position="left"
+      class="ele-form-search"
+      @keyup.enter.native="search"
+      @submit.native.prevent
+    >
+      <el-row :gutter="15">
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <el-form-item label="仓库:" prop="warehouseId">
+            <template>
+              <el-select
+                clearable
+                style="width: 100%"
+                v-model="params.warehouseId"
+                placeholder="请选择"
               >
-              </el-option>
-            </el-select>
-          </template>
-        </el-form-item>
-      </el-col>
-      <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+                <el-option
+                  v-for="item in warehouseList"
+                  :label="item.name"
+                  :value="item.id"
+                  :key="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-form-item>
+        </el-col>
+        <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
         <el-form-item label="货位：" prop="cargoSpaceCode">
           <el-input
             v-model.trim="params.cargoSpaceCode"
@@ -49,7 +50,7 @@
           <el-input v-model.trim="params.num" placeholder="请输入"></el-input>
         </el-form-item>
       </el-col> -->
-      <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+        <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
         <el-form-item label="时间类型：">
           <el-select
             style="width: 100%"
@@ -77,73 +78,74 @@
           </el-date-picker>
         </el-form-item>
       </el-col> -->
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="列表维度:" prop="dimension">
-          <template>
-            <el-select
-              style="width: 100%"
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <el-form-item label="列表维度:" prop="dimension">
+            <template>
+              <el-select
+                style="width: 100%"
+                clearable
+                @change="$emit('handledime', $event)"
+                v-model="dimension"
+                placeholder="请选择"
+              >
+                <el-option label="物品维度" value="1"> </el-option>
+                <el-option label="批次维度" value="2"> </el-option>
+                <el-option label="包装维度" value="3"> </el-option>
+                <el-option label="物料维度" value="4"> </el-option>
+              </el-select>
+            </template>
+          </el-form-item>
+        </el-col>
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <el-form-item label="物品编码:" prop="code">
+            <el-input
+              clearable
+              placeholder="请输入"
+              v-model.trim="params.code"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <el-form-item label="物品名称:" prop="assetName">
+            <el-input
+              clearable
+              v-model="params.assetName"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <el-form-item label="批次号:" prop="assetName">
+            <el-input
               clearable
-              @change="$emit('handledime', $event)"
-              v-model="dimension"
-              placeholder="请选择"
+              v-model="params.batchNo"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+          <div class="ele-form-actions">
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              class="ele-btn-icon"
+              @click="search"
+              size="small"
             >
-              <el-option label="物品维度" value="1"> </el-option>
-              <el-option label="批次维度" value="2"> </el-option>
-              <el-option label="包装维度" value="3"> </el-option>
-              <el-option label="物料维度" value="4"> </el-option>
-            </el-select>
-          </template>
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="物品编码:" prop="code">
-          <el-input
-            clearable
-            placeholder="请输入"
-            v-model.trim="params.code"
-          ></el-input>
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="物品名称:" prop="assetName">
-          <el-input
-            clearable
-            v-model="params.assetName"
-            placeholder="请输入"
-          ></el-input>
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="批次号:" prop="assetName">
-          <el-input
-            clearable
-            v-model="params.batchNo"
-            placeholder="请输入"
-          ></el-input>
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <div class="ele-form-actions">
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            class="ele-btn-icon"
-            @click="search"
-            size="small"
-          >
-            查询
-          </el-button>
-          <el-button
-            @click="reset"
-            icon="el-icon-refresh-left"
-            size="small"
-            type="primary"
-            >重置</el-button
-          >
-        </div>
-      </el-col>
-    </el-row>
-  </el-form>
+              查询
+            </el-button>
+            <el-button
+              @click="reset"
+              icon="el-icon-refresh-left"
+              size="small"
+              type="primary"
+              >重置</el-button
+            >
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
 </template>
 <script>
   import { getWarehouseList } from '@/api/classifyManage/itemInformation';

src/views/warehouseManagement/stockLedger/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ele-body">
+  <div id="stockLedger__index">
     <el-card shadow="never">
       <ele-split-layout
         width="256px"
@@ -29,9 +29,7 @@
                 }
               "
             /> -->
-
             <el-tree
-              style="height: 100%"
               :data="treeList"
               :props="defaultProps"
               ref="treeRef"
@@ -53,16 +51,13 @@
 <script>
   import itemList from './components/item-list';
   import AssetTree from '@/components/AssetTree';
-
   import { getTreeByGroup } from '@/api/classifyManage';
-
   export default {
     components: { itemList, AssetTree },
     data() {
       return {
         treeData: [],
         current: {},
-
         defaultProps: {
           children: 'children',
           label: 'name'
@@ -91,16 +86,16 @@
             });
             return this.treeList;
           }
-        } catch (error) {}
+        } catch (error) {
+          console.log(error);
+        }
         this.treeLoading = false;
       },
-
       handleNodeClick(data, node) {
         this.current = node;
       },
       openEdit() {
         const data = this.$refs.commonTree.getSelectList();
-
         if (data?.id) {
           let node = this.$refs.commonTree.getInstance().getNode(data.id);
           const urlIdList = [data.id];
@@ -122,30 +117,25 @@
   };
 </script>
 <style lang="scss" scoped>
-  .el-tree_box {
-    height: 100%;
-    > div {
+  #stockLedger__index {
+    padding: 6px;
+    .el-tree_box {
       height: 100%;
     }
-  }
-
-  .ele-body {
-    padding: 6px;
-  }
-
-  .sys-organization-list {
-    height: calc(100vh - 264px);
-    box-sizing: border-box;
-    border-width: 1px;
-    border-style: solid;
-    overflow: auto;
-  }
+    .sys-organization-list {
+      height: calc(100vh - 156px);
+      box-sizing: border-box;
+      border-width: 1px;
+      border-style: solid;
+      overflow: auto;
+    }
 
-  .sys-organization-list :deep(.el-tree-node__content) {
-    height: 40px;
+    .sys-organization-list :deep(.el-tree-node__content) {
+      height: 40px;
 
-    & > .el-tree-node__expand-icon {
-      margin-left: 10px;
+      & > .el-tree-node__expand-icon {
+        margin-left: 10px;
+      }
     }
   }
 </style>

src/views/warehouseManagement/stockManagement/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="stockManagement_index">
+  <div id="stockManagement_index">
     <el-card shadow="never">
       <el-form :model="formData" ref="formName" label-width="80px">
         <el-row :gutter="10">
@@ -368,13 +368,14 @@
   };
 </script>
 
-<style lang="scss">
-  .stockManagement_index {
+<style lang="scss" scoped>
+  #stockManagement_index {
     height: 100%;
     width: 100%;
     padding: 10px;
     box-sizing: border-box;
-    .el-card {
+    // element-ui样式穿透
+    ::v-deep .el-card {
       height: 100%;
       .el-card__body {
         height: 100%;