src/api/index.js

@@ -14,6 +14,7 @@

if (debug) {
  ip1 = 'http://192.168.0.103:9001/';
  // ip1 = 'http://localhost:9001/';
  // ip1_file = 'http://192.168.0.138:8080/';
  // ip2 = 'http://192.168.0.138:8080/';
  // ip2_file = 'https://fyami.com.cn/';

 src/components.d.ts

@@ -20,12 +20,8 @@
    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
    ElButton: typeof import('element-plus/es')['ElButton']
    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
    ElCalendar: typeof import('element-plus/es')['ElCalendar']
    ElCard: typeof import('element-plus/es')['ElCard']
    ElCascader: typeof import('element-plus/es')['ElCascader']
    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
    ElCol: typeof import('element-plus/es')['ElCol']
    ElCollapse: typeof import('element-plus/es')['ElCollapse']
    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
@@ -37,9 +33,6 @@
    ElDialog: typeof import('element-plus/es')['ElDialog']
    ElDivider: typeof import('element-plus/es')['ElDivider']
    ElDrawer: typeof import('element-plus/es')['ElDrawer']
    ElDropdown: typeof import('element-plus/es')['ElDropdown']
    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
    ElEmpty: typeof import('element-plus/es')['ElEmpty']
    ElForm: typeof import('element-plus/es')['ElForm']
    ElFormItem: typeof import('element-plus/es')['ElFormItem']
@@ -49,22 +42,18 @@
    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
    ElInput: typeof import('element-plus/es')['ElInput']
    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
    ElLink: typeof import('element-plus/es')['ElLink']
    ElMain: typeof import('element-plus/es')['ElMain']
    ElMenu: typeof import('element-plus/es')['ElMenu']
    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
    ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
    ElOption: typeof import('element-plus/es')['ElOption']
    ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
    ElPagination: typeof import('element-plus/es')['ElPagination']
    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
    ElPopover: typeof import('element-plus/es')['ElPopover']
    ElRadio: typeof import('element-plus/es')['ElRadio']
    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
    ElRow: typeof import('element-plus/es')['ElRow']
    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
    ElSegmented: typeof import('element-plus/es')['ElSegmented']
    ElSelect: typeof import('element-plus/es')['ElSelect']
    ElSpace: typeof import('element-plus/es')['ElSpace']
    ElStep: typeof import('element-plus/es')['ElStep']
@@ -78,7 +67,6 @@
    ElTag: typeof import('element-plus/es')['ElTag']
    ElText: typeof import('element-plus/es')['ElText']
    ElTooltip: typeof import('element-plus/es')['ElTooltip']
    ElTransfer: typeof import('element-plus/es')['ElTransfer']
    ElTree: typeof import('element-plus/es')['ElTree']
    ElUpload: typeof import('element-plus/es')['ElUpload']
    Footer: typeof import('./components/core/Footer.vue')['default']

 src/components/SearchBar.vue

@@ -22,7 +22,7 @@
          :type="2"
          v-model:value="formSearch.scenetype"
        ></FYOptionScene>
        <el-form-item>
        <el-form-item v-show="btnShow">
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
@@ -40,6 +40,17 @@

export default {
  emits: ['onSubmit'],
  props: {
    btnShow: {
      type: Boolean,
      default: true
    },
    init: {
      type: Boolean,
      default: true
    }
  },

  data() {
    return {
      topTasks: [],
@@ -62,7 +73,9 @@
        });
        this.topTasks = list;
        this.formSearch.topTaskId = list[0].value;
        this.onSubmit();
        if (this.init) {
          this.onSubmit();
        }
      });
    },
    //查询子任务统计信息
@@ -81,7 +94,8 @@
  },
  mounted() {
    this.getOptions();
  }
  },
  expose: ['onSubmit']
};
</script>


 src/components/core/Content.vue

@@ -5,17 +5,21 @@
      <component
        v-if="route.meta.keepAlive"
        :is="Component"
        :key="route.name"
        :key="route.meta.key ? route.meta.key : route.name"
      />
    </keep-alive>
    <component v-if="!route.meta.keepAlive" :is="Component" :key="route.name" />
    <component
      v-if="!route.meta.keepAlive"
      :is="Component"
      :key="route.meta.key ? route.meta.key : route.name"
    />
    <!-- </transition> -->
  </router-view>
</template>

<script>
export default {
  name: 'CoreContent',
  name: 'CoreContent'
};
</script>
<style scoped></style>

 src/constants/menu.js

