对应关系国内国际

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

@@ -319,7 +319,7 @@
     </el-form>
     <el-table
       v-loading="loading"
-      :data="partList"
+      :data="partDetailsList"
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
@@ -334,7 +334,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>
@@ -342,7 +346,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="来源" align="center" prop="">
+      <el-table-column label="来源" align="center" prop="certificationBody">
         <template #header>
           <div style="display: flex; flex-direction: column">
             <div>{{ cn.source }}</div>
@@ -357,6 +361,19 @@
             <div>{{ en.operation }}</div>
           </div>
         </template>
+        <template #default="scope">
+          <!-- 手动来源：显示可点击按钮 -->
+          <el-button
+            v-if="scope.row.certificationBody === '手动'"
+            link
+            style="color: #df5454"
+            @click="handleDelete(scope.row)"
+          >
+            移除
+          </el-button>
+          <!-- 同步来源：显示不可点击的占位符 -->
+          <span v-else>--</span>
+        </template>
       </el-table-column>
     </el-table>
   </el-drawer>
@@ -365,6 +382,7 @@
     <el-table
       v-loading="loading"
       :data="addRelationList"
+      :row-key="getRowKey"
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
@@ -440,6 +458,13 @@ const multiple = ref(true)
 const total = ref(0)
 const title = ref('')
 const unrelatedCount = ref(0)
