From ef5d054c70a04cbcbf0b12fa7805b32acb89ba16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=B8=E7=86=9F=E5=90=B4=E5=BD=A6=E7=A5=96?=
 <qi.ruan@xujiesoft.com>
Date: Fri, 3 Jul 2026 10:12:16 +0800
Subject: [PATCH] 1

---
 src/api/supplier/partPriceAnalysis.js         |    3 +
 .../srmBaseInformation/srmPartFamily.vue      | 1820 +++++++++++------
 .../modules/supplier/partPriceAnalysis.vue    |  391 ++++
 3 files changed, 1607 insertions(+), 607 deletions(-)
 create mode 100644 src/api/supplier/partPriceAnalysis.js
 create mode 100644 src/views/modules/supplier/partPriceAnalysis.vue

diff --git a/src/api/supplier/partPriceAnalysis.js b/src/api/supplier/partPriceAnalysis.js
new file mode 100644
index 0000000..f0d2525
--- /dev/null
+++ b/src/api/supplier/partPriceAnalysis.js
@@ -0,0 +1,3 @@
+import { createAPI } from '@/utils/httpRequest.js'
+
+export const searchPartPriceAnalysis = data => createAPI('/supplier/partPriceAnalysis/list', 'post', data)
diff --git a/src/views/modules/srmBaseInformation/srmPartFamily.vue b/src/views/modules/srmBaseInformation/srmPartFamily.vue
index 2ff8d47..f1e74bf 100644
--- a/src/views/modules/srmBaseInformation/srmPartFamily.vue
+++ b/src/views/modules/srmBaseInformation/srmPartFamily.vue
@@ -1,607 +1,1213 @@
-<template>

-  <div class="mod-config">

-    <el-form :inline="true" label-position="top" :model="searchData">

-      <el-form-item label="编码">

-        <el-input v-model="searchData.familyId" clearable style="width: 140px"></el-input>

-      </el-form-item>

-      <el-form-item label="名称">

-        <el-input v-model="searchData.familyName" clearable style="width: 180px"></el-input>

-      </el-form-item>

-      <el-form-item label="分类类型">

-        <el-select v-model="searchData.familyType" clearable style="width: 120px">

-          <el-option v-for="item in familyTypeOptions" :key="item.value" :label="item.label" :value="item.value" />

-        </el-select>

-      </el-form-item>

-      <el-form-item label="是否在用">

-        <el-select v-model="searchData.active" clearable style="width: 120px">

-          <el-option label="Y" value="Y"></el-option>

-          <el-option label="N" value="N"></el-option>

-        </el-select>

-      </el-form-item>

-      <el-form-item label=" ">

-        <el-button v-if="authSearch" type="primary" @click="getDataList()">查询</el-button>

-        <el-button v-if="authSave" type="primary" @click="addModal()">新增</el-button>

-      </el-form-item>

-    </el-form>

-

-    <el-table

-      :height="height"

-      :data="dataList"

-      border

-      v-loading="dataListLoading"

-      style="width: 100%;">

-      <el-table-column

-        v-for="(item,index) in columnList" :key="index"

-        :sortable="item.columnSortable"

-        :prop="item.columnProp"

-        :header-align="item.headerAlign"

-        :show-overflow-tooltip="item.showOverflowTooltip"

-        :align="item.align"

-        :fixed="item.fixed==''?false:item.fixed"

-        :min-width="item.columnWidth"

-        :label="item.columnLabel">

-        <template slot-scope="scope">

-          <span v-if="!item.columnHidden">

-            {{ formatCellValue(item.columnProp, scope.row[item.columnProp]) }}

-          </span>

-        </template>

-      </el-table-column>

-      <el-table-column

-        fixed="right"

-        header-align="center"

-        align="center"

-        width="120"

-        label="操作">

-        <template slot-scope="scope">

-          <el-link style="cursor: pointer" v-if="authUpdate" @click="updateModal(scope.row)">编辑 |</el-link>

-          <el-link style="cursor: pointer" v-if="authDelete" @click="deletePartFamilyHandle(scope.row)">删除</el-link>

-        </template>

-      </el-table-column>

-    </el-table>

-

-    <el-pagination

-      @size-change="sizeChangeHandle"

-      @current-change="currentChangeHandle"

-      :current-page="pageIndex"

-      :page-sizes="[20, 50, 100, 200, 500]"

-      :page-size="pageSize"

-      :total="totalPage"

-      layout="total, sizes, prev, pager, next, jumper">

-    </el-pagination>

-

-    <el-dialog :title="modalTitle" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="560px">

-      <el-form label-position="top" :model="modalData" :rules="rules" ref="modalForm" style="margin-left: 7px; margin-right: 7px;">

-        <el-row :gutter="24">

-          <el-col :span="12">

-            <el-form-item label="编码" prop="familyId">

-              <el-input v-model="modalData.familyId" :disabled="modalDisableFlag"></el-input>

-            </el-form-item>

-          </el-col>

-          <el-col :span="12">

-            <el-form-item label="是否在用" prop="active">

-              <el-select v-model="modalData.active" style="width: 100%">

-                <el-option label="Y" value="Y"></el-option>

-                <el-option label="N" value="N"></el-option>

-              </el-select>

-            </el-form-item>

-          </el-col>

-        </el-row>

-        <el-row :gutter="24">

-          <el-col :span="12">

-            <el-form-item label="分类类型" prop="familyType">

-              <el-select v-model="modalData.familyType" style="width: 100%" @change="onFamilyTypeChange">

-                <el-option v-for="item in familyTypeOptions" :key="item.value" :label="item.label" :value="item.value" />

-              </el-select>

-            </el-form-item>

-          </el-col>

-          <el-col :span="12">