@@ -1,6 +1,6 @@
const MENU_COMMON = [
  {
    path: 'common/userMatch',
    path: '/common/userMatch',
    icon: 'Connection',
    name: '账户匹配'
  }
@@ -8,7 +8,7 @@

if (import.meta.env.DEV) {
  MENU_COMMON.push({
    path: 'common/docTest',
    path: '/common/docTest',
    icon: 'Connection',
    name: '文档生成'
  });
@@ -23,7 +23,7 @@
  //   ]
  // },
  {
    path: 'fysp/procheck',
    path: '/fysp/procheck',
    icon: 'CircleCheck',
    name: '问题整改'
  },
@@ -32,12 +32,12 @@
    name: '任务管理',
    children: [
      {
        path: 'fysp/task/manage',
        path: '/fysp/task/manage',
        icon: 'CircleCheck',
        name: '监管任务'
      },
      {
        path: 'fysp/sceneInfo',
        path: '/fysp/sceneInfo',
        icon: 'Files',
        name: '场景信息'
      }
@@ -48,22 +48,22 @@
    name: '基础数据产品',
    children: [
      {
        path: 'fysp/data-product/base/home/scene',
        path: '/fysp/data-product/base/home/scene',
        icon: 'Document',
        name: '现场巡查',
      },
      // {
      //   path: 'fysp/data-product/base/ProdMonitorTaskInfo',
      //   path: '/fysp/data-product/base/ProdMonitorTaskInfo',
      //   icon: 'Document',
      //   name: '监管清单',
      // },
      // {
      //   path: 'fysp/data-product/base/ProdTreatmentDeviceInfo',
      //   path: '/fysp/data-product/base/ProdTreatmentDeviceInfo',
      //   icon: 'Document',
      //   name: '防治设备清单',
      // },
      {
        path: 'fysp/data-product/base/PordProblemRecurrence',
        path: '/fysp/data-product/base/PordProblemRecurrence',
        icon: 'Document',
        name: '问题复发清单',
      },
@@ -74,27 +74,27 @@
    name: '中间数据产品',
    children: [
      {
        path: 'fysp/data-product/profollow',
        path: '/fysp/data-product/profollow',
        icon: 'Document',
        name: '问题动态跟踪'
      },
      {
        path: 'fysp/data-product/proanalysis',
        path: '/fysp/data-product/proanalysis',
        icon: 'Document',
        name: '问题整改分析'
      },
      {
        path: 'fysp/data-product/standardjudge',
        path: '/fysp/data-product/standardjudge',
        icon: 'Document',
        name: '规范性评估'
      },
      {
        path: 'fysp/data-product/dailyreport',
        path: '/fysp/data-product/dailyreport',
        icon: 'Document',
        name: '日报管理'
      },
      {
        path: 'fysp/data-product/lawenforcelist',
        path: '/fysp/data-product/lawenforcelist',
        icon: 'Document',
        name: '联合执法清单'
      },
@@ -106,7 +106,7 @@
    name: '最终数据产品',
    children: [
      {
        path: 'fysp/data-product/scenereport',
        path: '/fysp/data-product/scenereport',
        icon: 'Document',
        name: '场景分析报告'
      }
@@ -122,12 +122,12 @@
    name: '自动评估',
    children: [
      {
        path: 'fysp/evaluation/evalutationTask',
        path: '/fysp/evaluation/evalutationTask',
        icon: 'MessageBox',
        name: '评估任务'
      },
      {
        path: 'fysp/evaluation/evalutationRecord',
        path: '/fysp/evaluation/evalutationRecord',
        icon: 'Tickets',
        name: '评估记录'
      }
@@ -138,25 +138,25 @@
    name: '配置管理',
    children: [
      {
        path: 'fysp/config/problemType',
        path: '/fysp/config/problemType',
        icon: 'List',
        name: '监管问题'
      },
      {
        path: 'fysp/config/deviceMatch',
        path: '/fysp/config/deviceMatch',
        icon: 'List',
        name: '设备匹配'
      },
      {
        //评估规则管理
        path: 'fysp/config/evalutationRule',
        path: '/fysp/config/evalutationRule',
        icon: 'List',
        name: '评估规则'
      }
    ]
  },
  {
    path: 'fysp/support',
    path: '/fysp/support',
    icon: 'Files',
    name: '对外支持'
  },
@@ -215,12 +215,12 @@
  //   name: '台账审核'
  // },
  {
    path: 'fytz/notice',
    path: '/fytz/notice',
    icon: 'Message',
    name: '通知管理'
  },
  {
    path: 'fytz/userInfo',
    path: '/fytz/userInfo',
    icon: 'User',
    name: '账户信息'
  },
@@ -229,7 +229,7 @@
    name: '资源管理',
    children: [
      {
        path: 'fytz/enforceCase',
        path: '/fytz/enforceCase',
        icon: 'Search',
        name: '督察案例'
      }

 src/router/index copy.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,304 @@
// eslint-disable-next-line no-unused-vars
import {
  createRouter,
  createWebHistory,
  createWebHashHistory
} from 'vue-router';
import pinia from '../stores/index';
import { useLoadingStore } from '../stores/loadingStore';

const routes = [
  {
    name: 'home',
    path: '/',
    component: () => import('@/views/HomePage.vue'),
    children: [
      // {
      //   //整改审核
      //   name: 'changecheck',
      //   path: '/changecheck',
      //   component: () => import('@/views/check/ChangeCheck.vue')
      // },
      /**********************************飞羽监管***********************************************/
      {
        //问题动态跟踪
        name: 'profollow',
        path: 'fysp/data-product/profollow',
        component: () => import('@/views/fysp/data-product/ProdProFollow.vue')
      },
      {
        //问题整改分析
        name: 'proanalysis',
        path: 'fysp/data-product/proanalysis',
        component: () => import('@/views/fysp/data-product/ProdProAnalysis.vue')
      },
      {
        //规范性评估
        name: 'standardjudge',
        path: 'fysp/data-product/standardjudge',
        component: () =>
          import('@/views/fysp/data-product/ProdStandardJudge.vue')
      },
      {
        //日报管理
        name: 'dailyreport',
        path: 'fysp/data-product/dailyreport',
        component: () => import('@/views/fysp/data-product/ProdDailyReport.vue')
      },
      {
        //场景报告
        name: 'scenereport',
        path: 'fysp/data-product/scenereport',
        component: () => import('@/views/fysp/data-product/ProdSceneReport.vue')
      },
      {
        //场景报告
        name: 'lawenforcelist',
        path: 'fysp/data-product/lawenforcelist',
        component: () =>
          import('@/views/fysp/data-product/ProdLawEnforceList.vue')
      },
      // {
      //   //场景报告-工地
      //   name: 'construction',
      //   path: '/scenereport/construction',
      //   component: () => import('@/views/fysp/scenereport/ConstructionReport.vue')
      // },
      // {
      //   //场景报告-码头
      //   name: 'wharf',
      //   path: '/scenereport/wharf',
      //   component: () => import('@/views/fysp/scenereport/WharfReport.vue')
      // },
      // {
      //   //场景报告-搅拌站
      //   name: 'mixing',
      //   path: '/scenereport/mixing',
      //   component: () => import('@/views/fysp/scenereport/MixingReport.vue')
      // },
      // {
      //   //场景报告-堆场
      //   name: 'storage',
      //   path: '/scenereport/storage',
      //   component: () => import('@/views/fysp/scenereport/StorageReport.vue')
      // },

      {
        //监管任务
        name: 'taskmanage',
        path: 'fysp/task/manage',
        component: () => import('@/views/fysp/task/TaskManage.vue'),
        meta: { keepAlive: true }
      },
      {
        //监管任务场景编辑
        name: 'monitorObjEdit',
        path: 'fysp/task/edit',
        component: () => import('@/views/fysp/task/MonitorObjEdit.vue')
      },
      {
        //监管任务计划编辑
        name: 'monitorPlanEdit',
        path: 'fysp/task/plan/edit',
        component: () => import('@/views/fysp/task/MonitorPlanEdit.vue')
      },
      {
        //监管任务计划编辑
        name: 'monitorTaskCreate',
        path: 'fysp/task/create',
        component: () => import('@/views/fysp/task/MonitorTaskCreate.vue')
      },
      {
        //问题审核
        name: 'procheck',
        path: 'fysp/procheck',
        component: () => import('@/views/fysp/check/ProCheck.vue')
      },
      // {
      //   //账户管理
      //   name: 'fyspUser',
      //   path: 'fysp/userInfo',
      //   component: () => import('@/views/baseinfo/fysp/user/UserInfo.vue')
      // },
      {
        //监管问题
        name: 'fyspProblemType',
        path: 'fysp/config/problemType',
        component: () => import('@/views/fysp/config/ProblemType.vue')
      },
      {
        //设备匹配
        name: 'fyspDeviceMatch',
        path: 'fysp/config/deviceMatch',
        component: () => import('@/views/fysp/config/DeviceMatch.vue')
      },
      {
        //评估规则管理
        name: 'fyspEvalutationRule',
        path: 'fysp/config/evalutationRule',
        component: () => import('@/views/fysp/config/EvalutationRule.vue')
      },
      {
        //评估数据源
        name: 'fyspEvalutationTask',
        path: 'fysp/evaluation/evalutationTask',
        component: () => import('@/views/fysp/evaluation/EvalutationTask.vue'),
        meta: { keepAlive: false }
      },
      {
        //评估管理
        name: 'fyspEvalutationRecord',
        path: 'fysp/evaluation/evalutationRecord',
        component: () =>
          import('@/views/fysp/evaluation/EvalutationRecord.vue'),
        meta: { keepAlive: true }
      },
      {
        //评估结果详情
        name: 'fyspEvalutationEdit',
        path: 'fysp/evaluation/evalutationEdit/:subTaskId',
        component: () => import('@/views/fysp/evaluation/EvalutationEdit.vue')
      },
      {
        //场景信息
        name: 'fyspSceneInfo',
        path: 'fysp/sceneInfo',
        component: () => import('@/views/fysp/scene/SceneInfo.vue'),
        meta: { keepAlive: true }
      },
      {
        //场景编辑
        name: 'fyspSceneEdit',
        path: 'fysp/sceneEdit/:sid',
        component: () => import('@/views/fysp/scene/SceneEdit.vue'),
        meta: { transition: 'slide-left' }
      },
      {
        //对外支持
        name: 'fyspSupport',
        path: 'fysp/support',
        component: () => import('@/views/fysp/support/JingAnSupport.vue')
      },
      {
        // åŸºç¡€äº§å“-管理
        name: 'ProdManage',
        path: 'fysp/data-product/base/home',
        component: () =>
          import('@/views/fysp/data-product/base-data-product/ProdManage.vue'),
        children: [
          {
            // åŸºç¡€äº§å“-场景清单
            path: 'scene',
            name: 'ProdSceneInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdSceneInfo.vue'
              )
          },
          {
            // åŸºç¡€äº§å“-规范性评估
            path: 'evaluate',
            name: 'ProdEvaluationInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdEvaluationInfo.vue'
              )
          },
          {
            // åŸºç¡€äº§å“-巡查信息
            path: 'inspection',
            name: 'ProdInspectionInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdInspectionInfo.vue'
              )
          },
          {
            // åŸºç¡€äº§å“-监测数据
            path: 'monitordata',
            name: 'ProdMonitorDataInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdMonitorDataInfo.vue'
              )
          }
        ]
      },
      {
        // åŸºç¡€äº§å“-问题复发清单
        name: 'PordProblemRecurrence',
        path: 'fysp/data-product/base/PordProblemRecurrence',
        component: () =>
          import(
            '@/views/fysp/data-product/base-data-product/PordProblemRecurrence.vue'
          )
      },

      /**********************************飞羽环境***********************************************/
      {
        //台账审核
        name: 'ledger',
        path: 'fytz/ledger',
        component: () => import('@/views/fytz/ledger/LedgerManage.vue')
      },
      {
        //通知管理
        name: 'notice',
        path: 'fytz/notice',
        component: () => import('@/views/fytz/notice/NoticeManage.vue')
      },
      {
        //账户管理
        name: 'fytzUser',
        path: 'fytz/userInfo',
        component: () => import('@/views/fytz/user/UserInfo.vue'),
        meta: { keepAlive: true }
      },
      {
        //账户编辑
        name: 'fytzUserEdit',
        path: 'fytz/userEdit/:userId',
        component: () => import('@/views/fytz/user/UserEdit.vue'),
        meta: { transition: 'slide-left' }
      },
      {
        //环保督察案例
        name: 'enforceCase',
        path: 'fytz/enforceCase',
        component: () => import('@/views/fytz/enforce-case/EnforceCase.vue')
      },

      /**********************************通用模块***********************************************/
      {
        //账户匹配
        name: 'userMatch',
        path: 'common/userMatch',
        component: () => import('@/views/common/UserMatch.vue')
      },
      {
        //文档生成测试
        name: 'docTest',
        path: 'common/docTest',
        component: () => import('@/views/DocTest.vue')
      }
    ]
  }
];

const router = createRouter({
  // history: createWebHistory(import.meta.env.BASE_URL)
  history: createWebHashHistory(),
  routes: routes
});

const loadingStore = useLoadingStore(pinia);
// eslint-disable-next-line no-unused-vars
router.afterEach((to, from) => {
  loadingStore.clearLoading();
});

export { router, routes };

 src/router/index.js

@@ -13,229 +13,262 @@
    path: '/',
    component: () => import('@/views/HomePage.vue'),
    children: [
      // {
      //   //整改审核
      //   name: 'changecheck',
      //   path: '/changecheck',
      //   component: () => import('@/views/check/ChangeCheck.vue')
      // },
      /**********************************飞羽监管***********************************************/
      {
        //问题动态跟踪
        name: 'profollow',
        path: 'fysp/data-product/profollow',
        component: () => import('@/views/fysp/data-product/ProdProFollow.vue')
      },
      {
        //问题整改分析
        name: 'proanalysis',
        path: 'fysp/data-product/proanalysis',
        component: () => import('@/views/fysp/data-product/ProdProAnalysis.vue')
      },
      {
        //规范性评估
        name: 'standardjudge',
        path: 'fysp/data-product/standardjudge',
        component: () =>
          import('@/views/fysp/data-product/ProdStandardJudge.vue')
      },
      {
        //日报管理
        name: 'dailyreport',
        path: 'fysp/data-product/dailyreport',
        component: () => import('@/views/fysp/data-product/ProdDailyReport.vue')
      },
      {
        //场景报告
        name: 'scenereport',
        path: 'fysp/data-product/scenereport',
        component: () => import('@/views/fysp/data-product/ProdSceneReport.vue')
      },
      {
        //场景报告
        name: 'lawenforcelist',
        path: 'fysp/data-product/lawenforcelist',
        component: () =>
          import('@/views/fysp/data-product/ProdLawEnforceList.vue')
      },
      // {
      //   //场景报告-工地
      //   name: 'construction',
      //   path: '/scenereport/construction',
      //   component: () => import('@/views/fysp/scenereport/ConstructionReport.vue')
      // },
      // {
      //   //场景报告-码头
      //   name: 'wharf',
      //   path: '/scenereport/wharf',
      //   component: () => import('@/views/fysp/scenereport/WharfReport.vue')
      // },
      // {
      //   //场景报告-搅拌站
      //   name: 'mixing',
      //   path: '/scenereport/mixing',
      //   component: () => import('@/views/fysp/scenereport/MixingReport.vue')
      // },
      // {
      //   //场景报告-堆场
      //   name: 'storage',
      //   path: '/scenereport/storage',
      //   component: () => import('@/views/fysp/scenereport/StorageReport.vue')
      // },

      {
        //监管任务
        name: 'taskmanage',
        path: 'fysp/task/manage',
        component: () => import('@/views/fysp/task/TaskManage.vue'),
        meta: { keepAlive: true }
      },
      {
        //监管任务场景编辑
        name: 'monitorObjEdit',
        path: 'fysp/task/edit',
        component: () => import('@/views/fysp/task/MonitorObjEdit.vue')
      },
      {
        //监管任务计划编辑
        name: 'monitorPlanEdit',
        path: 'fysp/task/plan/edit',
        component: () => import('@/views/fysp/task/MonitorPlanEdit.vue')
      },
      {
        //监管任务计划编辑
        name: 'monitorTaskCreate',
        path: 'fysp/task/create',
        component: () => import('@/views/fysp/task/MonitorTaskCreate.vue')
      },
      {
        //问题审核
        name: 'procheck',
        path: 'fysp/procheck',
        component: () => import('@/views/fysp/check/ProCheck.vue')
      },
      // {
      //   //账户管理
      //   name: 'fyspUser',
      //   path: 'fysp/userInfo',
      //   component: () => import('@/views/baseinfo/fysp/user/UserInfo.vue')
      // },
      {
        //监管问题
        name: 'fyspProblemType',
        path: 'fysp/config/problemType',
        component: () => import('@/views/fysp/config/ProblemType.vue')
      },
      {
        //设备匹配
        name: 'fyspDeviceMatch',
        path: 'fysp/config/deviceMatch',
        component: () => import('@/views/fysp/config/DeviceMatch.vue')
      },
      {
        //评估规则管理
        name: 'fyspEvalutationRule',
        path: 'fysp/config/evalutationRule',
        component: () => import('@/views/fysp/config/EvalutationRule.vue')
      },
      {
        //评估数据源
        name: 'fyspEvalutationTask',
        path: 'fysp/evaluation/evalutationTask',
        component: () => import('@/views/fysp/evaluation/EvalutationTask.vue'),
        meta: { keepAlive: false }
      },
      {
        //评估管理
        name: 'fyspEvalutationRecord',
        path: 'fysp/evaluation/evalutationRecord',
        component: () =>
          import('@/views/fysp/evaluation/EvalutationRecord.vue'),
        meta: { keepAlive: true }
      },
      {
        //评估结果详情
        name: 'fyspEvalutationEdit',
        path: 'fysp/evaluation/evalutationEdit/:subTaskId',
        component: () => import('@/views/fysp/evaluation/EvalutationEdit.vue')
      },
      {
        //场景信息
        name: 'fyspSceneInfo',
        path: 'fysp/sceneInfo',
        component: () => import('@/views/fysp/scene/SceneInfo.vue'),
        meta: { keepAlive: true }
      },
      {
        //场景编辑
        name: 'fyspSceneEdit',
        path: 'fysp/sceneEdit/:sid',
        component: () => import('@/views/fysp/scene/SceneEdit.vue'),
        meta: { transition: 'slide-left' }
      },
      {
        //对外支持
        name: 'fyspSupport',
        path: 'fysp/support',
        component: () => import('@/views/fysp/support/JingAnSupport.vue')
      },
      {
        // åŸºç¡€äº§å“-管理
        name: 'ProdManage',
        path: 'fysp/data-product/base/home',
        component: () =>
          import('@/views/fysp/data-product/base-data-product/ProdManage.vue'),
        name: 'fysp',
        path: 'fysp',
        children: [
          // {
          //   //整改审核
          //   name: 'changecheck',
          //   path: '/changecheck',
          //   component: () => import('@/views/check/ChangeCheck.vue')
          // },
          /**********************************飞羽监管***********************************************/
          {
            // åŸºç¡€äº§å“-场景清单
            path: 'scene',
            name: 'ProdSceneInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdSceneInfo.vue'
              )
            //问题审核
            name: 'procheck',
            path: 'procheck',
            component: () => import('@/views/fysp/check/ProCheck.vue')
          },
          {
            // åŸºç¡€äº§å“-规范性评估
            path: 'evaluate',
            name: 'ProdEvaluationInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdEvaluationInfo.vue'
              )
            name: 'data-product',
            path: 'data-product',
            children: [
              {
                //问题动态跟踪
                name: 'profollow',
                path: 'profollow',
                component: () =>
                  import('@/views/fysp/data-product/ProdProFollow.vue')
              },
              {
                //问题整改分析
                name: 'proanalysis',
                path: 'proanalysis',
                component: () =>
                  import('@/views/fysp/data-product/ProdProAnalysis.vue')
              },
              {
                //规范性评估
                name: 'standardjudge',
                path: 'standardjudge',
                component: () =>
                  import('@/views/fysp/data-product/ProdStandardJudge.vue')
              },
              {
                //日报管理
                name: 'dailyreport',
                path: 'dailyreport',
                component: () =>
                  import('@/views/fysp/data-product/ProdDailyReport.vue')
              },
              {
                //场景报告
                name: 'scenereport',
                path: 'scenereport',
                component: () =>
                  import('@/views/fysp/data-product/ProdSceneReport.vue')
              },
              {
                //场景报告
                name: 'lawenforcelist',
                path: 'lawenforcelist',
                component: () =>
                  import('@/views/fysp/data-product/ProdLawEnforceList.vue')
              },
              {
                name: 'dataProdBase',
                path: 'base',
                children: [
                  {
                    // åŸºç¡€äº§å“-管理
                    name: 'ProdManage',
                    path: 'home',
                    component: () =>
                      import(
                        '@/views/fysp/data-product/base-data-product/ProdManage.vue'
                      ),
                    children: [
                      {
                        // åŸºç¡€äº§å“-场景清单
                        path: 'scene',
                        name: 'ProdSceneInfo',
                        meta: { keepAlive: false, key: 'ProdManage' },
                        component: () =>
                          import(
                            '@/views/fysp/data-product/base-data-product/ProdSceneInfo.vue'
                          )
                      },
                      {
                        // åŸºç¡€äº§å“-规范性评估
                        path: 'evaluate',
                        name: 'ProdEvaluationInfo',
                        meta: { keepAlive: false, key: 'ProdManage' },
                        component: () =>
                          import(
                            '@/views/fysp/data-product/base-data-product/ProdEvaluationInfo.vue'
                          )
                      },
                      {
                        // åŸºç¡€äº§å“-巡查信息
                        path: 'inspection',
                        name: 'ProdInspectionInfo',
                        meta: { keepAlive: false, key: 'ProdManage' },
                        component: () =>
                          import(
                            '@/views/fysp/data-product/base-data-product/ProdInspectionInfo.vue'
                          )
                      },
                      {
                        // åŸºç¡€äº§å“-监测数据
                        path: 'monitordata',
                        name: 'ProdMonitorDataInfo',
                        meta: { keepAlive: false, key: 'ProdManage' },
                        component: () =>
                          import(
                            '@/views/fysp/data-product/base-data-product/ProdMonitorDataInfo.vue'
                          )
                      }
                    ]
                  },
                  {
                    // åŸºç¡€äº§å“-问题复发清单
                    name: 'PordProblemRecurrence',
                    path: 'PordProblemRecurrence',
                    component: () =>
                      import(
                        '@/views/fysp/data-product/base-data-product/PordProblemRecurrence.vue'
                      )
                  }
                ]
              }
            ]
          },
          {
            // åŸºç¡€äº§å“-巡查信息
            path: 'inspection',
            name: 'ProdInspectionInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdInspectionInfo.vue'
              )
            name: 'task',
            path: 'task',
            children: [
              {
                //监管任务
                name: 'taskmanage',
                path: 'manage',
                component: () => import('@/views/fysp/task/TaskManage.vue'),
                meta: { keepAlive: true }
              },
              {
                //监管任务场景编辑
                name: 'monitorObjEdit',
                path: 'edit',
                component: () => import('@/views/fysp/task/MonitorObjEdit.vue')
              },
              {
                name: 'plan',
                path: 'plan',
                children: [
                  {
                    //监管任务计划编辑
                    name: 'monitorPlanEdit',
                    path: 'edit',
                    component: () =>
                      import('@/views/fysp/task/MonitorPlanEdit.vue')
                  }
                ]
              },

              {
                //监管任务计划编辑
                name: 'monitorTaskCreate',
                path: 'create',
                component: () =>
                  import('@/views/fysp/task/MonitorTaskCreate.vue')
              }
            ]
          },

          // {
          //   //账户管理
          //   name: 'fyspUser',
          //   path: 'userInfo',
          //   component: () => import('@/views/baseinfo/fysp/user/UserInfo.vue')
          // },
          {
            //监管问题
            name: 'config',
            path: 'config',
            children: [
              {
                //监管问题
                name: 'fyspProblemType',
                path: 'problemType',
                component: () => import('@/views/fysp/config/ProblemType.vue')
              },
              {
                //设备匹配
                name: 'fyspDeviceMatch',
                path: 'deviceMatch',
                component: () => import('@/views/fysp/config/DeviceMatch.vue')
              },
              {
                //评估规则管理
                name: 'fyspEvalutationRule',
                path: 'evalutationRule',
                component: () =>
                  import('@/views/fysp/config/EvalutationRule.vue')
              }
            ]
          },
          {
            // åŸºç¡€äº§å“-监测数据
            path: 'monitordata',
            name: 'ProdMonitorDataInfo',
            meta: { keepAlive: true },
            component: () =>
              import(
                '@/views/fysp/data-product/base-data-product/ProdMonitorDataInfo.vue'
              )
            //评估数据源
            name: 'evaluation',
            path: 'evaluation',
            children: [
              {
                //评估数据源
                name: 'fyspEvalutationTask',
                path: 'evalutationTask',
                component: () =>
                  import('@/views/fysp/evaluation/EvalutationTask.vue'),
                meta: { keepAlive: false }
              },
              {
                //评估管理
                name: 'fyspEvalutationRecord',
                path: 'evalutationRecord',
                component: () =>
                  import('@/views/fysp/evaluation/EvalutationRecord.vue'),
                meta: { keepAlive: true }
              },
              {
                //评估结果详情
                name: 'fyspEvalutationEdit',
                path: 'evalutationEdit/:subTaskId',
                component: () =>
                  import('@/views/fysp/evaluation/EvalutationEdit.vue')
              }
            ]
          },

          {
            //场景信息
            name: 'fyspSceneInfo',
            path: 'sceneInfo',
            component: () => import('@/views/fysp/scene/SceneInfo.vue'),
            meta: { keepAlive: true }
          },
          {
            //场景编辑
            name: 'fyspSceneEdit',
            path: 'sceneEdit/:sid',
            component: () => import('@/views/fysp/scene/SceneEdit.vue'),
            meta: { transition: 'slide-left' }
          },
          {
            //对外支持
            name: 'fyspSupport',
            path: 'support',
            component: () => import('@/views/fysp/support/JingAnSupport.vue')
          }
        ]
      },
      {
        // åŸºç¡€äº§å“-问题复发清单
        name: 'PordProblemRecurrence',
        path: 'fysp/data-product/base/PordProblemRecurrence',
        component: () =>
          import(
            '@/views/fysp/data-product/base-data-product/PordProblemRecurrence.vue'
          )
      },

      /**********************************飞羽环境***********************************************/
@@ -290,8 +323,8 @@
];

