国内国际关键零部件

src/api/RelationManagement/baseLawPartCertificateMiddle.js

+import request from '@/utils/request'
+
+export function list(query) {
+  return request({
+    url: '/control/lawPartMiddle/list',
+    method: 'get',
+    data: query,
+  })
+}
+export function moveUp(id) {
+  return request({
+    url: `/control/lawPartMiddle/up/${id}`,
+    method: 'put',
+  })
+}
+export function moveDown(id) {
+  return request({
+    url: `/control/lawPartMiddle/down/${id}`,
+    method: 'put',
+  })
+}
+export function addMiddle(data) {
+  return request({
+    url: '/control/lawPartMiddle',
+    method: 'post',
+    data: data,
+  })
+}
+export function updateMiddle(data) {
+  return request({
+    url: '/control/lawPartMiddle',
+    method: 'put',
+    data: data,
+  })
+}
+// 删除国际法规与关键件对应数据维护类型描述
+export function delMiddle(id) {
+  return request({
+    url: '/control/lawPartMiddle/' + id,
+    method: 'delete',
+  })
+}

src/api/RelationManagement/baseLawPartRelation.js

+import request from '@/utils/request'
+
+/**国内分页查询*/
+export function listRelation(query) {
+  return request({
+    url: '/control/lawPartRelation/chinaList',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**国际分页查询*/
+export function listInternationalRelation(query) {
+  return request({
+    url: '/control/lawPartRelation/internatList',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**查询零件详情*/
+export function partDetails(query) {
+  return request({
+    url: '/control/lawPartRelation/partDetails',
+    method: 'post',
+    data: query,
+  })
+}
+
+// 新增法规与关键件对应数据管理
+export function addRelation(data) {
+  return request({
+    url: '/control/lawPartRelation/add',
+    method: 'post',
+    data: data,
+  })
+}
+
+// 修改法规与关键件对应数据管理
+export function updateRelation(data) {
+  return request({
+    url: '/control/relation',
+    method: 'put',
+    data: data,
+  })
+}
+/** 批量添加对应关系*/
+export function addBatchRelation(query) {
+  return request({
+    url: '/control/lawPartRelation/add',
+    method: 'post',
+    data: query,
+  })
+}
+
+/** 移除对应关系 */
+export function delRelation(id) {
+  return request({
+    url: '/control/lawPartRelation/del/' + id,
+    method: 'delete',
+  })
+}
+/**查询没有关联的零部件 */
+export function selectNoRelatePart(query) {
+  return request({
+    url: '/control/lawPartRelation/selectNo',
+    method: 'post',
+    data: query,
+  })
+}
+/** 查询可以关联的法规*/
+export function selectCanRelateLaw(query) {
+  return request({
+    url: '/control/lawPartRelation/law',
+    method: 'post',
+    data: [query],
+  })
+}

src/locales/controlPlan/relationshipManagement/internationalRegulationPart/en.json

@@ -10,7 +10,7 @@
   "order": "order",
   "createTime": "Create Time",
   "updateTime": "Update Time",
-  "operation":"operation",
+  "operation":"Operation",
   "add": "add",
   "handleUpdate": "Edit",
   "handleDelete": "Delete",

src/views/controlPlan/relationshipManagement/domesticRegulationPart/index.vue

@@ -22,16 +22,13 @@
         prop="standardNumber"
       >
         <el-input
-          v-model="queryParams.standardNumber"
+          v-model="queryParams.standardName"
           :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
           clearable
           @keyup.enter="handleQuery"
         />
       </el-form-item>
-      <el-form-item
-        :label="`${cn.partName}/${en.partName}`"
-        prop="standardNumber"
-      >
+      <el-form-item :label="`${cn.partName}/${en.partName}`" prop="partName">
         <el-input
           v-model="queryParams.partName"
           :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
@@ -48,7 +45,16 @@
         >
       </el-form-item>
       <el-form-item @click="openDialogForNotRelation">
-        共5个未关联法规的CQC关键零部件
+        共
+        <span
+          :style="{
+            textDecoration: unrelatedCount > 0 ? 'underline' : 'none',
+            cursor: unrelatedCount > 0 ? 'pointer' : 'default',
+          }"
+        >
+          {{ unrelatedCount }}
+        </span>
+        个未关联法规的CQC关键零部件
       </el-form-item>
     </el-form>
 
@@ -98,7 +104,7 @@
       </el-table-column>
 
       <!-- 对应零件列保持不变 -->
-      <el-table-column prop="correspondingParts" align="center">
+      <el-table-column prop="partCount" align="center">
         <template #header>
           <div
             style="display: flex; flex-direction: column; align-items: center"
@@ -107,6 +113,18 @@
             <div>{{ en.correspondingParts }}</div>
           </div>
         </template>
+        <template #default="scope">
+          <span
+            :style="{
+              color: scope.row.partCount > 0 ? '#0154fB' : '#DF5454',
+              textDecoration: scope.row.partCount > 0 ? 'underline' : 'none',
+              cursor: scope.row.partCount > 0 ? 'pointer' : 'default',
+            }"
+            @click="scope.row.partCount > 0 ? showPartDialog(scope.row) : null"
+          >
+            共 {{ scope.row.partCount }} 个
+          </span>
+        </template>
       </el-table-column>
     </el-table>
 
@@ -118,70 +136,77 @@
       @pagination="getList"
     />
   </div>
-
-  <!-- 待关联法规的CQC关键零部件对话框 -->
-  <el-dialog v-model="open1" :title="title" width="1000px" append-to-body>
-    <el-form ref="partRef" :model="form" :rules="rules" label-width="80px">
+  <!--待关联法规的CQC关键零部件-->
+  <el-drawer v-model="open1" :title="title" append-to-body>
+    <el-form ref="partRef" :model="form" label-width="80px">
       <el-row>
-        <el-form-item label="零件名称" prop="partName">
-          <el-input v-model="form.partName" placeholder="请输入" />
+        <el-form-item label="零件名称" prop="criticalPartNameCn">
+          <el-input
+            v-model="queryParams.criticalPartNameCn"
+            placeholder="请输入"
+          />
         </el-form-item>
-        <el-form-item label="来源" prop="partId">
-          <el-input v-model="form.partId" placeholder="请选择" />
+        <el-form-item label="来源" prop="certificationBody">
+          <el-select
+            v-model="queryParams.certificationBody"
+            :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in parts_source"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button style="width: 110px" class="btn-A" @click="handleQuery"
-            >{{ cn.search }}/{{ en.search }}</el-button
-          >
-          <el-button style="width: 110px" class="btn-B" @click="resetQuery"
-            >{{ cn.reset }}/{{ en.reset }}</el-button
-          >
+          <el-button class="btn-A" @click="handleQuery1">
+            {{ cn.search }}/{{ en.search }}
+          </el-button>
+          <el-button class="btn-B" @click="resetQuery">
+            {{ cn.reset }}/{{ en.reset }}
+          </el-button>
         </el-form-item>
       </el-row>
     </el-form>
+
     <el-table
       v-loading="loading"
-      :data="partList"
+      :data="noRelateCQCList"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column label="序号" align="center" width="150" fixed="left">
-        <template #header>
-          <div style="display: flex; flex-direction: column">
-            <div>{{ cn.serialNumber }}</div>
-            <div>{{ en.serialNumber }}</div>
-          </div>
-        </template>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="序号" align="center" width="80">
         <template #default="scope">
           {{ scope.$index + 1 }}
         </template>
       </el-table-column>
-      <el-table-column label="零件名称" align="center" prop="standardName">
-        <template #header>
-          <div style="display: flex; flex-direction: column">
-            <div>{{ cn.standardName }}</div>
-            <div>{{ en.standardName }}</div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="来源" align="center" prop="source">
-        <template #header>
-          <div style="display: flex; flex-direction: column">
-            <div>{{ cn.source }}</div>
-            <div>{{ en.source }}</div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" prop="operation">
-        <template #header>
-          <div style="display: flex; flex-direction: column">
-            <div>{{ cn.operation }}</div>
-            <div>{{ en.operation }}</div>
-          </div>
+      <el-table-column
+        prop="criticalPartNameCn"
+        label="零件名称"
+        align="center"
+      />
+      <el-table-column prop="certificationBody" label="来源" align="center" />
+      <el-table-column label="操作" align="center">
+        <template #default="scope">
+          <!-- 手动来源：显示可点击按钮 -->
+          <el-button
+            v-if="scope.row.certificationBody === '手动'"
+            link
+            style="color: #0154fb"
+            @click="handleRelation(scope.row)"
+          >
+            关联法规
+          </el-button>
+          <!-- 同步来源：显示不可点击的占位符 -->
+          <span v-else>--</span>
         </template>
       </el-table-column>
     </el-table>
-  </el-dialog>
-  <!-- 关联法规对话框 -->
+  </el-drawer>
+  <!-- 添加法规 -->
   <el-dialog v-model="open" :title="title" width="1000px" append-to-body>
     <el-form ref="partRef" :model="form" :rules="rules" label-width="80px">
       <el-row>
@@ -206,7 +231,7 @@
     </el-form>
     <el-table
       v-loading="loading"
-      :data="partList"
+      :data="lawList"
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
@@ -238,26 +263,46 @@
         </template>
       </el-table-column>
     </el-table>
+    <pagination
+      v-show="total > 0"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      :total="total"
+      @pagination="selectCanRelateLaw"
+    />
     <template #footer>
       <div class="dialog-footer">
-        <el-button class="btn-B" @click="submitForm"
+        <el-button class="btn-B" @click="cancelRelationLaw"
           >{{ cn.cancel }}/{{ en.cancel }}</el-button
         >
-        <el-button class="btn-A" @click="cancel"
+        <el-button class="btn-A" @click="addRelations"
           >{{ cn.submitForm }}/{{ en.submitForm }}</el-button
         >
       </div>
     </template>
   </el-dialog>
-  <!-- 对应零件对话框 -->
-  <el-dialog v-model="open2" :title="title" width="1000px" append-to-body>
-    <el-form ref="partRef" :model="form" :rules="rules" label-width="80px">
+
+  <!-- 查看对应零件 -->
+  <el-drawer v-model="open2" :title="title" append-to-body>
+    <el-form ref="partRef" :model="form" :rules="rules" label-width="70px">
       <el-row>
         <el-form-item label="零件名称" prop="partName">
           <el-input v-model="form.partName" placeholder="请输入" />
         </el-form-item>
-        <el-form-item label="来源" prop="partId">
-          <el-input v-model="form.partId" placeholder="请选择" />
+        <el-form-item label="来源" prop="certificationBody">
+          <el-select
+            v-model="queryParams.certificationBody"
+            :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in parts_source"
+              :key="dict.value"
+              :label="dict.value"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item>
           <el-button class="btn-A" @click="handleQuery"
@@ -314,22 +359,12 @@
         </template>
       </el-table-column>
     </el-table>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button class="btn-B" @click="submitForm"
-          >{{ cn.cancel }}/{{ en.cancel }}</el-button
-        >
-        <el-button class="btn-A" @click="cancel"
-          >{{ cn.submitForm }}/{{ en.submitForm }}</el-button
-        >
-      </div>
-    </template>
-  </el-dialog>
+  </el-drawer>
   <!-- 添加零件对话框 -->
   <el-dialog v-model="open3" :title="title" width="800px" append-to-body>
     <el-table
       v-loading="loading"
-      :data="partList"
+      :data="addRelationList"
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
@@ -344,7 +379,11 @@
           {{ scope.$index + 1 }}
         </template>
       </el-table-column>
-      <el-table-column label="零件名称" align="center" prop="partName">
+      <el-table-column
+        label="零件名称"
+        align="center"
+        prop="criticalPartNameCn"
+      >
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.partName }}</div>
@@ -355,10 +394,10 @@
     </el-table>
     <template #footer>
       <div class="dialog-footer">
-        <el-button class="btn-B" @click="submitForm"
+        <el-button class="btn-B" @click="colseDialogOpen3"
           >{{ cn.cancel }}/{{ en.cancel }}</el-button
         >
-        <el-button class="btn-A" @click="cancel"
+        <el-button class="btn-A" @click="addRelations"
           >{{ cn.submitForm }}/{{ en.submitForm }}</el-button
         >
       </div>
@@ -367,24 +406,32 @@
 </template>
 
 <script setup name="Part">
-/*import {
-  listPart,
-  getPart,
-  delPart,
-  addPart,
-  updatePart,
-} from '@/api/control/part'*/
+import {
+  listRelation,
+  selectNoRelatePart,
+  partDetails,
+  addBatchRelation,
+  selectCanRelateLaw,
+  addRelation,
+  updateRelation,
+  delRelation,
+} from '@/api/RelationManagement/baseLawPartRelation'
 
 import cn from '@/locales/controlPlan/relationshipManagement/domesticRegulationPart/cn.json'
 import en from '@/locales/controlPlan/relationshipManagement/domesticRegulationPart/en.json'
 
 const { proxy } = getCurrentInstance()
+const { parts_source } = proxy.useDict('parts_source')
 
-//const partList = ref([])
+const partList = ref([])
+const addRelationList = ref([])
+const noRelateCQCList = ref([])
+const partDetailsList = ref([])
+const lawList = ref([])
 const open = ref(false)
 const open1 = ref(false)
 const open2 = ref(false)
-const open3 = ref(true)
+const open3 = ref(false)
 const loading = ref(false)
 const showSearch = ref(true)
 const ids = ref([])
@@ -392,15 +439,42 @@ const single = ref(true)
 const multiple = ref(true)
 const total = ref(0)
 const title = ref('')
+const unrelatedCount = ref(0)
+const queryForm = reactive({
+  standardNo: '',
+  criticalPartNameCn: '',
+  certificationBody: '',
+})
+const queryParams1 = [
+  {
+    pageNum: 1,
+    pageSize: 10,
+    id: null,
+    partId: null,
+    partName: null,
+    standardNo: null,
+    standardName: null,
+    standardNumber: null,
+    criticalPartNameCn: null,
+    criticalPartNameEn: null,
+    certificationBody: null,
+  },
+]
 
 const data = reactive({
   form: {},
   queryParams: {
     pageNum: 1,
     pageSize: 10,
+    id: null,
     partId: null,
     partName: null,
+    standardNo: null,
+    standardName: null,
     standardNumber: null,
+    criticalPartNameCn: null,
+    criticalPartNameEn: null,
+    certificationBody: null,
   },
   rules: {
     createTime: [
@@ -411,66 +485,69 @@ const data = reactive({
       { required: true, message: '更新时间不能为空', trigger: 'blur' },
     ],
     /* partId: [{ required: true, message: '零件表ID不能为空', trigger: 'blur' }],*/
-    standardNumber: [
-      { required: true, message: '标准编号不能为空', trigger: 'blur' },
-    ],
   },
 })
-const partList = ref([
-  // 这是添加的假数据
-  {
-    standardNumber: 'GB 7258-2017',
-    standardName: '机动车运行安全技术条件',
-    source: '手动',
-    correspondingParts: '共18个',
-    operation: '关联法规',
-  },
-  {
-    standardNumber: 'GB/T 35012-2014',
-    standardName: '汽车禁用物质',
-    source: '同步',
-    correspondingParts: '共0个',
-    operation: '关联法规',
-  },
-  {
-    standardNumber: 'xxxxxxxxxx',
-    standardName: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
-    correspondingParts: '共5个',
-    source: '同步',
-    operation: '--',
-  },
-])
 
 const { queryParams, form, rules } = toRefs(data)
 
-/** 查询国际法规与关键件中间列表 */
+/** 查询国内法规与关键件 */
 function getList() {
-  loading.value = false
-  /* listPart(queryParams.value).then((response) => {
+  loading.value = true
+  listRelation(queryParams.value).then((response) => {
+    //console.log('789', response)
     partList.value = response.rows
     total.value = response.total
     loading.value = false
-  })*/
-  listPart(queryParams.value).then((response) => {
-    // 在真实数据前添加一条假数据
-    partList.value = [
-      {
-        standardNumber: 'TEST-001',
-        partId: 'PART-001',
-        partName: '测试零件',
-      },
-      ...response.rows,
-    ]
-    total.value = response.total + 1 // 总数加1
+  })
+}
+
+/**查看没有关联法规的cqc零件抽屉*/
+function openDialogForNotRelation() {
+  open1.value = true
+  title.value = '待关联法规的CQC关键零部件'
+  getSelectNoRelateLawPart()
+}
+/**查看没有关联的零件*/
+function getSelectNoRelatePart() {
+  loading.value = true
+  selectNoRelatePart(queryParams).then((response) => {
+    console.log('456', response)
+    addRelationList.value = response
+    // 确保使用正确的响应数据结构
+    total.value = response.length
     loading.value = false
+
+    // 将总数传递到模板中
+    updateUnrelatedCount(total.value)
   })
 }
+/**查看没有关联法规的零件*/
+function getSelectNoRelateLawPart() {
+  loading.value = true
+  selectNoRelatePart(queryParams).then((response) => {
+    noRelateCQCList.value = response
+    // 确保使用正确的响应数据结构
+    total.value = response.length
+    loading.value = false
+
+    // 将总数传递到模板中
+    updateUnrelatedCount(total.value)
+  })
+}
+
+function updateUnrelatedCount(count) {
+  unrelatedCount.value = count
+}
 
 // 取消按钮
 function cancel() {
   open.value = false
   reset()
 }
+function colseDialogOpen3() {
+  open3.value = false
+  reset()
+}
 
 // 表单重置
 function reset() {
@@ -492,14 +569,19 @@ function reset() {
 function handleQuery() {
   queryParams.value.pageNum = 1
   getList()
+  /* getSelectNoRelatePart()
+  handleRelationLaw()
+  getSelectNoRelateLawPart()*/
+}
+function handleQuery1() {
+  //queryParams.value.pageNum = 1
+  getSelectNoRelateLawPart()
 }
-
 /** 重置按钮操作 */
 function resetQuery() {
   proxy.resetForm('queryRef')
   handleQuery()
 }
-
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.id)
@@ -507,11 +589,85 @@ function handleSelectionChange(selection) {
   multiple.value = !selection.length
 }
 
+/*查看零件详情抽屉*/
+function showPartDialog(row) {
+  open2.value = true // 打开对话框
+  this.title = `查看对应零件（${row.standardNumber}，共${row.partCount}个零件）` // 设置对话框标题
+  handleQuerys()
+}
+
+const handleQuerys = async () => {
+  try {
+    loading.value = true
+
+    // 构造请求参数（过滤空字符串）
+    const requestParams = {
+      ...queryForm,
+      // 如果认证类型为空则发送 undefined（根据后端需求选择是否添加）
+      certificationBody: queryForm.certificationBody || undefined,
+    }
+
+    // 使用你的封装请求方法
+    const { data } = await partDetails(requestParams)
+    partList.value = data
+  } catch (error) {
+    console.error(`查询失败：${error.message || error}`)
+  } finally {
+    loading.value = false
+  }
+}
+/*查看零件详情*/
+function getPartDetail(row) {
+  // 2. 发起请求
+  loading.value = true
+  console.log('row', row)
+  partDetails(queryForm)
+    .then((response) => {
+      partDetailsList.value = response.data || response // 兼容不同API结构
+      total.value = partDetailsList.value.length
+    })
+    .catch((error) => {
+      console.error('请求失败:', error)
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+/*选择要关联的法规弹框*/
+function handleRelation() {
+  open.value = true
+  title.value = '选择要关联的法规'
+  handleRelationLaw()
+}
+
+/*查询所有关联法规*/
+function handleRelationLaw() {
+  loading.value = true
+  selectCanRelateLaw(queryParams)
+    .then((response) => {
+      console.log('8767837837', response)
+      lawList.value = response.rows
+      total.value = lawList.value.length
+    })
+    .catch((error) => {
+      console.error('获取法规列表失败:', error)
+      lawList.value = []
+      total.value = 0
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+function cancelRelationLaw() {
+  open.value = false
+}
 /** 新增按钮操作 */
 function handleAdd() {
   reset()
-  open.value = true
-  title.value = '添加国际法规与关键件中间'
+  open3.value = true
+  title.value = '选择手动新增的零件'
+  getSelectNoRelatePart()
 }
 
 /** 修改按钮操作 */
@@ -525,6 +681,14 @@ function handleUpdate(row) {
   })
 }
 
+function addRelations() {
+  addBatchRelation(queryParams1).then((response) => {
+    proxy.$modal.msgSuccess('新增成功')
+    open3.value = false
+    getList()
+  })
+}
+
 /** 提交按钮 */
 function submitForm() {
   proxy.$refs['partRef'].validate((valid) => {
@@ -571,10 +735,7 @@ function handleExport() {
     `part_${new Date().getTime()}.xlsx`,
   )
 }
-function openDialogForNotRelation() {
-  open1.value = true
-  title.value = '查看对应零件'
-}
 
-/*getList()*/
+getList()
+getSelectNoRelatePart()
 </script>

src/views/controlPlan/relationshipManagement/internationalRegulationPart/index.vue

@@ -22,7 +22,7 @@
         prop="standardName"
       >
         <el-input
-          v-model="queryParams.standardNumberId"
+          v-model="queryParams.standardName"
           :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
           clearable
           @keyup.enter="handleQuery"
@@ -44,7 +44,7 @@
         prop="standardNumberId"
       >
         <el-input
-          v-model="queryParams.standardNumberId"
+          v-model="queryParams.applicableMarket"
           :placeholder="`${cn.applicableMarket}/${en.applicableMarket}`"
           clearable
           @keyup.enter="handleQuery"
@@ -77,7 +77,7 @@
           {{ scope.$index + 1 }}
         </template>
       </el-table-column>
-      <el-table-column label="标准编号" align="center" prop="standardNumberId">
+      <el-table-column label="标准编号" align="center" prop="standardNumber">
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.standardNumber }}</div>
@@ -85,7 +85,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="标准名称" align="center" prop="partId">
+      <el-table-column label="标准名称" align="center" prop="standardName">
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.standardName }}</div>
@@ -93,7 +93,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="适用市场" align="center" prop="partId">
+      <el-table-column label="适用市场" align="center" prop="applicableMarket">
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.applicableMarket }}</div>
@@ -101,15 +101,31 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="对应零件" align="center" prop="partId">
+      <el-table-column label="对应零件" align="center" prop="partCount">
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.correspondingParts }}</div>
             <div>{{ en.correspondingParts }}</div>
           </div>
         </template>
+        <template #default="scope">
+          <span
+            :style="{
+              color: scope.row.partCount > 0 ? '#0154fB' : '#DF5454',
+              textDecoration: scope.row.partCount > 0 ? 'underline' : 'none',
+              cursor: scope.row.partCount > 0 ? 'pointer' : 'default',
+            }"
+            @click="scope.row.partCount > 0 ? showPartDialog(scope.row) : null"
+          >
+            共 {{ scope.row.partCount }} 个
+          </span>
+        </template>
       </el-table-column>
-      <el-table-column label="保证计划书责任部门" align="center" prop="partId">
+      <el-table-column
+        label="保证计划书责任部门"
+        align="center"
+        prop="department"
+      >
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.responsibleDepartmentForTheGuaranteePlan }}</div>
@@ -119,11 +135,25 @@
       </el-table-column>
       <el-table-column
         label="操作"