-            <el-form-item label="上级分类" prop="parentPartFamily">

-              <el-select

-                v-model="modalData.parentPartFamily"

-                style="width: 100%"

-                clearable

-                filterable

-                :disabled="parentSelectDisabled"

-                :placeholder="parentSelectDisabled ? '一级分类无需上级' : '请选择上级分类'">

-                <el-option

-                  v-for="item in parentOptions"

-                  :key="item.familyId"

-                  :label="item.familyName + ' (' + item.familyId + ')'"

-                  :value="item.familyId" />

-              </el-select>

-            </el-form-item>

-          </el-col>

-        </el-row>

-        <el-row :gutter="24">

-          <el-col :span="24">

-            <el-form-item label="名称" prop="familyName">

-              <el-input v-model="modalData.familyName" style="width: 100%"></el-input>

-            </el-form-item>

-          </el-col>

-        </el-row>

-      </el-form>

-      <el-footer style="height:40px;margin-top: 20px;text-align:center">

-        <el-button type="primary" @click="saveData()">保存</el-button>

-        <el-button type="primary" @click="modalFlag = false">关闭</el-button>

-      </el-footer>

-    </el-dialog>

-  </div>

-</template>

-

-<script>

-import {

-  getPartFamilyListPaging,

-  listPartFamilyByType,

-  savePartFamily,

-  updatePartFamily,

-  deletePartFamily

-} from '@/api/baseInformation/srmPartFamily.js'

-

-export default {

-  name: 'srmPartFamily',

-  watch: {

-    searchData: {

-      deep: true,

-      handler: function () {

-        this.searchData.familyId = (this.searchData.familyId || '').toUpperCase()

-      }

-    },

-    modalData: {

-      deep: true,

-      handler: function () {

-        this.modalData.familyId = (this.modalData.familyId || '').toUpperCase()

-      }

-    }

-  },

-  data () {

-    const functionId = this.$route.meta.menuId || 'srmPartFamily'

-    const validateParent = (rule, value, callback) => {

-      const type = this.modalData.familyType

-      if (type === 'level2' || type === 'level3') {

-        if (!value) {

-          callback(new Error(' '))

-          return

-        }

-      }

-      callback()

-    }

-    return {

-      height: 200,

-      dataList: [],

-      dataListLoading: false,

-      pageIndex: 1,

-      pageSize: 20,

-      totalPage: 0,

-      familyTypeOptions: [

-        { label: '一级分类', value: 'level1' },

-        { label: '二级分类', value: 'level2' },

-        { label: '三级分类', value: 'level3' }

-      ],

-      parentOptions: [],

-      searchData: {

-        site: this.$store.state.user.site,

-        familyId: '',

-        familyName: '',

-        familyType: '',

-        active: '',

-        page: 1,

-        limit: 10

-      },

-      modalFlag: false,

-      modalTitle: '',

-      modalDisableFlag: false,

-      modalData: {

-        site: this.$store.state.user.site,

-        familyId: '',

-        familyName: '',

-        familyType: '',

-        parentPartFamily: '',

-        active: 'Y',

-        createBy: this.$store.state.user.name,

-        updateBy: this.$store.state.user.name,

-        showInQueryFlag: '',

-        flag: '1'

-      },

-      columnList: [

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableFamilyId',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'familyId',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '编码',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 120

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableFamilyName',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'familyName',

-          headerAlign: 'center',

-          align: 'left',

-          columnLabel: '名称',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 180

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableFamilyType',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'familyType',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '分类类型',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 100

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableParentPartFamily',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'parentPartFamily',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '上级分类',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 120

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableActive',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'active',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '是否在用',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 100

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableCreateDate',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'createDate',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '创建日期',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 160

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableCreateBy',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'createBy',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '创建人',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 120

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableUpdateDate',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'updateDate',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '更新日期',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 160

-        },

-        {

-          userId: this.$store.state.user.name,

-          functionId: functionId,

-          serialNumber: 'srmPartFamilyTableUpdateBy',

-          tableId: 'srmPartFamilyTable',

-          tableName: '产品分类表',

-          columnProp: 'updateBy',

-          headerAlign: 'center',

-          align: 'center',

-          columnLabel: '更新人',

-          columnHidden: false,

-          columnImage: false,

-          columnSortable: false,

-          sortLv: 0,

-          status: true,

-          fixed: '',

-          columnWidth: 120

-        }

-      ],

-      rules: {

-        familyId: [

-          { required: true, message: ' ', trigger: 'blur' }

-        ],

-        familyName: [

-          { required: true, message: ' ', trigger: 'blur' }

-        ],

-        familyType: [

-          { required: true, message: ' ', trigger: 'change' }

-        ],

-        parentPartFamily: [

-          { validator: validateParent, trigger: 'change' }

-        ],

-        active: [

-          { required: true, message: ' ', trigger: 'change' }

-        ]

-      },

-      authSearch: false,

-      authSave: false,

-      authUpdate: false,

-      authDelete: false,

-      menuId: functionId

-    }

-  },

-  computed: {

-    parentSelectDisabled () {

-      return this.modalData.familyType === 'level1'

-    }

-  },

-  mounted () {

-    this.$nextTick(() => {

-      this.height = window.innerHeight - 180

-    })

-  },

-  created () {

-    this.getButtonAuthData()

-    this.getDataList()

-  },

