appsnbcbweicheng 1.2.21 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsnbcbweicheng",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/public/autoverification.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="auto-verification">
+    <!-- 查询条件：核对时间 + 核对结果 -->
+    <el-form :inline="true" :model="searchForm" class="search-form" label-width="90px" size="small">
+      <el-form-item label="核对时间">
+        <el-date-picker
+          v-model="searchForm.checkTimeRange"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          :default-time="['00:00:00', '23:59:59']"
+        />
+      </el-form-item>
+      <el-form-item label="核对结果">
+        <el-select
+          v-model="searchForm.checkResult"
+          placeholder="请选择结果"
+          clearable
+          style="width: 160px"
+        >
+          <el-option label="成功" value="成功" />
+          <el-option label="存在不一致" value="存在不一致" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSearch">查询</el-button>
+        <el-button @click="handleReset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 自动核对列表 -->
+    <el-table :data="tableDataFiltered" border stripe class="result-table" size="small">
+      <el-table-column prop="startTime" label="核对起始时间" width="180" />
+      <el-table-column prop="endTime" label="核对终止时间" width="180" />
+      <el-table-column prop="checkResult" label="核对结果" width="120">
+        <template slot-scope="{ row }">
+          <el-tag :type="row.checkResult === '成功' ? 'success' : 'warning'">
+            {{ row.checkResult }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="productTotal" label="产品总数" width="100" />
+      <el-table-column prop="mismatchCount" label="不一致数量" width="110" />
+      <el-table-column prop="productType" label="产品类型" width="120" />
+      <el-table-column label="操作" width="120" fixed="right">
+        <template slot-scope="{ row }">
+          <el-button type="text" size="mini" @click="openDetailList(row)"> 查看明细 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 核对明细弹窗 -->
+    <el-dialog
+      title="核对明细"
+      :visible.sync="detailListVisible"
+      width="900px"
+      :close-on-click-modal="false"
+    >
+      <!-- 明细查询 -->
+      <el-form
+        :inline="true"
+        :model="detailSearchForm"
+        class="search-form"
+        label-width="90px"
+        size="small"
+      >
+        <el-form-item label="产品代码">
+          <el-input
+            v-model="detailSearchForm.productCode"
+            placeholder="请输入产品代码"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="核对结果">
+          <el-select
+            v-model="detailSearchForm.checkResult"
+            placeholder="请选择结果"
+            clearable
+            style="width: 160px"
+          >
+            <el-option label="一致" value="一致" />
+            <el-option label="不一致" value="不一致" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleDetailSearch">查询</el-button>
+          <el-button @click="handleDetailReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+
+      <!-- 明细列表 -->
+      <el-table :data="detailTableFiltered" border stripe class="result-table" size="small">
+        <el-table-column prop="productCode" label="产品代码" width="120" />
+        <el-table-column prop="productName" label="产品名称" min-width="160" />
+        <el-table-column prop="checkResult" label="核对结果" width="100">
+          <template slot-scope="{ row }">
+            <el-tag :type="row.checkResult === '一致' ? 'success' : 'danger'">
+              {{ row.checkResult }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="startTime" label="核对开始时间" width="180" />
+        <el-table-column prop="endTime" label="核对结束时间" width="180" />
+        <el-table-column label="操作" width="100" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button type="text" size="mini" @click="openDetailCompare(row)"> 详情 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="detailListVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 详情对比弹窗：复用手动核对的对比样式 -->
+    <el-dialog
+      title="产品信息核对详情"
+      :visible.sync="detailDialogVisible"
+      width="800px"
+      :close-on-click-modal="false"
+    >
+      <div class="compare-wrapper">
+        <div class="compare-header">
+          <div class="compare-title compare-title-left">产品中心</div>
+          <div class="compare-title compare-title-right">代销系统</div>
+        </div>
+        <div class="compare-body">
+          <div class="compare-column compare-column-left">
+            <div v-for="item in compareItems" :key="`left-${item.key}`" class="compare-row">
+              <span class="compare-label">{{ item.label }}</span>
+              <span class="compare-value" :class="{ 'is-diff': isDiff(item.key) }">
+                {{ currentDetail.productCenter[item.key] || '-' }}
+              </span>
+            </div>
+          </div>
+          <div class="compare-divider" />
+          <div class="compare-column compare-column-right">
+            <div v-for="item in compareItems" :key="`right-${item.key}`" class="compare-row">
+              <span class="compare-label">{{ item.label }}</span>
+              <span class="compare-value" :class="{ 'is-diff': isDiff(item.key) }">
+                {{ currentDetail.agencySystem[item.key] || '-' }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AutoVerification',
+  data() {
+    return {
+      // 顶层查询
+      searchForm: {
+        checkTimeRange: [],
+        checkResult: '',
+      },
+      // 模拟自动核对批次数据
+      tableData: [
+        {
+          id: 1,
+          startTime: '2026-01-09 09:00:00',
+          endTime: '2026-01-09 09:05:00',
+          checkResult: '成功',
+          productTotal: 100,
+          mismatchCount: 0,
+          productType: '公募基金',
+        },
+        {
+          id: 2,
+          startTime: '2026-01-09 10:00:00',
+          endTime: '2026-01-09 10:08:30',
+          checkResult: '存在不一致',
+          productTotal: 80,
+          mismatchCount: 5,
+          productType: '理财产品',
+        },
+      ],
+      // 当前选中的批次对应的明细
+      detailListVisible: false,
+      detailSearchForm: {
+        productCode: '',
+        checkResult: '',
+      },
+      detailTableData: [],
+
+      // 详情对比弹窗
+      detailDialogVisible: false,
+      currentDetail: {
+        productCenter: {},
+        agencySystem: {},
+      },
+      compareItems: [
+        { label: '产品代码', key: 'productCode' },
+        { label: '产品名称', key: 'productName' },
+        { label: '产品类型', key: 'productType' },
+        { label: '机构代码', key: 'orgCode' },
+        { label: '准入状态', key: 'accessStatus' },
+        { label: '市场代码', key: 'marketCode' },
+        { label: '市场名称', key: 'marketName' },
+      ],
+    }
+  },
+  computed: {
+    tableDataFiltered() {
+      const { checkTimeRange, checkResult } = this.searchForm
+      return this.tableData.filter(item => {
+        let matchResult = true
+        let matchTime = true
+        if (checkResult) {
+          matchResult = item.checkResult === checkResult
+        }
+        if (checkTimeRange && checkTimeRange.length === 2) {
+          const [start, end] = checkTimeRange
+          matchTime = item.startTime >= start && item.endTime <= end
+        }
+        return matchResult && matchTime
+      })
+    },
+    detailTableFiltered() {
+      const { productCode, checkResult } = this.detailSearchForm
+      return this.detailTableData.filter(item => {
+        const matchCode = productCode ? item.productCode.indexOf(productCode) > -1 : true
+        const matchResult = checkResult ? item.checkResult === checkResult : true
+        return matchCode && matchResult
+      })
+    },
+  },
+  methods: {
+    handleSearch() {
+      // 使用 computed 过滤即可，这里预留给后续接口调用
+    },
+    handleReset() {
+      this.searchForm.checkTimeRange = []
+      this.searchForm.checkResult = ''
+    },
+    openDetailList(row) {
+      // 实际场景下这里根据 row.id 请求明细数据
+      // 这里使用模拟数据演示
+      this.detailTableData = [
+        {
+          id: 1,
+          productCode: '000001',
+          productName: '华夏成长混合',
+          checkResult: '不一致',
+          startTime: row.startTime,
+          endTime: row.endTime,
+          productCenter: {
+            productCode: '000001',
+            productName: '华夏成长混合',
+            productType: row.productType,
+            orgCode: 'ORG001',
+            accessStatus: '已准入',
+            marketCode: 'MKT001',
+            marketName: '上海证券交易所',
+          },
+          agencySystem: {
+            productCode: '000001',
+            productName: '华夏成长混合A',
+            productType: row.productType,
+            orgCode: 'ORG001',
+            accessStatus: '已准入',
+            marketCode: 'MKT001',
+            marketName: '上交所',
+          },
+        },
+        {
+          id: 2,
+          productCode: 'LCP123',
+          productName: '稳健理财一年期',
+          checkResult: '一致',
+          startTime: row.startTime,
+          endTime: row.endTime,
+          productCenter: {
+            productCode: 'LCP123',
+            productName: '稳健理财一年期',
+            productType: row.productType,
+            orgCode: 'ORG002',
+            accessStatus: '待准入',
+            marketCode: 'MKT002',
+            marketName: '银行间市场',
+          },
+          agencySystem: {
+            productCode: 'LCP123',
+            productName: '稳健理财一年期',
+            productType: row.productType,
+            orgCode: 'ORG002',
+            accessStatus: '待准入',
+            marketCode: 'MKT002',
+            marketName: '银行间市场',
+          },
+        },
+      ]
+      this.detailListVisible = true
+    },
+    handleDetailSearch() {
+      // 使用 computed 过滤即可，这里预留给后续接口调用
+    },
+    handleDetailReset() {
+      this.detailSearchForm.productCode = ''
+      this.detailSearchForm.checkResult = ''
+    },
+    openDetailCompare(row) {
+      this.currentDetail = {
+        productCenter: row.productCenter || {},
+        agencySystem: row.agencySystem || {},
+      }
+      this.detailDialogVisible = true
+    },
+    isDiff(key) {
+      const left = (this.currentDetail.productCenter || {})[key]
+      const right = (this.currentDetail.agencySystem || {})[key]
+      return left !== right
+    },
+  },
+}
+</script>
+
+<style scoped>
+.auto-verification {
+  padding: 16px 0;
+}
+
+.search-form {
+  margin-bottom: 16px;
+}
+
+.result-table {
+  width: 100%;
+}
+
+.compare-wrapper {
+  border-radius: 12px;
+  border: 1px solid #e4e7ed;
+  padding: 16px 24px 8px;
+  background-color: #fafbff;
+}
+
+.compare-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.compare-title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.compare-title-left {
+  color: #409eff;
+}
+
+.compare-title-right {
+  color: #67c23a;
+}
+
+.compare-body {
+  display: flex;
+}
+
+.compare-column {
+  flex: 1;
+}
+
+.compare-column-left {
+  padding-right: 16px;
+}
+
+.compare-column-right {
+  padding-left: 16px;
+}
+
+.compare-divider {
+  width: 1px;
+  background-color: #dcdfe6;
+}
+
+.compare-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.compare-label {
+  width: 80px;
+  font-size: 13px;
+  color: #606266;
+}
+
+.compare-value {
+  flex: 1;
+  font-size: 13px;
+  color: #303133;
+  word-break: break-all;
+}
+
+.compare-value.is-diff {
+  color: #f56c6c;
+  font-weight: 600;
+}
+</style>

package/public/manualVerification.vue

@@ -0,0 +1,297 @@
+<template>
+  <div class="manual-verification">
+    <!-- 查询条件 -->
+    <el-form :inline="true" :model="searchForm" class="search-form" label-width="80px" size="small">
+      <el-form-item label="产品类型">
+        <el-select
+          v-model="searchForm.productType"
+          placeholder="请选择产品类型"
+          clearable
+          style="width: 180px"
+        >
+          <el-option
+            v-for="item in productTypeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="产品代码">
+        <el-input
+          v-model="searchForm.productCode"
+          placeholder="请输入产品代码"
+          clearable
+          style="width: 200px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSearch">查询</el-button>
+        <el-button @click="handleReset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 列表 -->
+    <el-table :data="tableDataFiltered" border stripe class="result-table" size="small">
+      <el-table-column prop="productType" label="产品类型" width="120" />
+      <el-table-column prop="productName" label="产品名称" min-width="160" />
+      <el-table-column prop="orgCode" label="机构代码" width="120" />
+      <el-table-column prop="accessStatus" label="准入状态" width="100" />
+      <el-table-column prop="marketCode" label="市场代码" width="120" />
+      <el-table-column prop="marketName" label="市场名称" min-width="120" />
+      <el-table-column label="操作" width="100" fixed="right">
+        <template slot-scope="{ row }">
+          <el-button type="text" size="mini" @click="openDetail(row)"> 详情 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 详情弹窗：产品中心 vs 代销系统 对比 -->
+    <el-dialog
+      title="产品信息核对详情"
+      :visible.sync="detailDialogVisible"
+      width="800px"
+      :close-on-click-modal="false"
+    >
+      <div class="compare-wrapper">
+        <div class="compare-header">
+          <div class="compare-title compare-title-left">产品中心</div>
+          <div class="compare-title compare-title-right">代销系统</div>
+        </div>
+        <div class="compare-body">
+          <div class="compare-column compare-column-left">
+            <div v-for="item in compareItems" :key="`left-${item.key}`" class="compare-row">
+              <span class="compare-label">{{ item.label }}</span>
+              <span class="compare-value" :class="{ 'is-diff': isDiff(item.key) }">
+                {{ currentDetail.productCenter[item.key] || '-' }}
+              </span>
+            </div>
+          </div>
+          <div class="compare-divider" />
+          <div class="compare-column compare-column-right">
+            <div v-for="item in compareItems" :key="`right-${item.key}`" class="compare-row">
+              <span class="compare-label">{{ item.label }}</span>
+              <span class="compare-value" :class="{ 'is-diff': isDiff(item.key) }">
+                {{ currentDetail.agencySystem[item.key] || '-' }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ManualVerification',
+  data() {
+    return {
+      // 查询表单
+      searchForm: {
+        productType: '',
+        productCode: '',
+      },
+      productTypeOptions: [
+        { label: '公募基金', value: '公募基金' },
+        { label: '私募基金', value: '私募基金' },
+        { label: '理财产品', value: '理财产品' },
+      ],
+      // 模拟列表数据
+      tableData: [
+        {
+          id: 1,
+          productType: '公募基金',
+          productCode: '000001',
+          productName: '华夏成长混合',
+          orgCode: 'ORG001',
+          accessStatus: '已准入',
+          marketCode: 'MKT001',
+          marketName: '上海证券交易所',
+          // 对比详情数据
+          productCenter: {
+            productCode: '000001',
+            productName: '华夏成长混合',
+            productType: '公募基金',
+            orgCode: 'ORG001',
+            accessStatus: '已准入',
+            marketCode: 'MKT001',
+            marketName: '上海证券交易所',
+          },
+          agencySystem: {
+            productCode: '000001',
+            productName: '华夏成长混合A',
+            productType: '公募基金',
+            orgCode: 'ORG001',
+            accessStatus: '已准入',
+            marketCode: 'MKT001',
+            marketName: '上交所',
+          },
+        },
+        {
+          id: 2,
+          productType: '理财产品',
+          productCode: 'LCP123',
+          productName: '稳健理财一年期',
+          orgCode: 'ORG002',
+          accessStatus: '待准入',
+          marketCode: 'MKT002',
+          marketName: '银行间市场',
+          productCenter: {
+            productCode: 'LCP123',
+            productName: '稳健理财一年期',
+            productType: '理财产品',
+            orgCode: 'ORG002',
+            accessStatus: '待准入',
+            marketCode: 'MKT002',
+            marketName: '银行间市场',
+          },
+          agencySystem: {
+            productCode: 'LCP123',
+            productName: '稳健理财一年期',
+            productType: '理财产品',
+            orgCode: 'ORG002',
+            accessStatus: '已准入',
+            marketCode: 'MKT002',
+            marketName: '银行间市场',
+          },
+        },
+      ],
+      detailDialogVisible: false,
+      currentDetail: {
+        productCenter: {},
+        agencySystem: {},
+      },
+      compareItems: [
+        { label: '产品代码', key: 'productCode' },
+        { label: '产品名称', key: 'productName' },
+        { label: '产品类型', key: 'productType' },
+        { label: '机构代码', key: 'orgCode' },
+        { label: '准入状态', key: 'accessStatus' },
+        { label: '市场代码', key: 'marketCode' },
+        { label: '市场名称', key: 'marketName' },
+      ],
+    }
+  },
+  computed: {
+    tableDataFiltered() {
+      const { productType, productCode } = this.searchForm
+      return this.tableData.filter(item => {
+        const matchType = productType ? item.productType === productType : true
+        const matchCode = productCode ? item.productCode.indexOf(productCode) > -1 : true
+        return matchType && matchCode
+      })
+    },
+  },
+  methods: {
+    handleSearch() {
+      // 由于使用 computed 过滤，这里无需额外逻辑，保留以便后续接入接口
+    },
+    handleReset() {
+      this.searchForm.productType = ''
+      this.searchForm.productCode = ''
+    },
+    openDetail(row) {
+      this.currentDetail = {
+        productCenter: row.productCenter || {},
+        agencySystem: row.agencySystem || {},
+      }
+      this.detailDialogVisible = true
+    },
+    isDiff(key) {
+      const left = (this.currentDetail.productCenter || {})[key]
+      const right = (this.currentDetail.agencySystem || {})[key]
+      return left !== right
+    },
+  },
+}
+</script>
+
+<style scoped>
+.manual-verification {
+  padding: 16px 0;
+}
+
+.search-form {
+  margin-bottom: 16px;
+}
+
+.result-table {
+  width: 100%;
+}
+
+.compare-wrapper {
+  border-radius: 12px;
+  border: 1px solid #e4e7ed;
+  padding: 16px 24px 8px;
+  background-color: #fafbff;
+}
+
+.compare-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.compare-title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.compare-title-left {
+  color: #409eff;
+}
+
+.compare-title-right {
+  color: #67c23a;
+}
+
+.compare-body {
+  display: flex;
+}
+
+.compare-column {
+  flex: 1;
+}
+
+.compare-column-left {
+  padding-right: 16px;
+}
+
+.compare-column-right {
+  padding-left: 16px;
+}
+
+.compare-divider {
+  width: 1px;
+  background-color: #dcdfe6;
+}
+
+.compare-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.compare-label {
+  width: 80px;
+  font-size: 13px;
+  color: #606266;
+}
+
+.compare-value {
+  flex: 1;
+  font-size: 13px;
+  color: #303133;
+  word-break: break-all;
+}
+
+.compare-value.is-diff {
+  color: #f56c6c;
+  font-weight: 600;
+}
+</style>

package/public//350/256/276/350/256/241/346/226/207/346/241/243.md

@@ -0,0 +1,266 @@
+产品信息核对系统 - 前端设计文档
+**
+1. 文档概述
+1.1 文档目的
+本文档用于明确产品信息核对系统的前端实现方案，包括技术选型、架构设计、页面交互、组件封装等核心内容，为前端开发、测试及协作提供依据。
+1.2 适用范围
+适用于前端开发人员、测试人员、产品经理及相关协作人员，作为开发落地、需求校验的参考标准。
+1.3 核心需求
+系统包含两大核心功能模块：手动核对和自动核对，支持产品信息搜索、列表展示、详情对比（不一致标红）等核心操作，具体需求如下：
+手动核对：按产品类型 / 产品代码搜索，列表展示产品基础信息，详情弹窗双栏对比产品中心与代销系统数据；
+自动核对：按核对时间 / 核对结果搜索，列表展示核对任务概览，支持跳转至明细页面；
+自动核对明细：按产品代码 / 核对结果搜索，列表展示单产品核对记录，复用详情对比弹窗。
+2. 技术选型
+技术栈
+版本 / 说明
+选型理由
+核心框架
+Vue 2.x
+满足业务复杂度，团队技术栈匹配
+UI 组件库
+Element UI
+组件丰富、文档完善，适配 Vue2
+路由管理
+Vue Router 3.x
+Vue2 生态标配，路由控制稳定
+样式解决方案
+Scoped CSS + Element 原生样式
+轻量高效，避免样式污染
+数据模拟
+本地静态数据（待对接接口）
+开发阶段快速验证功能逻辑
+
+3. 系统架构设计
+3.1 整体架构
+采用「页面 - 组件 - 工具」三层架构，确保代码复用性和可维护性：
+产品信息核对系统
+├── 页面层（Views）：承载核心业务逻辑和页面展示
+│   ├── ManualCheck.vue（手动核对页面）
+│   ├── AutoCheck.vue（自动核对页面）
+│   └── AutoCheckDetail.vue（自动核对明细页面）
+├── 组件层（Components）：封装通用/业务组件
+│   └── CheckDetailModal.vue（详情对比弹窗组件）
+├── 路由层（Router）：控制页面跳转和参数传递
+│   └── index.js（路由配置）
+└── 入口层（Main）：初始化 Vue 实例、注册依赖
+    └── main.js（项目入口）
+
+3.2 目录结构
+src/
+├── views/                # 页面组件
+│   ├── ManualCheck.vue   # 手动核对页面
+│   ├── AutoCheck.vue     # 自动核对页面
+│   └── AutoCheckDetail.vue # 自动核对明细页面
+├── components/           # 通用组件
+│   └── CheckDetailModal.vue # 详情对比弹窗
+├── router/               # 路由配置
+│   └── index.js
+├── main.js               # 项目入口
+└── App.vue               # 根组件（导航栏 + 路由视图）
+
+4. 页面设计
+4.1 根组件（App.vue）
+功能定位
+系统入口页面，包含顶部导航栏和路由视图容器，负责页面切换控制。
+核心设计
+顶部导航栏：采用 Element UI 的 el-menu 组件，水平布局，包含「手动核对」「自动核对」两个菜单选项；
+路由视图：通过 `` 渲染当前路由对应的页面，导航栏点击触发路由跳转。
+4.2 手动核对页面（ManualCheck.vue）
+页面结构
+分为「搜索区域」和「列表区域」两部分，底部挂载详情弹窗组件：
+搜索区域：
+采用 el-form 组件（inline 模式），包含产品类型输入框、产品代码输入框、搜索按钮、重置按钮；
+样式：浅灰色背景（#f5f5f5），15px 内边距，4px 圆角。
+列表区域：
+采用 el-table 组件（带边框），100% 宽度，与搜索区域间距 20px；
+列配置：产品类型、产品名称、机构代码、准入状态、市场代码、市场名称、操作（详情按钮）；
+操作列：「详情」文本按钮，点击触发详情弹窗。
+4.3 自动核对页面（AutoCheck.vue）
+页面结构
+与手动核对页面一致，分为「搜索区域」和「列表区域」：
+搜索区域：
+采用 el-form 组件（inline 模式），包含核对时间范围选择器、核对结果下拉选择器、搜索按钮、重置按钮；
+核对时间：el-date-picker（daterange 类型），格式为 yyyy-MM-dd；
+核对结果：el-select 组件，选项为「全部」「一致」「不一致」。
+列表区域：
+采用 el-table 组件（带边框）；
+列配置：核对起始时间、核对终止时间、核对结果、产品总数、不一致数量、产品类型、操作（查看明细按钮）；
+操作列：「查看明细」文本按钮，点击跳转至自动核对明细页面并携带参数。
+4.4 自动核对明细页面（AutoCheckDetail.vue）
+页面结构
+与手动核对页面结构一致，分为「搜索区域」和「列表区域」：
+搜索区域：
+采用 el-form 组件（inline 模式），包含产品代码输入框、核对结果下拉选择器、搜索按钮、重置按钮；
+核对结果下拉选择器与自动核对页面一致。
+列表区域：
+采用 el-table 组件（带边框）；
+列配置：产品代码、产品名称、核对结果、核对开始时间、核对结束时间、操作（详情按钮）；
+操作列：「详情」文本按钮，点击触发详情弹窗。
+5. 组件设计
+5.1 详情对比弹窗（CheckDetailModal.vue）
+组件定位
+通用组件，被手动核对页面和自动核对明细页面复用，用于展示产品中心与代销系统的信息对比。
+核心设计
+弹窗基础配置：
+标题：「产品信息核对详情」；
+宽度：80%；
+关闭时销毁 DOM（destroy-on-close: true）；
+遮罩层不插入 body（modal-append-to-body: false）。
+内部布局：
+整体容器：1px 灰色边框，8px 圆角，20px 内边距，flex 布局；
+双栏结构：左侧「产品中心」、右侧「代销系统」，中间用 1px 灰色竖线分割；
+列标题：16px 字体，加粗，颜色 #1989fa，底部间距 20px；
+对比项：每行展示一个字段，包含标签（灰色，#666）和值，标签与值间距 8px；
+不一致标红：通过 isDiff 方法判断字段是否一致，不一致时添加 text-red 类（颜色 #f56c6c，加粗）。
+字段配置：
+产品类型、产品名称、机构代码、准入状态、市场代码、市场名称。
+Props 定义：
+Prop 名称
+类型
+说明
+visible
+Boolean
+弹窗显示 / 隐藏控制（双向绑定）
+productData
+Object
+对比数据（包含 center 和 agency 字段）
+
+6. 交互设计
+6.1 通用交互
+搜索功能：
+点击「搜索」按钮，根据表单参数过滤列表数据；
+输入框 / 选择器支持回车触发搜索。
+重置功能：
+点击「重置」按钮，清空表单所有输入 / 选择项；
+重置后自动加载原始列表数据（未过滤状态）。
+弹窗交互：
+点击「详情」按钮，加载当前行对应的对比数据并显示弹窗；
+弹窗支持右上角关闭按钮、点击遮罩层关闭、ESC 键关闭。
+6.2 页面跳转交互
+自动核对页面 → 自动核对明细页面：
+点击「查看明细」按钮，通过 $router.push 跳转，携带参数：checkStartTime（核对起始时间）、checkResult（核对结果）、productType（产品类型）；
+明细页面加载时，接收路由参数并初始化搜索表单和列表数据。
+7. 数据设计
+7.1 核心数据模型
+7.1.1 手动核对列表数据（tableData）
+{
+  productType: String,    // 产品类型（如：理财产品、基金产品）
+  productCode: String,    // 产品代码（如：LC001、JJ002）
+  productName: String,    // 产品名称（如：XX稳健理财）
+  orgCode: String,        // 机构代码（如：ORG001）
+  accessStatus: String,   // 准入状态（如：已准入、未准入）
+  marketCode: String,     // 市场代码（如：M001）
+  marketName: String      // 市场名称（如：上海市场）
+}
+
+7.1.2 自动核对列表数据（tableData）
+{
+  checkStartTime: String, // 核对起始时间（如：2026-01-01 09:00:00）
+  checkEndTime: String,   // 核对终止时间（如：2026-01-01 10:00:00）
+  checkResult: String,    // 核对结果（一致/不一致）
+  productTotal: Number,   // 产品总数（如：100）
+  diffCount: Number,      // 不一致数量（如：5）
+  productType: String     // 产品类型（如：理财产品）
+}
+
+7.1.3 自动核对明细列表数据（tableData）
+{
+  productCode: String,    // 产品代码（如：LC001）
+  productName: String,    // 产品名称（如：XX稳健理财）
+  checkResult: String,    // 核对结果（一致/不一致）
+  checkStartTime: String, // 核对开始时间（如：2026-01-01 09:01:00）
+  checkEndTime: String    // 核对结束时间（如：2026-01-01 09:02:00）
+}
+
+7.1.4 对比数据（productData）
+{
+  center: {               // 产品中心数据
+    productType: String,
+    productName: String,
+    orgCode: String,
+    accessStatus: String,
+    marketCode: String,
+    marketName: String
+  },
+  agency: {               // 代销系统数据（字段与 center 一致）
+    productType: String,
+    productName: String,
+    orgCode: String,
+    accessStatus: String,
+    marketCode: String,
+    marketName: String
+  }
+}
+
+7.2 数据来源
+开发阶段：本地静态模拟数据（在 loadTableData 方法中定义）；
+生产阶段：对接后端接口，替换模拟数据方法为接口请求（如 axios）。
+8. 样式设计规范
+8.1 颜色规范
+用途
+颜色值
+说明
+主色调
+#1989fa
+导航栏背景、列标题颜色
+辅助色（错误）
+#f56c6c
+不一致字段标红、错误提示
+背景色（搜索区域）
+#f5f5f5
+搜索表单背景
+边框色
+#e6e6e6
+弹窗边框、分割线
+文本色（常规）
+#2c3e50
+页面主文本
+文本色（标签）
+#666666
+对比项标签文本
+
+8.2 字体规范
+全局字体：Avenir, Helvetica, Arial, sans-serif；
+标题字体：16px，加粗；
+正文字体：14px；
+表格文本：14px；
+按钮文本：14px。
+8.3 间距规范
+页面内边距：20px；
+搜索区域内边距：15px；
+搜索区域与列表区域间距：20px；
+对比项间距：15px（垂直）；
+标签与值间距：8px（水平）；
+弹窗内边距：20px；
+双栏对比间距：20px（水平）。
+9. 接口对接预留
+9.1 核心接口需求（待后端提供）
+接口功能
+入参
+出参
+手动核对列表查询
+productType（可选）、productCode（可选）
+手动核对列表数据（见 7.1.1）
+自动核对列表查询
+checkTimeStart（可选）、checkTimeEnd（可选）、checkResult（可选）
+自动核对列表数据（见 7.1.2）
+自动核对明细查询
+productCode（可选）、checkResult（可选）、productType（可选）
+自动核对明细数据（见 7.1.3）
+产品对比数据查询
+productCode（必填）
+对比数据（见 7.1.4）
+
+9.2 对接方式
+替换各页面 loadTableData 方法中的静态数据，通过 axios 发起 HTTP 请求；
+新增接口请求工具类（如 api/checkApi.js），统一管理接口地址和请求逻辑；
+处理加载状态、错误提示（可通过 Element UI 的 el-loading el-message 组件实现）。
+10. 兼容性与性能要求
+10.1 浏览器兼容性
+支持 Chrome、Firefox、Edge 最新版本；
+支持 IE 11 及以上版本（Element UI 兼容）。
+10.2 性能要求
+页面加载时间：≤ 2s；
+列表渲染时间：≤ 500ms（数据量 ≤ 1000 条）；
+弹窗打开时间：≤ 300ms；
+搜索响应时间：≤ 500ms。

package/readme.md

@@ -1,3 +1,4 @@
+1.2.22 数据核对
 1.2.21 图片
 1.2.20 batch
 1.2.19 btnselect