-        fixed="right"
         align="center"
-        class-name="small-padding fixed-width"
-        width="330"
+        fixed="right"
+        min-width="150"
       >
+        <template #header>
+          <div style="display: flex; flex-direction: column">
+            <div>{{ cn.operation }}</div>
+            <div>{{ en.operation }}</div>
+          </div>
+        </template>
+        <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            style="color: #0154fb"
+            @click="handleMaintain(scope.row)"
+            >维护类型描述</el-button
+          >
+        </template>
       </el-table-column>
     </el-table>
 
@@ -137,14 +167,10 @@
 
     <!-- 维护类型描述抽屉 -->
     <el-drawer v-model="open" :title="title" width="800px" append-to-body>
-      <el-form ref="partRef" :model="form" :rules="rules" label-width="80px">
+      <el-form ref="middleRef" :model="form" :rules="rules" label-width="80px">
         <el-row>
-          <el-form-item label="项目" prop="remark">
-            <el-input
-              v-model="form.remark"
-              placeholder="请输入"
-              style="width: 150px"
-            />
+          <el-form-item label="项目" prop="project">
+            <el-input placeholder="请输入" style="width: 150px" />
           </el-form-item>
           <el-button
             style="margin-left: 10px; width: 110px"
@@ -162,7 +188,7 @@
       </el-form>
       <el-table
         v-loading="loading"
