质保资料修改

src/views/tasks/components/hc-data/mass-form.vue

@@ -1,14 +1,86 @@
 <template>
-    <div class="hc-task-form-body">
-        暂无
+    <div class="mass-form">
+        <hc-new-card>
+            <template #header>
+                <el-select v-model="pdfUrl" placeholder="选择文件" block @change="changPdf">
+                    <template v-for="item in pdfList" :key="item.id">
+                        <el-option :label="item.fileName" :value="item.filePdfUrl" />
+                    </template>
+                </el-select>
+            </template>
+            <hc-pdfs v-if="pdfList.length > 0" :url="pdfUrl" />
+           
+            <hc-empty v-else :src="nullPng" title="暂无表单" />
+        </hc-new-card>
     </div>
 </template>
 
 <script setup>
+import { onMounted, ref, watch } from 'vue'
+import nullPng from '~src/assets/view/null.svg'
+import mainApi from '~api/tasks/hc-data'
+import { getArrValue, getObjValue } from 'js-fast-way'
+const props = defineProps({
+    info: {
+        type: Object,
+        default: () => ({}),
+    },
+    table: {
+        type: Object,
+        default: () => ({}),
+    },
+  
+})
+const info = ref(props.info)
+const tableInfo = ref(props.table)
+//监听数据
+watch(() => [
+    props.info,
+    props.table,
+], ([ row, table1]) => {
 
+    
+   info.value = row
+   tableInfo.value = table1
+   const dataId = tableInfo.value.id
+    if (dataId) {
+        getDataDetail()
+    }
+    
+})
+
+
+const getDataDetail = async () => {
+    const id = info.value.id
+    const dataId = tableInfo.value.id
+    
+    const { data } = await mainApi.getDataDetail({ id, dataId })
+    //转换数据
+    const { attachmentFormTask } = getObjValue(data)
+    pdfList.value = getArrValue(attachmentFormTask)
+    if (pdfList.value.length > 0) {
+        pdfUrl.value = pdfList.value[0].filePdfUrl
+    } else {
+        pdfUrl.value = ''
+    }
+    
+}
+//渲染完成
+onMounted(() => {
+  
+})
+
+const pdfList = ref([])
+
+const pdfUrl = ref('')
+const changPdf = (url) => {
+    pdfUrl.value = url
+}
 </script>
 
 <style lang="scss" scoped>
-
+.mass-form{
+    height: calc(100vh - 324px);
+}
 </style>
 

src/views/tasks/components/hc-data/task-form.vue

@@ -4,7 +4,7 @@
             <el-tab-pane v-if="taskInfo.meterType === 1" name="key1" label="计量信息">
                 <HcMiddlepayForm :table="tableInfo" :info="taskInfo" :is-edit="isEdits" />
             </el-tab-pane>
-            <el-tab-pane v-if="taskInfo.meterType === 1" label="质保资料" name="key2" disabled>
+            <el-tab-pane v-if="taskInfo.meterType === 1" label="质保资料" name="key2">
                 <HcMassForm :table="tableInfo" :info="taskInfo" :is-edit="isEdits" />
             </el-tab-pane>
             <el-tab-pane v-if="taskInfo.meterType !== 1" label="详细信息" name="key4">
@@ -18,7 +18,7 @@
             </template>
         </el-tabs>
         <HcAlterForm v-if="taskInfo.meterType === 4" :table="tableInfo" :info="taskInfo" :is-edit="isEdits" />
-        <hc-card-item v-if="taskTabsKey !== 'key3'" class="hc-card-footer mt-3">
+        <hc-card-item v-if="taskTabsKey !== 'key3' && taskTabsKey !== 'key2'" class="hc-card-footer mt-3">
             <template #header>
                 <el-radio-group v-model="taskForm.auditStatus" size="large" :disabled="!isEdits || tableInfo.status === 2">
                     <el-radio :value="1">同意</el-radio>

src/views/tasks/components/hc-data/task-review.vue

@@ -1326,6 +1326,8 @@ const SMSAuthCancel = () => {
 const taskTabsKey = ref('key1')
 const taskTabsClick = (key) => {
     taskTabsKey.value = key
+  
+    
 }
 
 //查看报表