关联资料显示修改

src/views/project/debit/contract/unit.vue

@@ -36,7 +36,7 @@
                             <div class="text-sm text-orange">温馨提示：累计分解量 > 合同变更后量，整行文字红色</div>
                         </template>
                     </HcTitle>
-                    <div style="height: calc(100vh - 420px);">
+                    <div style="height: calc(50vh - 210px);">
                         <hc-table
                             :is-stripe="false" :column="tableColumn" :datas="tableData" :loading="tableLoading"
                             is-new :index-style="{ width: 60 }" :row-style="tableRowStyle"
@@ -46,6 +46,32 @@
                             </template>
                         </hc-table>
                     </div>
+                    <HcTitle title="质检关联清单">
+                        <template #extra>
+                            <el-button hc-btn type="primary" @click="linkDataClick">关联</el-button>
+                            <el-button hc-btn type="primary">批量取消</el-button>
+                        </template>
+                    </HcTitle>
+                    <div style="height: calc(50vh - 250px);">
+                        <hc-table
+                            :is-stripe="false" :column="qualtableColumn" :datas="qualtableData" :loading="tableLoading"
+                            is-new :index-style="{ width: 60 }" :row-style="tableRowStyle"
+                            is-check @selection-change="tableSelectionChange"
+                        >
+                            <template #appStatusName="{ row }">
+                                <el-tag
+                                    v-if="row.appStatusName"
+                                    :type="`${row.appStatusName === '已审批' ? 'success' : row.appStatusName === '已填报-待审批' ? 'warning' : row.appStatusName === '已填报-未上报' ? 'primary' : 'info'}`"
+                                    class="mx-1" effect="dark"
+                                >
+                                    {{ row.appStatusName }}
+                                </el-tag>
+                            </template>
+                            <template #extra>
+                                <el-button hc-btn type="primary">取消关联</el-button>
+                            </template>
+                        </hc-table>
+                    </div>
                 </div>
             </hc-new-card>
         </div>
@@ -278,6 +304,7 @@ const getTreeNodeDetail = async ({ id }) => {
     if (!error && code === 200) {
         curTreeData.value = getObjValue(data)
         tableData.value = curTreeData.value['decompositionList']
+        qualtableData.value = curTreeData.value['linkNodeList']
         nodeOptions.value.forEach((ele) => {
             if (curTreeData.value.nodeType === ele.dictKey) {
                 curTreeData.value.nodeTypeName = ele.dictValue
@@ -286,6 +313,7 @@ const getTreeNodeDetail = async ({ id }) => {
     } else {
         curTreeData.value = {}
         tableData.value = []
+        qualtableData.value = []
     }
 }
 
@@ -432,7 +460,18 @@ const tableColumn = ref([
     { key: 'changeBuildPictureTotal', name: '施工图变更后数量', align: 'center' },
 ])
 const tableData = ref([])
-
+//质检关联清单
+const qualtableColumn = ref([
+    { key: 'part	', name: '分/子分项部位', align: 'center' },
+    { key: 'appStatusName', name: '审核状态', align: 'center' },
+    { key: 'action', name: '操作', align: 'center' },
+ 
+])
+const qualtableData = ref([])
+//多选事件
+const tableSelectionChange = (rows) => {
+    console.log(rows)
+}
 //设置某一行的样式
 const tableRowStyle = ({ row }) => {
     let residueNum = new BigNumber(row.residueNum) //a