-        :data="partList"
+        :data="drawerPartList"
         border
         @selection-change="handleSelectionChange"
       >
@@ -177,11 +203,7 @@
             {{ scope.$index + 1 }}
           </template>
         </el-table-column>
-        <el-table-column
-          label="类型描述"
-          align="center"
-          prop="standardNumberId"
-        >
+        <el-table-column label="类型描述" align="center" prop="typeDescription">
           <template #header>
             <div style="display: flex; flex-direction: column">
               <div>{{ cn.typeDescription }}</div>
@@ -189,7 +211,11 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="二级类型描述" align="center" prop="partId">
+        <el-table-column
+          label="二级类型描述"
+          align="center"
+          prop="secondaryTypeDescription"
+        >
           <template #header>
             <div style="display: flex; flex-direction: column">
               <div>{{ cn.secondaryTypeDescription }}</div>
@@ -197,7 +223,7 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="责任部门" align="center" prop="partId">
+        <el-table-column label="责任部门" align="center" prop="department">
           <template #header>
             <div style="display: flex; flex-direction: column">
               <div>{{ cn.responsibleDepartment }}</div>
@@ -208,7 +234,6 @@
         <el-table-column
           label="操作"
           fixed="right"
-          align="center"
           class-name="small-padding fixed-width"
           width="200"
         >