-  methods: {

-    formatCellValue (columnProp, value) {

-      if (columnProp === 'createDate' || columnProp === 'updateDate') {

-        return value ? this.dayjs(value).format('YYYY-MM-DD HH:mm:ss') : ''

-      }

-      if (columnProp === 'familyType') {

-        const item = this.familyTypeOptions.find(o => o.value === value)

-        return item ? item.label : value

-      }

-      return value

-    },

-    loadParentOptions (familyType, keepParent) {

-      if (familyType === 'level1') {

-        this.parentOptions = []

-        if (!keepParent) {

-          this.modalData.parentPartFamily = ''

-        }

-        return

-      }

-      const parentType = familyType === 'level2' ? 'level1' : 'level2'

-      listPartFamilyByType({

-        site: this.$store.state.user.site,

-        familyType: parentType,

-        active: 'Y'

-      }).then(({ data }) => {

-        if (data && data.code === 0) {

-          this.parentOptions = data.list || []

-        } else {

-          this.parentOptions = []

-        }

-        if (!keepParent) {

-          this.modalData.parentPartFamily = ''

-        }

-      }).catch(() => {

-        this.parentOptions = []

-        if (!keepParent) {

-          this.modalData.parentPartFamily = ''

-        }

-      })

-    },

-    onFamilyTypeChange () {

-      this.loadParentOptions(this.modalData.familyType, false)

-      this.$nextTick(() => {

-        if (this.$refs.modalForm) {

-          this.$refs.modalForm.validateField('parentPartFamily')

-        }

-      })

-    },

-    getDataList () {

-      this.dataListLoading = true

-      const params = {

-        ...this.searchData,

-        site: this.$store.state.user.site,

-        page: this.pageIndex,

-        limit: this.pageSize

-      }

-

-      getPartFamilyListPaging(params).then(({ data }) => {

-        if (data && data.code === 0) {

-          const pageData = data.data || data.page

-          this.dataList = pageData && pageData.list ? pageData.list : pageData

-          if (pageData && pageData.currPage) {

-            this.pageIndex = pageData.currPage

-            this.pageSize = pageData.pageSize

-            this.totalPage = pageData.totalCount

-          } else {

-            this.totalPage = this.dataList ? this.dataList.length : 0

-          }

-        } else {

-          this.$message.error((data && data.msg) || '获取数据失败')

-        }

-      }).catch(error => {

-        console.error('获取产品分类失败:', error)

-        this.$message.error('获取数据失败: ' + (error.message || '网络错误'))

-      }).finally(() => {

-        this.dataListLoading = false

-      })

-    },

-    sizeChangeHandle (val) {

-      this.pageSize = val

-      this.pageIndex = 1

-      this.getDataList()

-    },

-    currentChangeHandle (val) {

-      this.pageIndex = val

-      this.getDataList()

-    },

-    addModal () {

-      this.modalTitle = '新增产品分类'

-      this.modalDisableFlag = false

-      this.parentOptions = []

-      this.modalData = {

-        site: this.$store.state.user.site || '',

-        familyId: '',

-        familyName: '',

-        familyType: '',

-        parentPartFamily: '',

-        active: 'Y',

-        createBy: this.$store.state.user.name,

-        updateBy: this.$store.state.user.name,

-        showInQueryFlag: '',

-        flag: '1'

-      }

-      this.$nextTick(() => {

-        if (this.$refs.modalForm) {

-          this.$refs.modalForm.clearValidate()

-        }

-      })

-      this.modalFlag = true

-    },

-    updateModal (row) {

-      this.modalTitle = '编辑产品分类'

-      this.modalDisableFlag = true

-      this.modalData = {

-        site: row.site,

-        familyId: row.familyId,

-        familyName: row.familyName,

-        familyType: row.familyType || '',

-        parentPartFamily: row.parentPartFamily || '',

-        active: row.active,

-        createBy: row.createBy,

-        updateBy: this.$store.state.user.name,

-        showInQueryFlag: row.showInQueryFlag,

-        flag: '2'

-      }

-      this.loadParentOptions(this.modalData.familyType, true)

-      this.$nextTick(() => {

-        if (this.$refs.modalForm) {

-          this.$refs.modalForm.clearValidate()

-        }

-      })

-      this.modalFlag = true

-    },

-    saveData () {

-      this.$refs.modalForm.validate((valid) => {

-        if (!valid) {

-          return false

-        }

-        const inData = { ...this.modalData }

-        if (inData.familyType === 'level1') {

-          inData.parentPartFamily = ''

-        }

-        const apiCall = inData.flag === '1' ? savePartFamily : updatePartFamily

-        apiCall(inData).then(({ data }) => {

-          if (data && data.code === 0) {

-            this.$message.success('操作成功')

-            this.modalFlag = false

-            this.getDataList()

-          } else {

-            this.$message.error((data && data.msg) || '操作失败')

-          }

-        }).catch(error => {

-          console.error('保存产品分类失败:', error)

-          this.$message.error('保存失败: ' + (error.message || '网络错误'))

-        })

-      })

-    },

-    deletePartFamilyHandle (row) {

-      this.$confirm(`确定删除此产品分类吗？编码：${row.familyId}`, '提示', {

-        confirmButtonText: '确定',

-        cancelButtonText: '取消',

-        type: 'warning'

-      }).then(() => {

-        deletePartFamily({

-          site: row.site,

-          familyId: row.familyId

-        }).then(({ data }) => {

-          if (data && data.code === 0) {

-            this.$message.success('删除成功')

-            this.getDataList()

-          } else {

-            this.$message.error((data && data.msg) || '删除失败')

-          }

-        }).catch(error => {

-          console.error('删除产品分类失败:', error)

-          this.$message.error('删除失败: ' + (error.message || '网络错误'))

-        })

-      }).catch(() => {

-        this.$message.info('已取消删除')

-      })

-    },

-    getButtonAuthData () {

-      let searchFlag = this.isAuth(this.menuId + ':search')

-      let saveFlag = this.isAuth(this.menuId + ':save')

-      let updateFlag = this.isAuth(this.menuId + ':update')

-      let deleteFlag = this.isAuth(this.menuId + ':delete')

-      this.authSearch = !searchFlag

-      this.authSave = !saveFlag

-      this.authUpdate = !updateFlag

-      this.authDelete = !deleteFlag

-    }

-  }