+const addPartsList = ref([])
+// 存储选中行的数据
+const selectedRows = ref([])
+// 定义行唯一标识（根据实际字段调整）
+// 在 setup() 或 script setup 中定义响应式变量
+const currentStandardNo = ref('')
+const getRowKey = (row) => row.id // 假设每行有唯一id字段
 const queryForm = reactive({
   standardNo: '',
   criticalPartNameCn: '',
@@ -507,12 +532,11 @@ function openDialogForNotRelation() {
   title.value = '待关联法规的CQC关键零部件'
   getSelectNoRelateLawPart()
 }
-/**查看没有关联的零件*/
-function getSelectNoRelatePart() {
+/**查看没有关联法规的零件*/
+function getSelectNoRelateLawPart() {
   loading.value = true
   selectNoRelatePart(queryParams).then((response) => {
-    console.log('456', response)
-    addRelationList.value = response
+    noRelateCQCList.value = response
     // 确保使用正确的响应数据结构
     total.value = response.length
     loading.value = false
@@ -521,11 +545,12 @@ function getSelectNoRelatePart() {
     updateUnrelatedCount(total.value)
   })
 }
-/**查看没有关联法规的零件*/
-function getSelectNoRelateLawPart() {
+
+/**查看没有关联的零件*/
+function getSelectNoRelatePart() {
   loading.value = true
   selectNoRelatePart(queryParams).then((response) => {
-    noRelateCQCList.value = response
+    addRelationList.value = response
     // 确保使用正确的响应数据结构
     total.value = response.length
     loading.value = false
@@ -545,83 +570,13 @@ function cancel() {
   reset()
 }
 function colseDialogOpen3() {
-  open3.value = false
-  reset()
-}
-
-// 表单重置
-function reset() {
-  form.value = {
-    id: null,
-    createBy: null,
-    createTime: null,
-    updateBy: null,
-    updateTime: null,
-    remark: null,
-    delFlag: null,
-    partId: null,
-    standardNumber: null,
-  }
-  proxy.resetForm('partRef')
-}
-
-/** 搜索按钮操作 */
-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)
-  single.value = selection.length != 1
-  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
-  }
+  open3.value =
 }
 /*查看零件详情*/
 function getPartDetail(row) {
   // 2. 发起请求
   loading.value = true
-  console.log('row', row)
-  partDetails(queryForm)
+  partDetails({ standardNo: currentStandardNo.value })
     .then((response) => {
       partDetailsList.value = response.data || response // 兼容不同API结构
       total.value = partDetailsList.value.length
@@ -646,7 +601,7 @@ function handleRelationLaw() {
   loading.value = true
   selectCanRelateLaw(queryParams)
     .then((response) => {
-      console.log('8767837837', response)
+      //console.log('8767837837', response)
       lawList.value = response.rows
       total.value = lawList.value.length
     })
@@ -680,12 +635,38 @@ function handleUpdate(row) {
     title.value = '修改国际法规与关键件中间'
   })
 }
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _ids = row.id || ids.value
+  proxy.$modal
+    .confirm('是否确认删除编号为"' + _ids + '"的数据项？')
+    .then(function () {
+      return delPart(_ids)
+    })
+    .then(() => {
+      getList()
+      proxy.$modal.msgSuccess('删除成功')
+    })
+    .catch(() => {})
+}
 
 function addRelations() {
-  addBatchRelation(queryParams1).then((response) => {
+  if (selectedRows.value.length === 0) {
+    proxy.$modal.msgWarning('请至少选择一条数据')
+    return
+  }
+
+  // 提取需要的字段组成请求参数
+  const requestData = selectedRows.value.map((row) => ({
+    partName: row.criticalPartNameCn,
+    standardNo: currentStandardNo.value,
+  }))
+
+  addBatchRelation(requestData).then((response) => {
     proxy.$modal.msgSuccess('新增成功')
     open3.value = false
-    getList()
+    getPartDetail()
+    selectedRows.value = [] // 清空选中状态
   })
 }
 
@@ -710,21 +691,6 @@ function submitForm() {
   })
 }
 
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const _ids = row.id || ids.value
-  proxy.$modal
-    .confirm('是否确认删除国际法规与关键件中间编号为"' + _ids + '"的数据项？')
-    .then(function () {
-      return delPart(_ids)
-    })
-    .then(() => {
-      getList()
-      proxy.$modal.msgSuccess('删除成功')
-    })
-    .catch(() => {})
-}
-
 /** 导出按钮操作 */
 function handleExport() {
   proxy.download(

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

@@ -187,6 +187,7 @@
         </el-row>
       </el-form>
       <el-table
+        :key="drawerPartKey"
         v-loading="loading"
         :data="drawerPartList"
         border
@@ -334,7 +335,7 @@
     </el-dialog>
     <!-- 查看对应零件 -->
     <el-drawer v-model="open2" :title="title" append-to-body>
-      <el-form ref="partRef" :model="form" :rules="rules" label-width="70px">
+      <el-form ref="partRef" :model="form" label-width="70px">
         <el-row>
           <el-form-item label="零件名称" prop="partName">
             <el-input v-model="form.partName" placeholder="请输入" />
@@ -346,15 +347,12 @@
             <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"
+        :data="partDetailsList"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
@@ -369,7 +367,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>
@@ -390,6 +392,13 @@
           </template>
         </el-table-column>
       </el-table>
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="listAll"
+      />
     </el-drawer>
   </div>
 </template>
@@ -429,6 +438,8 @@ const single = ref(true)
 const multiple = ref(true)
 const total = ref(0)
 const title = ref('')
+const partDetailsList = ref([])
+const currentRow = ref(null) // 存储当前行的数据
 
 const data = reactive({
   form: {},
@@ -501,15 +512,16 @@ function reset() {
 
 /*查看零件详情抽屉*/
 function showPartDialog(row) {
+  //currentRow.value = row // 保存当前行
   open2.value = true // 打开对话框
   this.title = `查看对应零件（${row.standardNumber}，共${row.partCount}个零件）` // 设置对话框标题
-  getPartDetail()
+  getPartDetail(row)
 }
 function getPartDetail(row) {
   // 2. 发起请求
   loading.value = true
   console.log('row', row)
-  partDetails({})
+  partDetails({ standardNo: row.standardNumber })
     .then((response) => {
       partDetailsList.value = response.data || response // 兼容不同API结构
       total.value = partDetailsList.value.length
@@ -556,8 +568,9 @@ function openDialogOpen1(row) {
 // 维护类型描述抽屉
 function handleMaintain(row) {
   reset()
-  const _id = row.id || ids.value
-  list(_id).then((response) => {
+  const { id, standardName } = row
+  const _id = id || ids.value
+  list(_id, standardName).then((response) => {
     drawerPartList.value = response
     title.value = '维护类型描述'
     open.value = true
@@ -622,8 +635,7 @@ const handleMoveUp = async (row) => {
   try {
     await moveUp(row.id)
     proxy.$modal.msgSuccess('上移成功')
-    // 刷新数据
-    await list()
+    await listAll()
   } catch (error) {
     proxy.$modal.msgError(
       `上移失败: ${error.response?.data?.message || error.message}`,
@@ -636,7 +648,7 @@ const handleMoveDown = async (row) => {
     await moveDown(row.id)
     proxy.$modal.msgSuccess('下移成功')
     // 刷新数据
-    await list()
+    await listAll()
   } catch (error) {
     proxy.$modal.msgError(
       `下移失败: ${error.response?.data?.message || error.message}`,