@@ -223,7 +248,7 @@
               link
               type="primary"
               style="color: #0154fb"
-              @click="handleUpdate(scope.row)"
+              @click="handleEdit(scope.row)"
               >编辑</el-button
             >
             <el-button
@@ -234,51 +259,105 @@
               >删除</el-button
             >
             <el-button
+              v-if="scope.$index !== 0"
               link
               type="primary"
               style="color: #0154fb"
-              @click="handleUpdate(scope.row)"
+              @click="handleMoveUp(scope.row)"
               >上移</el-button
             >
             <el-button
+              v-if="scope.$index !== drawerPartList.length - 1"
               link
               type="primary"
               style="color: #0154fb"
-              @click="handleUpdate(scope.row)"
+              @click="handleMoveDown(scope.row)"
               >下移</el-button
             >
           </template>
         </el-table-column>
       </el-table>
     </el-drawer>
-    <!-- 维护类型描述抽屉 -->
-    <el-drawer v-model="open1" :title="title" width="800px" append-to-body>
-      <el-form ref="partRef" :model="form" :rules="rules" label-width="80px">
-        <el-row>
-          <el-form-item label="零件名称" prop="partName">
+    <!-- 新增类型描述 -->
+    <el-dialog v-model="open1" :title="title" width="500px" append-to-body>
+      <el-form ref="middleRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="类型描述" prop="typeDescription">
+          <el-select
+            :key="form.id"
+            v-model="form.typeDescription"
+            :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in type_description"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="二级类型描述" prop="secondaryTypeDescription">
           <el-input