const router = createRouter({
  // history: createWebHistory(import.meta.env.BASE_URL)
  history: createWebHashHistory(),
  history: createWebHistory(import.meta.env.BASE_URL),
  // history: createWebHashHistory(),
  routes: routes
});


 src/utils/css-util.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
/**
 * æå–css中带有calc函数的表达式的参数部分
 * @param {String} str css中带有calc函数的表达式
 */
function unCalc(str) {
  if (str.startsWith('calc(')) {
    let _str = str.replace('calc(', '')
    _str = _str.replace(/\)/g, (match, offset, string) => {
      if (offset === string.lastIndexOf(match)) {
        return ''
      } else {
        return match
      }
    })
    return _str
  } else {
    return str
  }
}

export { unCalc }

 src/views/fysp/data-product/base-data-product/ProdManage.vue

@@ -1,23 +1,22 @@
<template>
  <!-- <el-menu default-active="scene" ellipsis mode="horizontal" style="max-width: 600px">
    <el-menu-item index="scene" @click="navPage">场景清单</el-menu-item>
    <el-menu-item index="evaluate" @click="navPage">评估清单</el-menu-item>
    <el-menu-item index="inspection" @click="navPage">巡查信息</el-menu-item>
    <el-menu-item index="monitorData" @click="navPage">监测数据</el-menu-item>
  </el-menu> -->
  <!-- <a @click="navPage({ index: 'scene' })"><div>场景清单</div></a>
  <a @click="navPage({ index: 'evaluate' })"><div>评估清单</div></a>
  <a @click="navPage({ index: 'inspection' })"><div>巡查信息</div></a>
  <a @click="navPage({ index: 'monitorData' })"><div>监测数据</div></a> -->
  <el-space>
    <template v-for="(item, index) in menu" :key="item.path">
      <a :class="btnClz(item.selected)" @click="navTo(index)">
        <div>{{ item.name }}</div>
      </a>
    </template>
  </el-space>
  <div>sssss</div>
  <router-view v-slot="{ Component, route }">
  <el-affix>
    <el-menu
      ref="menuRef"
      default-active="scene"
      ellipsis
      mode="horizontal"
      style="max-width: 600px; background-color: aliceblue"
    >
      <el-menu-item
        v-for="item in menu"
        :key="item.path"
        :index="item.path"
        @click="navPage"
        >{{ item.name }}</el-menu-item
      >
    </el-menu>
  </el-affix>
  <router-view v-slot="{ Component, route }" :style="'height: ' + height">
    <keep-alive>
      <component
        v-if="route.meta.keepAlive"
