任务管理

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

@@ -0,0 +1,14 @@
+<template>
+    <div class="hc-task-form-body">
+        暂无
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
+

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

@@ -71,10 +71,10 @@
                 <span class="text-[13px] text-orange font-400">温馨提示：超计,累计计量量> 变更后数量，分解清单超计整行红色</span>
             </template>
             <template #extra>
-                <el-button type="primary" text @click="addBillModalClick">
+                <el-link type="primary" @click="addBillModalClick">
                     <hc-icon name="add" />
                     <span>添加清单</span>
-                </el-button>
+                </el-link>
             </template>
             <hc-table is-new :index-style="{ width: 60 }" :is-stripe="false" :column="tableColumn" :datas="tableData" :row-style="tableRowStyle">
                 <template #currentPrice="{ row }">

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

@@ -1,10 +1,17 @@
 <template>
     <div class="hc-task-form-body">
-        <HcMiddlepayForm v-if="isType === 1" />
+        <el-tabs v-if="isType === 1" type="border-card">
+            <el-tab-pane label="计量信息">
+                <HcMiddlepayForm />
+            </el-tab-pane>
+            <el-tab-pane label="质保资料">
+                <HcMassForm />
+            </el-tab-pane>
+        </el-tabs>
         <HcStartWorkForm v-if="isType === 2" />
         <HcAlterForm v-if="isType === 3" />
         <HcMaterialForm v-if="isType === 4" />
-        <hc-card-item class="mt-3">
+        <hc-card-item class="hc-card-footer mt-3">
             <div class="relative">
                 <el-radio-group v-model="approval" size="large">
                     <el-radio :label="1">同意</el-radio>
@@ -21,6 +28,7 @@
 <script setup>
 import { onMounted, ref, watch } from 'vue'
 import HcMiddlepayForm from './middlepay-form.vue'
+import HcMassForm from './mass-form.vue'
 import HcStartWorkForm from './start-work-form.vue'
 import HcAlterForm from './alter-form.vue'
 import HcMaterialForm from './material-form.vue'
@@ -83,6 +91,12 @@ const remark = ref('')
 
 <style lang="scss">
 .hc-task-form-body .hc-card-item-box {
+    background: #f6f6f6 !important;
+}
+.hc-task-form-body .hc-card-item-box.hc-card-footer {
     background: white !important;
 }
+.hc-task-form-body .el-tabs--border-card>.el-tabs__content {
+    padding: 6px;
+}
 </style>