-              v-model="form.remark"
+            v-model="form.secondaryTypeDescription"
             placeholder="请输入"
-              style="width: 150px"
+            style="width: 200px"
           />
         </el-form-item>
-          <el-button
-            style="margin-left: 10px; width: 110px"
-            class="btn-A"
-            @click="handleQuery"
+        <el-form-item label="责任部门" prop="department">
+          <el-select
+            :key="form.id"
+            v-model="form.department"
+            :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in responsible_department"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button class="btn-B" @click="colseDialogOpen1"
+            >{{ cn.cancel }}/{{ en.cancel }}</el-button
+          >
+          <el-button class="btn-A" @click="submitForm"
+            >{{ cn.submitForm }}/{{ en.submitForm }}</el-button
+          >
+        </div>
+      </template>
+    </el-dialog>
+    <!-- 查看对应零件 -->
+    <el-drawer v-model="open2" :title="title" append-to-body>
+      <el-form ref="partRef" :model="form" :rules="rules" label-width="70px">
+        <el-row>
+          <el-form-item label="零件名称" prop="partName">
+            <el-input v-model="form.partName" placeholder="请输入" />
+          </el-form-item>
+          <el-form-item>
+            <el-button class="btn-A" @click="handleQuery"
               >{{ cn.search }}/{{ en.search }}</el-button
             >
             <el-button class="btn-B" @click="resetQuery"
               >{{ cn.reset }}/{{ en.reset }}</el-button
             >