@@ -29,11 +28,14 @@
  </router-view>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { ref, onMounted, provide } from 'vue';
import { useRouter, useRoute } from 'vue-router';

const router = useRouter();
const route = useRoute();

const menuRef = ref(null);
const height = ref('calc(100vh - 64px)');

const menu = ref([
  {
@@ -54,55 +56,25 @@
    path: 'monitorData'
  }
]);
// console.log(router);
// console.log(route.path);

const navPage = (item) => {
  console.log(item);
  if (item.index) {
    router.push({
      path: item.index
    });
  }
};
function btnClz(selected) {
  return (
    'mode-btn ' + (selected ? 'btn-selected ' : 'btn-unselected ') + 'm-r-8'
  );
}

function navTo(index) {
  const m = this.menu;
  m.forEach((e) => {
    e.selected = false;
  });
  m[index].selected = true;
  router.replace(m[index].path);
function calcTableHeight() {
  const h = menuRef.value.$el.offsetHeight;
  return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`;
}

onMounted(() => {
  console.log(route.path);
  // router.push('/fysp/data-product/base/home/scene');
  height.value = calcTableHeight();
});

// æä¾›ç»™å†…部组件视图最大高度
provide('viewHeight', height);
</script>
<style scoped>
.mode-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: #303133;
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  cursor: pointer;
}
.btn-selected {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}
.btn-unselected {
  color: #303133;
  background-color: #f5f7fa;
  border-color: #dcdfe6;
}
</style>
<style scoped></style>

 src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue

@@ -1,4 +1,90 @@
<template>
  ProdSceneInfo
  <BaseProdProcess
    v-model:active="active"
    @onStep1="onStep1"
    :loading="loading"
  >
    <!-- <template #step1>
      <ProdQueryOpt :loading="loading" @submit="onSearch"> </ProdQueryOpt>
    </template> -->
    <template #step2="{ contentHeight }">
      <el-table
        :data="tableData"
        v-loading="loading"
        :height="viewHeight"
        table-layout="fixed"
        :show-overflow-tooltip="true"
        size="small"
        border
      >
        <el-table-column fixed="left" prop="index" label="编号" width="40">
        </el-table-column>
        <el-table-column
          fixed="left"
          prop="name"
          label="名称"
          :show-overflow-tooltip="true"
          min-width="200"
        >
        </el-table-column>
        <el-table-column prop="type" label="类型" width="50" />
        <el-table-column prop="status" label="状态" width="60" />
        <el-table-column prop="stage" label="阶段" width="90" />
        <!-- <el-table-column prop="provincename" label="省" width="90" />
        <el-table-column prop="cityname" label="市" width="90" />
        <el-table-column prop="districtname" label="区县" width="90" /> -->
        <el-table-column prop="townname" label="街道" width="110" />
        <el-table-column prop="location" label="地址" width="200" />
        <!-- <el-table-column prop="longitude" label="经度" width="110" />
        <el-table-column prop="latitude" label="纬度" width="110" /> -->
        <!-- <el-table-column
          prop="updatedate"
          label="更新时间"
          width="140"
          :formatter="timeFormat"
        /> -->
      </el-table>
    </template>
    <!-- <template #step3></template> -->
  </BaseProdProcess>
</template>
<script></script>
<script setup>
import { ref, inject } from 'vue';
import dayjs from 'dayjs';
import BaseProdProcess from '@/views/fysp/data-product/base-data-product/components/BaseProdProcess.vue';
import ProdQueryOpt from '@/views/fysp/data-product/base-data-product/components/ProdQueryOpt.vue';
import dataprodbaseApi from '@/api/fysp/dataprodbaseApi.js';

const active = ref(1);
const loading = ref(false);
const tableData = ref([]);
const viewHeight = inject('viewHeight');

function changeActive() {
  active.value++;
  active.value = active.value > 3 ? 1 : active.value;
}

function onStep1(opt) {
  loading.value = true;
  dataprodbaseApi
    .fetchProdSceneInfo(opt)
    .then((res) => {
      if (res.success) {
        tableData.value = res.data.map((item) => ({
          status: item.status,
          stage: item.stage,
          ...item.scene
        }));
      }
      changeActive();
    })
    .finally(() => {
      loading.value = false;
    });
}

function timeFormat(row, column, cellValue, index) {
  return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss');
}
</script>

 src/views/fysp/data-product/base-data-product/components/BaseProdProcess.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,310 @@
<template>
  <el-row>
    <!-- æ­¥éª¤1 æ•°æ®äº§å“ç”Ÿæˆé€‰é¡¹ -->
    <div :class="active == 1 ? 'prod-active' : 'prod-inactive'" ref="step1Ref">
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionContentEnd(1)"
      >
        <div v-show="showStep1Content">
          <template v-if="$slots.step1">
            <slot name="step1"></slot>
          </template>
          <template v-else>
            <ProdQueryOpt :loading="loading" @submit="onSearch"> </ProdQueryOpt>
          </template>
        </div>
      </transition>
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionThumbnailEnd(1)"
      >
        <div
          v-show="showStep1Thumbnail"
          class="prod-thumbnail-wrapper"
          :style="{ height: viewHeight }"
          @click="changeActive(1)"
        >
          <div class="prod-thumbnail">①修改选项</div>
        </div>
      </transition>
    </div>
    <!-- æ­¥éª¤2 æ•°æ®äº§å“ç»“果预览 -->
    <div :class="active == 2 ? 'prod-active' : 'prod-inactive'" ref="step2Ref">
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionContentEnd(2)"
      >
        <div v-show="showStep2Content">
          <div ref="titleRef" class="prod-title">
            <el-text tag="b" size="large">数据产品预览</el-text>
          </div>
          <slot name="step2" :contentHeight="contentHeight"></slot>
        </div>
      </transition>
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionThumbnailEnd(2)"
      >
        <div
          v-show="showStep2Thumbnail"
          class="prod-thumbnail-wrapper"
          :style="{ height: viewHeight }"
          @click="changeActive(2)"
        >
          <div
            :class="
              'prod-thumbnail prod-thumbnail_middle ' +
              (active < 2 ? 'prod-thumbnail-disabled' : '')
            "
          >
            â‘¡æ•°æ®äº§å“é¢„览
          </div>
        </div>
      </transition>
    </div>
    <!-- æ­¥éª¤3 æ•°æ®äº§å“è¡¨å•ä¸‹è½½ -->
    <div :class="active == 3 ? 'prod-active' : 'prod-inactive'" ref="step3Ref">
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionContentEnd(3)"
      >
        <div v-show="showStep3Content">
          <template v-if="$slots.step3">
            <slot name="step3"></slot>
          </template>
          <template v-else>
            <ProdDownload></ProdDownload>
          </template>
        </div>
      </transition>
      <transition
        name="el-fade-in"
        @after-leave="handleTransitionThumbnailEnd(3)"
      >
        <div
          v-show="showStep3Thumbnail"
          class="prod-thumbnail-wrapper"
          :style="{ height: viewHeight }"
          @click="changeActive(3)"
        >
          <div
            :class="
              'prod-thumbnail prod-thumbnail_end ' +
              (active < 3 ? 'prod-thumbnail-disabled' : '')
            "
          >
            â‘¢æ•°æ®äº§å“ä¸‹è½½
          </div>
        </div>
      </transition>
    </div>
  </el-row>
</template>
<script setup>
import { computed, inject, ref, watch, onMounted } from 'vue';
import { unCalc } from '@/utils/css-util';
import ProdQueryOpt from '@/views/fysp/data-product/base-data-product/components/ProdQueryOpt.vue';
import ProdDownload from '@/views/fysp/data-product/base-data-product/components/ProdDownload.vue';

const props = defineProps({
  active: {
    type: Number,
    default: 1
  },
  loading: {
    type: Boolean,
    default: false
  }
});

const emit = defineEmits(['update:active', 'onStep1']);

const viewHeight = inject('viewHeight');

const btnDisabled = ref(false);

const titleRef = ref(null);
const contentHeight = ref('50vh');

function calContentHeight() {
  console.log(titleRef.value.offsetHeight);
  contentHeight.value = `calc(${unCalc(viewHeight.value)} - ${
    titleRef.value?.offsetHeight || 0
  }px)`;
  console.log(contentHeight.value);
  
}

// æ­¥éª¤å¼•ç”¨
const step1Ref = ref(null);
const step2Ref = ref(null);
const step3Ref = ref(null);

// æŽ§åˆ¶æ˜¾ç¤º/隐藏的状态
const showStep1Content = ref(props.active === 1);
const showStep1Thumbnail = ref(props.active != 1);
const showStep2Content = ref(props.active === 2);
const showStep2Thumbnail = ref(props.active != 2);
const showStep3Content = ref(props.active === 3);
const showStep3Thumbnail = ref(props.active != 3);

// è®°å½•åŠ¨ç”»æ˜¯å¦æ­£åœ¨è¿›è¡Œä¸­
const isAnimating = ref({});

// ç›‘听active变化
watch(
  () => props.active,
  (newActive, oldActive) => {
    // æ ‡è®°åŠ¨ç”»å¼€å§‹
    isAnimating.value[oldActive] = true;
    isAnimating.value[newActive] = true;

    // å…ˆéšè—æ‰€æœ‰å†…容，等待动画结束后再显示正确的内容
    if (oldActive === 1) {
      showStep1Content.value = false;
    } else if (oldActive === 2) {
      showStep2Content.value = false;
    } else if (oldActive === 3) {
      showStep3Content.value = false;
    }

    if (newActive === 1) {
      showStep1Thumbnail.value = false;
    } else if (newActive === 2) {
      showStep2Thumbnail.value = false;
    } else if (newActive === 3) {
      showStep3Thumbnail.value = false;
    }
  }
);

// å¤„理动画结束事件
function handleTransitionThumbnailEnd(stepIndex) {
  // æ£€æŸ¥åŠ¨ç”»æ˜¯å¦ç¡®å®žç»“束（避免重复触发）
  if (isAnimating.value[stepIndex]) {
    isAnimating.value[stepIndex] = false;

    // setTimeout(() => {
    // åŠ¨ç”»ç»“束后，更新显示状态
    if (stepIndex === 1) {
      showStep1Content.value = props.active === 1;
    } else if (stepIndex === 2) {
      showStep2Content.value = props.active === 2;
    } else if (stepIndex === 3) {
      showStep3Content.value = props.active === 3;
    }
    // }, 50);
  }
}

function handleTransitionContentEnd(stepIndex) {
  // æ£€æŸ¥åŠ¨ç”»æ˜¯å¦ç¡®å®žç»“束（避免重复触发）
  if (isAnimating.value[stepIndex]) {
    isAnimating.value[stepIndex] = false;

    // setTimeout(() => {
    // åŠ¨ç”»ç»“束后，更新显示状态
    if (stepIndex === 1) {
      showStep1Thumbnail.value = props.active != 1;
    } else if (stepIndex === 2) {
      showStep2Thumbnail.value = props.active != 2;
    } else if (stepIndex === 3) {
      showStep3Thumbnail.value = props.active != 3;
    }
    // }, 50);
  }
}

function onSearch(opt) {
  emit('onStep1', opt);
}
function changeActive(index) {
  let isAnimate = false;
  Object.values(isAnimating.value).forEach((item) => {
    isAnimate = isAnimate || item;
  });
  if (!isAnimate && !btnDisabled.value && props.active >= index) {
    emit('update:active', index);
    btnDisabled.value = true;
    setTimeout(() => {
      btnDisabled.value = false;
    }, 500);
  }
  // emit('update:active', index);
}

onMounted(() => {
  calContentHeight();
});
</script>
<style scoped>
.prod-active {
  /* width: 66.667%; */
  width: 90%;
  transition:
    width 0.5s ease,
    box-shadow 0.3s ease;
  /* background-color: #409eff; */
  margin: 5px 0;
  border-radius: 4px;
  box-shadow:
    -3px 0 6px rgba(0, 0, 0, 0.1),
    3px 0 6px rgba(0, 0, 0, 0.1);
}

.prod-inactive {
  /* width: 16.667%; */
  width: 5%;
  transition: width 0.5s ease;
  /* background-color: #e4e7ed; */
  margin: 5px 0;
  border-radius: 4px;
}

.prod-title {
  padding: 10px;
}

.prod-thumbnail-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
}

.prod-thumbnail {
  height: 90%;
  width: 100%;
  background-color: #409eff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 8px;
  font-size: 18px;
  font-weight: 500;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.prod-thumbnail_middle {
  border-radius: 0px;
}

.prod-thumbnail_end {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.prod-thumbnail-disabled {
  background-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
</style>

 src/views/fysp/data-product/base-data-product/components/ProdDownload.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,2 @@
<template>ProdDownload</template>
<script setup></script>

 src/views/fysp/data-product/base-data-product/components/ProdQueryOpt.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,66 @@
<template>
  <el-card shadow="never">
    <template #header>
      <div><el-text tag="b" size="large">产品生成选项</el-text></div>
    </template>
    <SearchBar
      v-show="active"
      ref="refSearchBar"
      :btn-show="false"
      :init="false"
      @on-submit="search"
    >
    </SearchBar>
    <template #footer>
      <el-row v-show="active" justify="space-around">
        <el-button
          type="primary"
          size="default"
          :loading="loading"
          @click="submit"
          >生成</el-button
        >
      </el-row>
    </template>
  </el-card>
</template>
<script setup>
import { ref, computed } from 'vue';
import dayjs from 'dayjs';

const props = defineProps({
  loading: {
    type: Boolean,
    default: false
  },
  active:{
    type: Boolean,
    default: true
  }
});
const emit = defineEmits(['submit']);

const refSearchBar = ref(null);

const submit = () => {
  refSearchBar.value.onSubmit();
};

const search = (options) => {
  const opt = {
    topTaskId: options.topTask.tguid,
    provinceCode: options.topTask.provincecode,
    cityCode: options.topTask.citycode,
    districtCode: options.topTask.districtcode,
    townCode: options.topTask.towncode,
    startTime: dayjs(options.topTask.starttime).format('YYYY-MM-DD HH:mm:ss'),
    endTime: dayjs(options.topTask.endtime)
      .add(1, 'day')
      .add(-1, 'second')
      .format('YYYY-MM-DD HH:mm:ss'),
    sceneTypeId: options.sceneTypeId,
    needCache: true
  };
  emit('submit', opt);
};
</script>