Browse Source

feature_20250704_陈列SKU图片识别

zhujindu 4 months ago
parent
commit
fef16d6ab4

+ 32 - 7
src/views/week/daily.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="daily">
     <!--        顶部条-->
     <div class="navBarTOP">
       <van-nav-bar class="navBar" title="填写日报" left-arrow @click-left="onClickLeft">
@@ -381,22 +381,24 @@
           </van-row>
         </van-collapse-item>
         <!-- 生动化陈列 sku -->
-        <template v-if="photoSkuImgSummaryeList && photoSkuImgSummaryeList.length">
+        <div v-if="photoSkuImgSummaryeList && photoSkuImgSummaryeList.length" class="SKUTable">
           <p style="padding: 10px 0; font-size: 14px; color: #1e5398; font-weight: 500">
             SKU陈列照识别结果
           </p>
           <el-table
             :data="photoSkuImgSummaryeList"
             border
-            class="table-headermd table-headermdhome"
+            class="table-headermd1"
             style="width: 100%">
-            <el-table-column label="序号" type="index" width="50px" />
+            <el-table-column label="序号" type="index" width="50px" align="center" />
             <el-table-column label="门店名称(编号)" prop="name" align="center">
-              <template slot-scope="scope"> {{ scope.row.name }}({{ scope.row.code }}) </template>
+              <template slot-scope="scope">
+                {{ scope.row.storeName }}({{ scope.row.storeCode }})
+              </template>
             </el-table-column>
             <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
           </el-table>
-        </template>
+        </div>
       </van-collapse>
       <div class="contentContainer">
         <div v-if="GZQuota">
@@ -887,7 +889,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .container {
   margin: 10px;
 }
@@ -941,6 +943,29 @@ export default {
 }
 </style>
 <style lang="scss">
+.daily {
+  .SKUTable {
+    padding-bottom: 10px;
+    .table-headermd1 {
+      font-size: 12px;
+      text-align: center;
+      position: initial;
+      width: 98% !important;
+      margin: 0 auto;
+      border-right: 0;
+      border-radius: 10px;
+      .el-table__cell {
+        padding: 6px 0 !important;
+      }
+      thead {
+        .el-table__cell {
+          background-color: #1989fa;
+          color: #fff;
+        }
+      }
+    }
+  }
+}
 .linepAdd .van-cell__title {
   color: #1e5398;
   font-weight: 500;

+ 1 - 1
src/views/week/dailyApproval.vue

@@ -412,7 +412,7 @@
               border
               class="table-headermd table-headermdhome"
               style="width: 100%">
-              <el-table-column label="序号" type="index" width="50px" />
+              <el-table-column label="序号" type="index" width="50px" align="center" />
               <el-table-column label="门店名称(编号)" prop="name" align="center">
                 <template slot-scope="scope"> {{ scope.row.name }}({{ scope.row.code }}) </template>
               </el-table-column>

+ 1 - 1
src/views/week/dailyDetails.vue

@@ -429,7 +429,7 @@
                 border
                 class="table-headermd table-headermdhome"
                 style="width: 100%">
-                <el-table-column label="序号" type="index" width="50px" />
+                <el-table-column label="序号" type="index" width="50px" align="center" />
                 <el-table-column label="门店名称(编号)" prop="name" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.name }}({{ scope.row.code }})

+ 1 - 1
src/views/week/dailyHistoricalDetails.vue

@@ -442,7 +442,7 @@
                 border
                 class="table-headermd table-headermdhome"
                 style="width: 100%">
-                <el-table-column label="序号" type="index" width="50px" />
+                <el-table-column label="序号" type="index" width="50px" align="center" />
                 <el-table-column label="门店名称(编号)" prop="name" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.name }}({{ scope.row.code }})