+            <el-button class="btn-C" @click="handleAdd"
+              >{{ cn.addParts }}/{{ en.addParts }}</el-button
+            >
+          </el-form-item>
         </el-row>
       </el-form>
       <el-table
         v-loading="loading"
         :data="partList"
-        border
         @selection-change="handleSelectionChange"
       >
+        <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="序号" align="center" width="150" fixed="left">
           <template #header>
             <div style="display: flex; flex-direction: column">
@@ -290,11 +369,7 @@
             {{ scope.$index + 1 }}
           </template>
         </el-table-column>
-        <el-table-column
-          label="零件名称"
-          align="center"
-          prop="standardNumberId"
-        >
+        <el-table-column label="零件名称" align="center" prop="partName">
           <template #header>
             <div style="display: flex; flex-direction: column">
               <div>{{ cn.partName }}</div>
@@ -305,7 +380,7 @@
         <el-table-column
           label="零件名称英文"
           align="center"
-          prop="standardNumberId"
+          prop="criticalPartNameEn"
         >
           <template #header>
             <div style="display: flex; flex-direction: column">
@@ -315,28 +390,38 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination
-        v-show="total > 0"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        :total="total"
-        @pagination="getList"
-      />
     </el-drawer>
   </div>
 </template>
 
 <script setup name="Part">