-}

-</script>

-

-<style scoped>

-.mod-config {

-  padding: 0;

-}

-</style>

-
\ No newline at end of file
+<template>
+
+  <div class="mod-config">
+
+    <el-form :inline="true" label-position="top" :model="searchData">
+
+      <el-form-item label="编码">
+
+        <el-input v-model="searchData.familyId" clearable style="width: 140px"></el-input>
+
+      </el-form-item>
+
+      <el-form-item label="名称">
+
+        <el-input v-model="searchData.familyName" clearable style="width: 180px"></el-input>
+
+      </el-form-item>
+
+      <el-form-item label="分类类型">
+
+        <el-select v-model="searchData.familyType" clearable style="width: 120px">
+
+          <el-option v-for="item in familyTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+
+        </el-select>
+
+      </el-form-item>
+
+      <el-form-item label="是否在用">
+
+        <el-select v-model="searchData.active" clearable style="width: 120px">
+
+          <el-option label="Y" value="Y"></el-option>
+
+          <el-option label="N" value="N"></el-option>
+
+        </el-select>
+
+      </el-form-item>
+
+      <el-form-item label=" ">
+
+        <el-button v-if="authSearch" type="primary" @click="getDataList()">查询</el-button>
+
+        <el-button v-if="authSave" type="primary" @click="addModal()">新增</el-button>
+
+      </el-form-item>
+
+    </el-form>
+
+
+
+    <el-table
+
+      :height="height"
+
+      :data="dataList"
+
+      border
+
+      v-loading="dataListLoading"
+
+      style="width: 100%;">
+
+      <el-table-column
+
+        v-for="(item,index) in columnList" :key="index"
+
+        :sortable="item.columnSortable"
+
+        :prop="item.columnProp"
+
+        :header-align="item.headerAlign"
+
+        :show-overflow-tooltip="item.showOverflowTooltip"
+
+        :align="item.align"
+
+        :fixed="item.fixed==''?false:item.fixed"
+
+        :min-width="item.columnWidth"
+
+        :label="item.columnLabel">
+
+        <template slot-scope="scope">
+
+          <span v-if="!item.columnHidden">
+
+            {{ formatCellValue(item.columnProp, scope.row[item.columnProp]) }}
+
+          </span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column
+
+        fixed="right"
+
+        header-align="center"
+
+        align="center"
+
+        width="120"
+
+        label="操作">
+
+        <template slot-scope="scope">
+
+          <el-link style="cursor: pointer" v-if="authUpdate" @click="updateModal(scope.row)">编辑 |</el-link>
+
+          <el-link style="cursor: pointer" v-if="authDelete" @click="deletePartFamilyHandle(scope.row)">删除</el-link>
+
+        </template>
+
+      </el-table-column>
+
+    </el-table>
+
+
+
+    <el-pagination
+
+      @size-change="sizeChangeHandle"
+
+      @current-change="currentChangeHandle"
+
+      :current-page="pageIndex"
+
+      :page-sizes="[20, 50, 100, 200, 500]"
+
+      :page-size="pageSize"
+
+      :total="totalPage"
+
+      layout="total, sizes, prev, pager, next, jumper">
+
+    </el-pagination>
+
+
+
+    <el-dialog :title="modalTitle" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="560px">
+
+      <el-form label-position="top" :model="modalData" :rules="rules" ref="modalForm" style="margin-left: 7px; margin-right: 7px;">
+
+        <el-row :gutter="24">
+
+          <el-col :span="12">
+
+            <el-form-item label="编码" prop="familyId">
+
+              <el-input v-model="modalData.familyId" :disabled="modalDisableFlag"></el-input>
+
+            </el-form-item>
+
+          </el-col>
+
+          <el-col :span="12">
+
+            <el-form-item label="是否在用" prop="active">
+
+              <el-select v-model="modalData.active" style="width: 100%">
+
+                <el-option label="Y" value="Y"></el-option>
+
+                <el-option label="N" value="N"></el-option>
+
+              </el-select>
+
+            </el-form-item>
+
+          </el-col>
+
+        </el-row>
+
+        <el-row :gutter="24">
+
+          <el-col :span="12">
+
+            <el-form-item label="分类类型" prop="familyType">
+
+              <el-select v-model="modalData.familyType" style="width: 100%" @change="onFamilyTypeChange">
+
+                <el-option v-for="item in familyTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+
+              </el-select>
+
+            </el-form-item>
+
+          </el-col>
+
+          <el-col :span="12">
+
+            <el-form-item label="上级分类" prop="parentPartFamily">
+
+              <el-select
+
+                v-model="modalData.parentPartFamily"
+
+                style="width: 100%"
+
+                clearable
+
+                filterable
+
+                :disabled="parentSelectDisabled"
+
+                :placeholder="parentSelectDisabled ? '一级分类无需上级' : '请选择上级分类'">
+
+                <el-option
+
+                  v-for="item in parentOptions"
+
+                  :key="item.familyId"
+
+                  :label="item.familyName + ' (' + item.familyId + ')'"
+
+                  :value="item.familyId" />
+
+              </el-select>
+
+            </el-form-item>
+
+          </el-col>
+
+        </el-row>
+
+        <el-row :gutter="24">
+
+          <el-col :span="24">
+
+            <el-form-item label="名称" prop="familyName">
+
+              <el-input v-model="modalData.familyName" style="width: 100%"></el-input>
+
+            </el-form-item>
+
+          </el-col>
+
+        </el-row>
+
+      </el-form>
+
+      <el-footer style="height:40px;margin-top: 20px;text-align:center">
+
+        <el-button type="primary" @click="saveData()">保存</el-button>
+
+        <el-button type="primary" @click="modalFlag = false">关闭</el-button>
+
+      </el-footer>
+
+    </el-dialog>
+
+  </div>
+
+</template>
+
+
+
+<script>
+
+import {
+
+  getPartFamilyListPaging,
+
+  listPartFamilyByType,
+
+  savePartFamily,
+
+  updatePartFamily,
+
+  deletePartFamily
+
+} from '@/api/baseInformation/srmPartFamily.js'
+
+
+
+export default {
+
+  name: 'srmPartFamily',
+
+  watch: {
+
+    searchData: {
+
+      deep: true,
+
+      handler: function () {
+
+        this.searchData.familyId = (this.searchData.familyId || '').toUpperCase()
+
+      }
+
+    },
+
+    modalData: {
+
+      deep: true,
+
+      handler: function () {
+
+        this.modalData.familyId = (this.modalData.familyId || '').toUpperCase()
+
+      }
+
+    }
+
+  },
+
+  data () {
+
+    const functionId = this.$route.meta.menuId || 'srmPartFamily'
+
+    const validateParent = (rule, value, callback) => {
+
+      const type = this.modalData.familyType
+
+      if (type === 'level2' || type === 'level3') {
+
+        if (!value) {
+
+          callback(new Error(' '))
+
+          return
+
+        }
+
+      }
+
+      callback()
+
+    }
+
+    return {
+
+      height: 200,
+
+      dataList: [],
+
+      dataListLoading: false,
+
+      pageIndex: 1,
+
+      pageSize: 20,
+
+      totalPage: 0,
+
+      familyTypeOptions: [
+
+        { label: '一级分类', value: 'level1' },
+
+        { label: '二级分类', value: 'level2' },
+
+        { label: '三级分类', value: 'level3' }
+
+      ],
+
+      parentOptions: [],
+
+      searchData: {
+
+        site: this.$store.state.user.site,
+
+        familyId: '',
+
+        familyName: '',
+
+        familyType: '',
+
+        active: '',
+
+        page: 1,
+
+        limit: 10
+
+      },
+
+      modalFlag: false,
+
+      modalTitle: '',
+
+      modalDisableFlag: false,
+
+      modalData: {
+
+        site: this.$store.state.user.site,
+
+        familyId: '',
+
+        familyName: '',
+
+        familyType: '',
+
+        parentPartFamily: '',
+
+        active: 'Y',
+
+        createBy: this.$store.state.user.name,
+
+        updateBy: this.$store.state.user.name,
+
+        showInQueryFlag: '',
+
+        flag: '1'
+
+      },
+
+      columnList: [
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableFamilyId',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'familyId',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '编码',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 120
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableFamilyName',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'familyName',
+
+          headerAlign: 'center',
+
+          align: 'left',
+
+          columnLabel: '名称',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 180
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableFamilyType',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'familyType',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '分类类型',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 100
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableParentPartFamily',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'parentPartFamily',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '上级分类',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 120
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableActive',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'active',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '是否在用',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 100
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableCreateDate',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'createDate',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '创建日期',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 160
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableCreateBy',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'createBy',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '创建人',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 120
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableUpdateDate',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'updateDate',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '更新日期',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 160
+
+        },
+
+        {
+
+          userId: this.$store.state.user.name,
+
+          functionId: functionId,
+
+          serialNumber: 'srmPartFamilyTableUpdateBy',
+
+          tableId: 'srmPartFamilyTable',
+
+          tableName: '产品分类表',
+
+          columnProp: 'updateBy',
+
+          headerAlign: 'center',
+
+          align: 'center',
+
+          columnLabel: '更新人',
+
+          columnHidden: false,
+
+          columnImage: false,
+
+          columnSortable: false,
+
+          sortLv: 0,
+
+          status: true,
+
+          fixed: '',
+
+          columnWidth: 120
+
+        }
+
+      ],
+
+      rules: {
+
+        familyId: [
+
+          { required: true, message: ' ', trigger: 'blur' }
+
+        ],
+
+        familyName: [
+
+          { required: true, message: ' ', trigger: 'blur' }
+
+        ],
+
+        familyType: [
+
+          { required: true, message: ' ', trigger: 'change' }
+
+        ],
+
+        parentPartFamily: [
+
+          { validator: validateParent, trigger: 'change' }
+
+        ],
+
+        active: [
+
+          { required: true, message: ' ', trigger: 'change' }
+
+        ]
+
+      },
+
+      authSearch: false,
+
+      authSave: false,
+
+      authUpdate: false,
+
+      authDelete: false,
+
+      menuId: functionId
+
+    }
+
+  },
+
+  computed: {
+
+    parentSelectDisabled () {
+
+      return this.modalData.familyType === 'level1'
+
+    }
+
+  },
+
+  mounted () {
+
+    this.$nextTick(() => {
+
+      this.height = window.innerHeight - 180
+
+    })
+
+  },
+
+  created () {
+
+    this.getButtonAuthData()
+
+    this.getDataList()
+
+  },
+
+  methods: {
+
+    formatCellValue (columnProp, value) {
+
+      if (columnProp === 'createDate' || columnProp === 'updateDate') {
+
+        return value ? this.dayjs(value).format('YYYY-MM-DD HH:mm:ss') : ''
+
+      }
+
+      if (columnProp === 'familyType') {
+
+        const item = this.familyTypeOptions.find(o => o.value === value)
+
+        return item ? item.label : value
+
+      }
+
+      return value
+
+    },
+
+    loadParentOptions (familyType, keepParent) {
+
+      if (familyType === 'level1') {
+
+        this.parentOptions = []
+
+        if (!keepParent) {
+
+          this.modalData.parentPartFamily = ''
+
+        }
+
+        return
+
+      }
+
+      const parentType = familyType === 'level2' ? 'level1' : 'level2'
+
+      listPartFamilyByType({
+
+        site: this.$store.state.user.site,
+
+        familyType: parentType,
+
+        active: 'Y'
+
+      }).then(({ data }) => {
+
+        if (data && data.code === 0) {
+
+          this.parentOptions = data.list || []
+
+        } else {
+
+          this.parentOptions = []
+
+        }
+
+        if (!keepParent) {
+
+          this.modalData.parentPartFamily = ''
+
+        }
+
+      }).catch(() => {
+
+        this.parentOptions = []
+
+        if (!keepParent) {
+
+          this.modalData.parentPartFamily = ''
+
+        }
+
+      })
+
+    },
+
+    onFamilyTypeChange () {
+
+      this.loadParentOptions(this.modalData.familyType, false)
+
+      this.$nextTick(() => {
+
+        if (this.$refs.modalForm) {
+
+          this.$refs.modalForm.validateField('parentPartFamily')
+
+        }
+
+      })
+
+    },
+
+    getDataList () {
+
+      this.dataListLoading = true
+
+      const params = {
+
+        ...this.searchData,
+
+        site: this.$store.state.user.site,
+
+        page: this.pageIndex,
+
+        limit: this.pageSize
+
+      }
+
+
+
+      getPartFamilyListPaging(params).then(({ data }) => {
+
+        if (data && data.code === 0) {
+
+          const pageData = data.data || data.page
+
+          this.dataList = pageData && pageData.list ? pageData.list : pageData
+
+          if (pageData && pageData.currPage) {
+
+            this.pageIndex = pageData.currPage
+
+            this.pageSize = pageData.pageSize
+
+            this.totalPage = pageData.totalCount
+
+          } else {
+
+            this.totalPage = this.dataList ? this.dataList.length : 0
+
+          }
+
+        } else {
+
+          this.$message.error((data && data.msg) || '获取数据失败')
+
+        }
+
+      }).catch(error => {
+
+        console.error('获取产品分类失败:', error)
+
+        this.$message.error('获取数据失败: ' + (error.message || '网络错误'))
+
+      }).finally(() => {
+
+        this.dataListLoading = false
+
+      })
+
+    },
+
+    sizeChangeHandle (val) {
+
+      this.pageSize = val
+
+      this.pageIndex = 1
+
+      this.getDataList()
+
+    },
+
+    currentChangeHandle (val) {
+
+      this.pageIndex = val
+
+      this.getDataList()
+
+    },
+
+    addModal () {
+
+      this.modalTitle = '新增产品分类'
+
+      this.modalDisableFlag = false
+
+      this.parentOptions = []
+
+      this.modalData = {
+
+        site: this.$store.state.user.site || '',
+
+        familyId: '',
+
+        familyName: '',
+
+        familyType: '',
+
+        parentPartFamily: '',
+
+        active: 'Y',
+
+        createBy: this.$store.state.user.name,
+
+        updateBy: this.$store.state.user.name,
+
+        showInQueryFlag: '',
+
+        flag: '1'
+
+      }
+
+      this.$nextTick(() => {
+
+        if (this.$refs.modalForm) {
+
+          this.$refs.modalForm.clearValidate()
+
+        }
+
+      })
+
+      this.modalFlag = true
+
+    },
+
+    updateModal (row) {
+
+      this.modalTitle = '编辑产品分类'
+
+      this.modalDisableFlag = true
+
+      this.modalData = {
+
+        site: row.site,
+
+        familyId: row.familyId,
+
+        familyName: row.familyName,
+
+        familyType: row.familyType || '',
+
+        parentPartFamily: row.parentPartFamily || '',
+
+        active: row.active,
+
+        createBy: row.createBy,
+
+        updateBy: this.$store.state.user.name,
+
+        showInQueryFlag: row.showInQueryFlag,
+
+        flag: '2'
+
+      }
+
+      this.loadParentOptions(this.modalData.familyType, true)
+
+      this.$nextTick(() => {
+
+        if (this.$refs.modalForm) {
+
+          this.$refs.modalForm.clearValidate()
+
+        }
+
+      })
+
+      this.modalFlag = true
+
+    },
+
+    saveData () {
+
+      this.$refs.modalForm.validate((valid) => {
+
+        if (!valid) {
+
+          return false
+
+        }
+
+        const inData = { ...this.modalData }
+
+        if (inData.familyType === 'level1') {
+
+          inData.parentPartFamily = ''
+
+        }
+
+        const apiCall = inData.flag === '1' ? savePartFamily : updatePartFamily
+
+        apiCall(inData).then(({ data }) => {
+
+          if (data && data.code === 0) {
+
+            this.$message.success('操作成功')
+
+            this.modalFlag = false
+
+            this.getDataList()
+
+          } else {
+
+            this.$message.error((data && data.msg) || '操作失败')
+
+          }
+
+        }).catch(error => {
+
+          console.error('保存产品分类失败:', error)
+
+          this.$message.error('保存失败: ' + (error.message || '网络错误'))
+
+        })
+
+      })
+
+    },
+
+    deletePartFamilyHandle (row) {
+
+      this.$confirm(`确定删除此产品分类吗？编码：${row.familyId}`, '提示', {
+
+        confirmButtonText: '确定',
+
+        cancelButtonText: '取消',
+
+        type: 'warning'
+
+      }).then(() => {
+
+        deletePartFamily({
+
+          site: row.site,
+
+          familyId: row.familyId
+
+        }).then(({ data }) => {
+
+          if (data && data.code === 0) {
+
+            this.$message.success('删除成功')
+
+            this.getDataList()
+
+          } else {
+
+            this.$message.error((data && data.msg) || '删除失败')
+
+          }
+
+        }).catch(error => {
+
+          console.error('删除产品分类失败:', error)
+
+          this.$message.error('删除失败: ' + (error.message || '网络错误'))
+
+        })
+
+      }).catch(() => {
+
+        this.$message.info('已取消删除')
+
+      })
+
+    },
+
+    getButtonAuthData () {
+
+      let searchFlag = this.isAuth(this.menuId + ':search')
+
+      let saveFlag = this.isAuth(this.menuId + ':save')
+
+      let updateFlag = this.isAuth(this.menuId + ':update')
+
+      let deleteFlag = this.isAuth(this.menuId + ':delete')
+
+      this.authSearch = !searchFlag
+
+      this.authSave = !saveFlag
+
+      this.authUpdate = !updateFlag
+
+      this.authDelete = !deleteFlag
+
+    }
+
+  }
+
+}
+
+</script>
+
+
+
+<style scoped>
+
+.mod-config {
+
+  padding: 0;
+
+}
+
+</style>
+
+
diff --git a/src/views/modules/supplier/partPriceAnalysis.vue b/src/views/modules/supplier/partPriceAnalysis.vue
new file mode 100644
index 0000000..5e20954
--- /dev/null
+++ b/src/views/modules/supplier/partPriceAnalysis.vue
@@ -0,0 +1,391 @@
+<template>
+  <div class="customer-css part-price-analysis">
+    <el-form :inline="true" label-position="top" class="pi-search-form">
+      <el-form-item label="开始时间" required>
+        <el-date-picker
+          v-model="searchData.startDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="开始时间"
+          style="width: 150px"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label="结束时间">
+        <el-date-picker
+          v-model="searchData.endDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="结束时间"
+          style="width: 150px"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item required>
+        <span style="cursor: pointer" slot="label" @click="getBaseList(2017)"><a href="javascript:void(0)">物料编码</a></span>
+        <el-input
+          v-model="searchData.partNo"
+          placeholder="物料编码"
+          style="width: 160px"
+          clearable
+          @keyup.enter.native="handleSearch"
+        />
+      </el-form-item>
+      <el-form-item>
+        <span style="cursor: pointer" slot="label" @click="getBaseList(520)"><a href="javascript:void(0)">供应商编码</a></span>
+        <el-input
+          v-model="searchData.supplierId"
+          placeholder="不填则按物料查询"
+          style="width: 160px"
+          clearable
+          @keyup.enter.native="handleSearch"
+        />
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button type="primary" class="customer-bun-min" :loading="loading" @click="handleSearch">查询</el-button>
+        <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :data="dataList"
+      :height="tableHeight"
+      border
+      stripe
+      v-loading="loading"
+      style="width: 100%"
+      empty-text="请填写查询条件后点击查询"
+    >
+      <el-table-column prop="partNo" label="物料编码" min-width="80" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="partDesc" label="物料名称" min-width="250" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="price" label="报价" min-width="80" header-align="center" align="right">
+        <template slot-scope="scope">
+          {{ formatMoney(scope.row.price) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="priceChangeRate" label="涨跌" min-width="100" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span :class="getPriceChangeClass(scope.row.priceChangeRate)">
+            {{ scope.row.priceChangeRate || '-' }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createdDate" label="报价时间" min-width="160" header-align="center" align="center" />
+      <el-table-column prop="supplierId" label="报价供应商编码" min-width="120" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="supplierName" label="报价供应商名称" min-width="200" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="categoryName" label="物料分类" min-width="100" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="categoryLevel2Name" label="物料二级分类" min-width="100" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="categoryLevel3Name" label="物料三级分类" min-width="100" header-align="center" align="left" show-overflow-tooltip />
+    </el-table>
+
+    <el-card shadow="never" class="chart-card">
+      <div slot="header" class="chart-card__header">
+        <span>价格趋势（已接受报价）</span>
+      </div>
+      <div id="partPriceChart" class="chart-box" :style="{ height: chartHeight + 'px' }"></div>
+    </el-card>
+
+    <Chooselist
+      ref="baseList"
+      @getBaseData="getBaseData">
+    </Chooselist>
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+import { searchPartPriceAnalysis } from '@/api/supplier/partPriceAnalysis'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+
+function getDefaultStartDate () {
+  const date = new Date()
+  date.setMonth(date.getMonth() - 3)
+  const pad = num => String(num).padStart(2, '0')
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+}
+
+export default {
+  name: 'PartPriceAnalysis',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      loading: false,
+      tagNo: '',
+      dataList: [],
+      searchData: {
+        site: this.$store.state.user.site,
+        startDate: getDefaultStartDate(),
+        endDate: '',
+        partNo: '',
+        supplierId: ''
+      },
+      tableHeight: 280,
+      chartHeight: 320,
+      chartInstance: null
+    }
+  },
+  mounted () {
+    this.$nextTick(() => {
+      this.updateLayout()
+      this.initChart()
+    })
+    window.addEventListener('resize', this.handleResize)
+  },
+  activated () {
+    if (this.chartInstance) {
+      this.chartInstance.resize()
+    }
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.handleResize)
+    if (this.chartInstance) {
+      this.chartInstance.dispose()
+      this.chartInstance = null
+    }
+  },
+  methods: {
+    updateLayout () {
+      const availableHeight = window.innerHeight - 220
+      this.tableHeight = Math.max(220, Math.floor(availableHeight * 0.45))
+      this.chartHeight = Math.max(260, Math.floor(availableHeight * 0.5))
+    },
+    handleResize () {
+      this.updateLayout()
+      if (this.chartInstance) {
+        this.chartInstance.resize()
+      }
+    },
+    initChart () {
+      const dom = document.getElementById('partPriceChart')
+      if (!dom) {
+        return
+      }
+      if (this.chartInstance) {
+        this.chartInstance.dispose()
+      }
+      this.chartInstance = echarts.init(dom)
+      this.renderChart([])
+    },
+    resetSearch () {
+      this.searchData = {
+        site: this.$store.state.user.site,
+        startDate: getDefaultStartDate(),
+        endDate: '',
+        partNo: '',
+        supplierId: ''
+      }
+      this.dataList = []
+      this.renderChart([])
+    },
+    getBaseList (val) {
+      this.tagNo = val
+      this.$nextTick(() => {
+        let strVal = ''
+        let conSql = ''
+        if (val === 520) {
+          strVal = this.searchData.supplierId || ''
+          conSql = " and supplier_no <> '' "
+        } else if (val === 2017) {
+          strVal = this.searchData.partNo || ''
+          conSql = " and part_no <> '' "
+        }
+        this.$refs.baseList.init(val, strVal, conSql)
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 520) {
+        this.searchData.supplierId = val.supplier_no || val.code || ''
+      } else if (this.tagNo === 2017) {
+        this.searchData.partNo = val.part_no || val.code || ''
+      }
+    },
+    validateSearch () {
+      if (!this.searchData.startDate) {
+        this.$message.warning('请选择开始时间')
+        return false
+      }
+      if (!this.searchData.partNo || !this.searchData.partNo.trim()) {
+        this.$message.warning('请输入物料编码')
+        return false
+      }
+      if (this.searchData.endDate && this.searchData.startDate > this.searchData.endDate) {
+        this.$message.warning('开始时间不能大于结束时间')
+        return false
+      }
+      return true
+    },
+    handleSearch () {
+      if (!this.validateSearch()) {
+        return
+      }
+      this.loading = true
+      const params = {
+        site: this.$store.state.user.site,
+        startDate: this.searchData.startDate,
+        endDate: this.searchData.endDate || '',
+        partNo: this.searchData.partNo.trim(),
+        supplierId: this.searchData.supplierId ? this.searchData.supplierId.trim() : ''
+      }
+      searchPartPriceAnalysis(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.list || []
+          this.renderChart(this.dataList)
+          if (this.dataList.length === 0) {
+            this.$message.info('未查询到已接受报价记录')
+          }
+        } else {
+          this.$message.error((data && data.msg) || '查询失败')
+        }
+        this.loading = false
+      }).catch(() => {
+        this.loading = false
+        this.$message.error('请求失败')
+      })
+    },
+    renderChart (list) {
+      if (!this.chartInstance) {
+        this.initChart()
+      }
+      const chartData = [...list].sort((a, b) => {
+        return new Date(a.createdDate).getTime() - new Date(b.createdDate).getTime()
+      })
+      const xAxisData = chartData.map(item => this.formatChartDate(item.createdDate))
+      const seriesData = chartData.map(item => item.price)
+      const titleSuffix = this.searchData.supplierId
+        ? `${this.searchData.partNo} / ${this.searchData.supplierId}`
+        : this.searchData.partNo
+
+      const option = {
+        title: {
+          text: chartData.length ? `物料价格趋势 - ${titleSuffix}` : '暂无数据',
+          left: 'center',
+          textStyle: {
+            fontSize: 14,
+            fontWeight: 'normal'
+          }
+        },
+        tooltip: {
+          trigger: 'axis',
+          formatter: (params) => {
+            if (!params || !params.length) {
+              return ''
+            }
+            const index = params[0].dataIndex
+            const row = chartData[index] || {}
+            return [
+              `报价时间：${this.formatDateTime(row.createdDate)}`,
+              `报价：${this.formatMoney(row.price)}`,
+              `供应商：${row.supplierId || '-'} ${row.supplierName || ''}`
+            ].join('<br/>')
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '12%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: xAxisData,
+          axisLabel: {
+            rotate: xAxisData.length > 8 ? 35 : 0
+          }
+        },
+        yAxis: {
+          type: 'value',
+          name: '价格',
+          scale: true
+        },
+        series: [{
+          name: '报价',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 6,
+          data: seriesData,
+          connectNulls: true
+        }]
+      }
+      this.chartInstance.setOption(option, true)
+      this.$nextTick(() => {
+        if (this.chartInstance) {
+          this.chartInstance.resize()
+        }
+      })
+    },
+    formatMoney (value) {
+      if (value === null || value === undefined || value === '') {
+        return '-'
+      }
+      return new Intl.NumberFormat('zh-CN', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }).format(value)
+    },
+    getPriceChangeClass (value) {
+      if (!value || value === '-') {
+        return ''
+      }
+      if (value.startsWith('+')) {
+        return 'price-up'
+      }
+      if (value.startsWith('-')) {
+        return 'price-down'
+      }
+      return ''
+    },
+    formatChartDate (value) {
+      if (!value) {
+        return ''
+      }
+      const date = new Date(value)
+      if (Number.isNaN(date.getTime())) {
+        return value
+      }
+      const pad = num => String(num).padStart(2, '0')
+      const year = String(date.getFullYear()).slice(-2)
+      return `${year}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+    },
+    formatDateTime (value) {
+      if (!value) {
+        return ''
+      }
+      const date = new Date(value)
+      if (Number.isNaN(date.getTime())) {
+        return value
+      }
+      const pad = num => String(num).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+.part-price-analysis .chart-card {
+  margin-top: 12px;
+}
+
+.part-price-analysis .chart-card__header {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.part-price-analysis .chart-box {
+  width: 100%;
+}
+
+.part-price-analysis .price-up {
+  color: #f56c6c;
+}
+
+.part-price-analysis .price-down {
+  color: #67c23a;
+}
+</style>