refactor(promotion): 修改：Ap 执行上报_新增操作提示列在填报模式中_并且修改零食陈列调用接口

src/views/promotion/components/CommonPlan/index.vue

@@ -27,7 +27,6 @@
         :label="col.label"
         :key="col.prop"
         align="center"
-        :show-overflow-tooltip="col.type === 'string'"
         class-name="column-style"
         :width="col.width"
         :fixed="operation === '填报模式' && col.fixed">
@@ -72,9 +71,10 @@
 </template>
 
 <script setup>
+import { h } from 'vue'
 /*************** 操作类型 ***************/
-const operation = ref('平铺模式');
-// const operation = ref('填报模式');
+// const operation = ref('平铺模式');
+const operation = ref('填报模式');
 const tableRef = ref(null)
 
 const props = defineProps({
@@ -261,4 +261,22 @@ const getTableList = () => {
       margin: 0;
     }
   }
+
+  /* 操作提示列 */
+  .operation_tip_cell {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    p{
+      width: 100%;
+      margin: 0;
+    }
+    p:first-child {
+      background-color: #e1e2e6;
+      border-bottom: 1px solid #ebeef5;
+    }
+    p:last-child {
+      padding: 15px 0;
+    }
+  }
 </style>
\ No newline at end of file

src/views/promotion/display_schedule/tabs/display.vue

@@ -25,6 +25,24 @@
     {
       label: "基础信息", // 类型标题
       children: [
+        {
+          label: '操作提示',
+          prop: 'operationTip', // 列属性
+          visible: true, // 是否显示
+          type: 'string', // 列类型
+          fill: true, // 是否为填报列
+          fixed: 'left', // 是否固定在左侧
+          width: 100,
+          onlyFill: true, // 只在填报列显示
+          render: (_, row, col) => {
+            return (
+              <div class="operation_tip_cell">
+                <p>计划</p>
+                <p>实际</p>
+              </div>
+            )
+          }
+        },
         {
           label: '计划月份', // 列标题
           prop: 'salesMonth', // 列属性

src/views/promotion/display_schedule/tabs/schedule.vue

@@ -28,6 +28,24 @@
     {
       label: "基础信息",
       children: [
+        {
+          label: '操作提示',
+          prop: 'operationTip', // 列属性
+          visible: true, // 是否显示
+          type: 'string', // 列类型
+          fill: true, // 是否为填报列
+          fixed: 'left', // 是否固定在左侧
+          width: 100,
+          onlyFill: true, // 只在填报列显示
+          render: (_, row, col) => {
+            return (
+              <div class="operation_tip_cell">
+                <p>计划</p>
+                <p>实际</p>
+              </div>
+            )
+          }
+        },
         {
           label: '计划月份',
           prop: 'salesMonth',

src/views/promotion/display_schedule/tabs/schedule_dis.vue

@@ -25,6 +25,24 @@
     {
       label: "基础信息", // 类型标题
       children: [
+        {
+          label: '操作提示',
+          prop: 'operationTip', // 列属性
+          visible: true, // 是否显示
+          type: 'string', // 列类型
+          fill: true, // 是否为填报列
+          fixed: 'left', // 是否固定在左侧
+          width: 100,
+          onlyFill: true, // 只在填报列显示
+          render: (_, row, col) => {
+            return (
+              <div class="operation_tip_cell">
+                <p>计划</p>
+                <p>实际</p>
+              </div>
+            )
+          }
+        },
         {
           "label": "销售大区",
           "prop": "regionName",

src/views/promotion/display_schedule/tabs/snack.vue

@@ -13,7 +13,7 @@
 <script setup
   lang="jsx">
   import CommonPlan from '@/views/promotion/components/CommonPlan'
-  import { getSnackPlanList, submitDisplayPlan } from '@/api'
+  import { getSnackPlanList, submitSnackPlan } from '@/api'
   import { parseTime } from '@/utils'
   import { onMounted } from 'vue';
 
@@ -24,6 +24,24 @@
     {
       label: "基础信息",
       children: [
+        {
+          label: '操作提示',
+          prop: 'operationTip', // 列属性
+          visible: true, // 是否显示
+          type: 'string', // 列类型
+          fill: true, // 是否为填报列
+          fixed: 'left', // 是否固定在左侧
+          width: 100,
+          onlyFill: true, // 只在填报列显示
+          render: (_, row, col) => {
+            return (
+              <div class="operation_tip_cell">
+                <p>计划</p>
+                <p>实际</p>
+              </div>
+            )
+          }
+        },
         {
           "label": "销售大区",
           "prop": "regionName",
@@ -222,6 +240,7 @@
           "prop": "actualDisplay",
           "visible": true,
           "type": "select",
+          referenceKey: "plannedDisplay",
           "fill": true,
           "width": 130,
           "options": [
@@ -288,6 +307,7 @@
           "prop": "actualEndCapQty",
           "visible": true,
           "type": "select",
+          referenceKey: "plannedEndCapQty",
           "fill": true,
           "options": [
             {
@@ -447,7 +467,7 @@
       }
     }
 
-    await submitDisplayPlan({
+    await submitSnackPlan({
       id: row.sasdId,
       [col.prop]: row[col.prop], // 当前修改列的值
       ...col.requestKey.reduce((acc, key) => ({ ...acc, [key]: row[key] }), {}), // 额外携带影响的列字段值