-/*import { listPart, getPart, delPart, addPart, updatePart } from "@/api/control/part";*/
-
+import {
+  listInternationalRelation,
+  partDetails,
+} from '@/api/RelationManagement/baseLawPartRelation'
+import {
+  list,
+  moveUp,
+  moveDown,
+  addMiddle,
+  updateMiddle,
+  delMiddle,
+} from '@/api/RelationManagement/baseLawPartCertificateMiddle'
+const { proxy } = getCurrentInstance()
+const { type_description, responsible_department } = proxy.useDict(
+  'type_description',
+  'responsible_department',
+)
 import cn from '@/locales/controlPlan/relationshipManagement/internationalRegulationPart/cn.json'
 import en from '@/locales/controlPlan/relationshipManagement/internationalRegulationPart/en.json'
 
-const { proxy } = getCurrentInstance()
-
-//const partList = ref([])
+const partList = ref([])
+const sortList = ref([])
+// 在setup中声明独立的数据变量
+const drawerPartList = ref([])
 const open = ref(false)
-const open1 = ref(true)
+const open1 = ref(false)
+const open2 = ref(false)
 const loading = ref(false)
 const showSearch = ref(true)
 const ids = ref([])
@@ -352,6 +437,10 @@ const data = reactive({
     pageSize: 10,
     partId: null,
     standardNumberId: null,
+    typeDescription: null,
+    secondaryTypeDescription: null,
+    department: null,
+    sort: null,
   },
   rules: {
     createTime: [
@@ -367,53 +456,23 @@ const data = reactive({
     ],
   },
 })
-const partList = ref([
-  // 这是添加的假数据
-  {
-    standardNumber: 'GB 7258-2017',
-    standardName: '机动车运行安全技术条件',
-    applicableMarket: '中国',
-    plan: 'GB 7258-2017',
-    source: '手动',
-    correspondingParts: '共18个',
-    operation: '--',
-  },
-  {
-    standardNumber: 'GB/T 35012-2014',
-    standardName: '汽车禁用物质',
-    source: '同步',
-    correspondingParts: '共0个',
-    operation: '--',
-  },
-  {
-    standardNumber: 'xxxxxxxxxx',
-    standardName: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
-    correspondingParts: '共5个',
-    source: '同步',
-    operation: '--',
-  },
-])
 const { queryParams, form, rules } = toRefs(data)
 
-/** 查询国际法规与关键件中间列表 */
 function getList() {
   loading.value = true
-  /* listPart(queryParams.value).then((response) => {
+  listInternationalRelation(queryParams.value).then((response) => {
     partList.value = response.rows
     total.value = response.total
     loading.value = false
-  })*/
-  listPart(queryParams.value).then((response) => {
-    // 在真实数据前添加一条假数据
-    partList.value = [
-      {
-        standardNumber: 'TEST-001',
-        partId: 'PART-001',
-        partName: '测试零件',
-      },
-      ...response.rows,
-    ]
-    total.value = response.total + 1 // 总数加1
+  })
+}
+
+function listAll() {
+  loading.value = true
+  list(queryParams.value).then((response) => {
+    drawerPartList.value = response
+    console.log('------------------', response)
+    total.value = response.total
     loading.value = false
   })
 }
@@ -437,7 +496,30 @@ function reset() {
     partId: null,
     standardNumberId: null,
   }
-  proxy.resetForm('partRef')
+  proxy.resetForm('middleRef')
+}
+
+/*查看零件详情抽屉*/
+function showPartDialog(row) {
+  open2.value = true // 打开对话框
+  this.title = `查看对应零件（${row.standardNumber}，共${row.partCount}个零件）` // 设置对话框标题
+  getPartDetail()
+}
+function getPartDetail(row) {
+  // 2. 发起请求
+  loading.value = true
+  console.log('row', row)
+  partDetails({})
+    .then((response) => {
+      partDetailsList.value = response.data || response // 兼容不同API结构
+      total.value = partDetailsList.value.length
+    })
+    .catch((error) => {
+      console.error('请求失败:', error)
+    })
+    .finally(() => {
+      loading.value = false
+    })
 }
 
 /** 搜索按钮操作 */
@@ -448,7 +530,7 @@ function handleQuery() {
 
 /** 重置按钮操作 */
 function resetQuery() {
-  proxy.resetForm('queryRef')
+  proxy.resetForm('middleRef')
   handleQuery()
 }
 
@@ -462,36 +544,47 @@ function handleSelectionChange(selection) {
 /** 新增按钮操作 */
 function handleAdd() {
   reset()
-  open.value = true
-  title.value = '添加国际法规与关键件中间'
+  open1.value = true
+  title.value = '新增类型描述'
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function openDialogOpen1(row) {
+  open1.value = true
+  handleUpdate(row)
+}
+// 维护类型描述抽屉
+function handleMaintain(row) {
   reset()
   const _id = row.id || ids.value
-  getPart(_id).then((response) => {
-    form.value = response.data
+  list(_id).then((response) => {
+    drawerPartList.value = response
+    title.value = '维护类型描述'
     open.value = true
-    title.value = '修改国际法规与关键件中间'
   })
 }
-
+// 编辑对话框
+function handleEdit(row) {
+  reset()
+  form.value = JSON.parse(JSON.stringify(row)) // 直接使用当前行数据
+  title.value = '编辑/Edit'
+  open1.value = true
+}
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs['partRef'].validate((valid) => {
+  proxy.$refs['middleRef'].validate((valid) => {
     if (valid) {
       if (form.value.id != null) {
-        updatePart(form.value).then((response) => {
+        updateMiddle(form.value).then((response) => {
           proxy.$modal.msgSuccess('修改成功')
-          open.value = false
-          getList()
+          open1.value = false
+          listAll()
         })
       } else {
-        addPart(form.value).then((response) => {
+        addMiddle(form.value).then((response) => {
           proxy.$modal.msgSuccess('新增成功')
-          open.value = false
-          getList()
+          open1.value = false
+          listAll()
         })
       }
     }
@@ -504,10 +597,10 @@ function handleDelete(row) {
   proxy.$modal
     .confirm('是否确认删除国际法规与关键件中间编号为"' + _ids + '"的数据项？')
     .then(function () {
-      return delPart(_ids)
+      return delMiddle(_ids)
     })
     .then(() => {
-      getList()
+      listAll()
       proxy.$modal.msgSuccess('删除成功')
     })
     .catch(() => {})
@@ -523,6 +616,36 @@ function handleExport() {
     `part_${new Date().getTime()}.xlsx`,
   )
 }
-
-//getList();
+/** 修改按钮操作 */
+const handleMoveUp = async (row) => {
+  console.log()
+  try {
+    await moveUp(row.id)
+    proxy.$modal.msgSuccess('上移成功')
+    // 刷新数据
+    await list()
+  } catch (error) {
+    proxy.$modal.msgError(
+      `上移失败: ${error.response?.data?.message || error.message}`,
+    )
+  }
+}
+// 下移操作
+const handleMoveDown = async (row) => {
+  try {
+    await moveDown(row.id)
+    proxy.$modal.msgSuccess('下移成功')
+    // 刷新数据
+    await list()
+  } catch (error) {
+    proxy.$modal.msgError(
+      `下移失败: ${error.response?.data?.message || error.message}`,
+    )
+  }
+}
+function colseDialogOpen1() {
+  open1.value = false
+}
+getList()
+listAll()
 </script>