成本监审任务列表及立项信息完成

public/config.js

@@ -3,7 +3,9 @@
 // var host = 'http://10.7.13.26' // 以前
 // var host = 'http://116.204.117.33' //基本用这个
 // var host = 'http://101.33.208.140' // 测试
-var host = 'http://b463f4b7.natappfree.cc' // 后端服务
+// var host = 'http://b463f4b7.natappfree.cc' // 后端服务海鹏
+// var host = 'http://5jrgep.ipx.wanziwk.cn' // 后端服务译文
+var host = 'http://192.168.1.16' // 后端服务译文
 // var host = 'http://localhost'
 // combine为true时五合一部署, 为false时分五个服务部署
 var combine = true
@@ -21,14 +23,14 @@ var defaultModulePortMap = {
 window.getModuleRootUrl = function (module) {
   // 默认是全部服务合一的端口
   // var modulePort = '8089' // 以前
-  // var modulePort = '9506' // 基本用这个
+  var modulePort = '9506' // 基本用这个
   // var modulePort = '8088' //测试
-  var modulePort = ''
+  // var modulePort = ''
   if (!combine) {
     modulePort = defaultModulePortMap[module]
   }
-  // return host + ':' + modulePort
-  return host + modulePort
+  return host + ':' + modulePort
+  // return host + modulePort
 }
 window.context = {
   manage: host + ':8280/mvue', //管理端页面

src/api/auditTaskProcessing.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+const url = window.context.form
+
+// 获取任务办理列表
+export function getTaskHandlingList(data) {
+  return request({
+    url: url + '/api/enterprise/castTask/pageList',
+    method: 'post',
+    data: data,
+  })
+}
+
+// 获取立项项目信息
+export function getProjectInformationInfo(projectId) {
+  return request({
+    url: url + '/api/enterprise/castTask/getDetail?id=' + projectId,
+    method: 'get',
+  })
+}
+
+//  根据任务ID获取报送资料要求列表
+export function getTaskRequirementList(taskId) {
+  return request({
+    url: url + '/costProjectTaskMaterial/v1/listByTaskId?taskId=' + data.taskId,
+    method: 'get',
+  })
+}

src/views/EntDeclaration/auditTaskManagement/taskFillIn.vue

@@ -2,17 +2,17 @@
   <div class="audit-task-manage-container" style="padding: 20px">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2>{{ pageTitle }}</h2>
+      <!-- <h2>{{ pageTitle }}</h2> -->
     </div>
 
     <!-- 操作按钮 -->
-    <div class="action-buttons">
+    <div class="action-buttons" style="margin-bottom: 20px">
       <el-button type="primary" :loading="loading.submit" @click="handleSubmit">
         提交
       </el-button>
-      <el-button type="primary" :loading="loading.save" @click="handleSave">
+      <!-- <el-button type="primary" :loading="loading.save" @click="handleSave">
         保存
-      </el-button>
+      </el-button> -->
       <el-button type="primary" class="ml10" @click="handleBack">
         返回
       </el-button>
@@ -30,7 +30,7 @@
           <el-form
             :model="formData.basicInfo"
             label-width="180px"
-            :disabled="isDisabled"
+            :disabled="true"
           >
             <el-form-item label="成本监审项目名称：">
               <el-input
@@ -40,146 +40,208 @@
               ></el-input>
             </el-form-item>
             <el-form-item label="关联成本监审目录：">
-              <el-popover placement="bottom" width="400" trigger="click">
-                <el-tree
-                  :data="catalogueData"
-                  :props="defaultProps"
-                  @node-click="handleNodeClick"
-                ></el-tree>
-                <el-input
-                  slot="reference"
-                  v-model="formData.basicInfo.projectName"
-                  placeholder="请输入关联成本监审目录"
-                  style="width: 400px"
-                  readonly="readonly"
-                ></el-input>
-              </el-popover>
+              <CatalogCascader
+                ref="catalogCascader"
+                :form-item="{ placeholder: '请选择监审目录' }"
+                style="width: 100%"
+                :value="formData.basicInfo.catalogId"
+                @change="handleCatalogChange"
+              />
             </el-form-item>
             <el-form-item label="监审地区：">
-              <el-cascader
-                v-model="value"
-                style="width: 400px"
-                placeholder="请选择监审地区"
-                :options="regionOptions"
-                :props="{ expandTrigger: 'hover' }"
-                @change="handleChange"
-              ></el-cascader>
+              <RegionSelector
+                :initial-area-code="formData.basicInfo.areaCode"
+                :disabled="false"
+                @region-change="handleRegionChange"
+              ></RegionSelector>
             </el-form-item>
             <el-form-item label="被监审单位：">
+              <el-select
+                v-if="formData.basicInfo.auditUnitId"
+                v-model="formData.basicInfo.auditUnitId"
+                placeholder="请选择单位"
+                clearable
+                multiple
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="unit in unitList"
+                  :key="unit.unitId"
+                  :label="unit.unitName"
+                  :value="unit.unitId"
+                />
+              </el-select>
               <el-input
-                v-model="formData.basicInfo.projectName"
-                placeholder="请输入被监审单位"
-                style="width: 400px"
+                v-else
+                v-model="formData.basicInfo.auditUnitName"
+                placeholder="请输入单位"
+                style="width: 100%"
               ></el-input>
             </el-form-item>
             <el-form-item label="监审主体：">
-              <el-input
-                v-model="formData.basicInfo.projectName"
-                placeholder="请输入监审主体"
-                style="width: 400px"
-              ></el-input>
+              <el-select
+                v-model="formData.basicInfo.orgId"
+                placeholder="请选择监审主体"
+                style="width: 100%"
+                clearable
+              >
+                <el-option
+                  v-for="Org in OrgList"
+                  :key="Org.id"
+                  :label="Org.name"
+                  :value="Org.id"
+                />
+              </el-select>
             </el-form-item>
             <el-form-item label="归属年度：">
               <el-date-picker
-                v-model="value3"
+                v-model="formData.basicInfo.projectYear"
+                style="width: 100%"
                 type="year"
                 placeholder="请选择归属年度"
+                format="yyyy"
+                value-format="yyyy"
+                clearable
               ></el-date-picker>
             </el-form-item>
             <el-form-item label="立项来源：">
               <el-select
-                v-model="formData.basicInfo.source"
-                placeholder="请选择立项来源"
-                style="width: 200px"
+                v-model="formData.basicInfo.sourceType"
+                placeholder="请选择立项类型"
+                style="width: 100%"
               >
-                <el-option label="年度计划内" value="年度计划内"></el-option>
-                <el-option label="年度计划外" value="年度计划外"></el-option>
+                <el-option
+                  v-for="item in dictData['projectProposal']"
+                  :key="item.key"
+                  :label="item.name"
+                  :value="item.key"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="监审形式：">
               <el-select
-                v-model="formData.basicInfo.form"
+                v-model="formData.basicInfo.auditType"
                 placeholder="请选择监审形式"
-                style="width: 200px"
+                style="width: 100%"
               >
-                <el-option label="定价监审" value="定价监审"></el-option>
-                <el-option label="成本监审" value="成本监审"></el-option>
+                <el-option
+                  v-for="item in dictData['auditType']"
+                  :key="item.key"
+                  :label="item.name"
+                  :value="item.key"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="监审期间：">
-              <el-date-picker
-                v-model="value3"
-                type="year"
-                placeholder="请选择开始年份"
-              ></el-date-picker>
-              <span style="margin: 0 10px">—</span>
-              <el-date-picker
-                v-model="value3"
-                type="year"
-                placeholder="请选择结束年份"
-              ></el-date-picker>
+              <div class="cost-period-container">
+                <el-button
+                  type="primary"
+                  size="small"
+                  class="add-cost-year-btn"
+                  @click="addCostYear"
+                >
+                  +
+                </el-button>
+                <div class="cost-years-wrapper">
+                  <div
+                    v-for="(year, index) in formData.basicInfo.auditPeriodArray"
+                    :key="index"
+                    class="cost-year-item"
+                  >
+                    <el-date-picker
+                      v-model="year.value"
+                      style="width: 82%"
+                      type="year"
+                      placeholder="请选择年份"
+                      format="yyyy"
+                      value-format="yyyy"
+                      clearable
+                    ></el-date-picker>
+                    <el-button
+                      type="danger"
+                      size="small"
+                      class="delete-cost-year-btn"
+                      @click="deleteCostYear(index)"
+                    >
+                      删除
+                    </el-button>
+                  </div>
+                </div>
+              </div>
             </el-form-item>
             <el-form-item label="是否参加听证：">
-              <el-radio-group v-model="formData.basicInfo.resource">
-                <el-radio label="1">是</el-radio>
-                <el-radio label="2">否</el-radio>
+              <el-radio-group v-model="formData.basicInfo.needHearing">
+                <el-radio :label="0">是</el-radio>
+                <el-radio :label="1">否</el-radio>
               </el-radio-group>
             </el-form-item>
             <el-form-item label="是否应急项目：">
-              <el-radio-group v-model="formData.basicInfo.resource">
-                <el-radio label="1">是</el-radio>
-                <el-radio label="2">否</el-radio>
+              <el-radio-group v-model="formData.basicInfo.isEmergency">
+                <el-radio :label="0">是</el-radio>
+                <el-radio :label="1">否</el-radio>
               </el-radio-group>
             </el-form-item>
             <el-form-item label="立项理由：">
               <el-input
-                v-model="formData.basicInfo.desc"
-                style="width: 400px"
+                v-model="formData.basicInfo.establishmentReason"
+                style="width: 100%"
                 type="textarea"
                 rows="4"
                 placeholder="请输入立项理由"
               ></el-input>
             </el-form-item>
-            <el-form-item label="监审任务负责人">
+            <el-form-item label="监审任务负责人：">
               <el-select
-                v-model="formData.basicInfo.form"
-                placeholder="请选择监审任务负责人"
-                style="width: 200px"
+                v-model="formData.basicInfo.auditGroup"
+                placeholder="请选择负责人"
+                style="width: 100%"
               >
-                <el-option label="定价监审" value="定价监审"></el-option>
-                <el-option label="成本监审" value="成本监审"></el-option>
+                <el-option
+                  v-for="(item, index) in userList"
+                  :key="index"
+                  :label="item.fullname"
+                  :value="item.userId"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="监审任务组成员：">
               <el-select
-                v-model="formData.basicInfo.member"
-                placeholder="请选择监审任务组成员"
+                v-model="formData.basicInfo.auditTeamMembers"
+                placeholder="请选择成员"
                 multiple
-                style="width: 200px"
+                style="width: 100%"
               >
-                <el-option label="定价监审" value="定价监审"></el-option>
-                <el-option label="成本监审" value="成本监审"></el-option>
+                <el-option
+                  v-for="(item, index) in userList"
+                  :key="index"
+                  :label="item.fullname"
+                  :value="item.userId"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="其他专家：">
               <el-input
-                v-model="formData.basicInfo.otherExpert"
+                v-model="formData.basicInfo.expertStr"
                 placeholder="请输入其他专家"
-                style="width: 400px"
+                style="width: 100%"
               ></el-input>
             </el-form-item>
             <el-form-item label="预定的监审工作起止时间：">
               <el-date-picker
-                v-model="formData.basicInfo.startDate"
+                v-model="formData.basicInfo.plannedAuditStartDate"
                 type="date"
                 placeholder="开始日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
                 style="width: 150px"
               ></el-date-picker>
               <span style="margin: 0 10px">—</span>
               <el-date-picker
-                v-model="formData.basicInfo.endDate"
+                v-model="formData.basicInfo.plannedAuditEndDate"
                 type="date"
                 placeholder="结束日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
                 style="width: 150px"
               ></el-date-picker>
             </el-form-item>
@@ -551,7 +613,7 @@
         </el-tab-pane>
 
         <!-- 监审意见 -->
-        <el-tab-pane label="监审意见" name="auditOpinion">
+        <el-tab-pane v-if="tabVisiable" label="监审意见" name="auditOpinion">
           <div class="cost-supervision-container">
             <!-- 成本监审意见部分 -->
             <div class="cost-opinion-section">
@@ -744,16 +806,44 @@
 <script>
   import { Message } from 'element-ui'
   import OnlineFillDialog from './OnlineFill.vue'
+  import {
+    getProjectInformationInfo,
+    getTaskRequirementList,
+  } from '@/api/auditTaskProcessing'
+  import RegionSelector from '@/views/costAudit/projectInfo/auditProjectManage/annualReviewPlan/RegionSelector.vue'
+  import CatalogCascader from '@/views/costAudit/projectInfo/auditProjectManage/annualReviewPlan/CatalogCascader.vue'
+  // import UploadComponent from '@/components/costAudit/UploadComponent.vue'
+  import { getAllUnitList } from '@/api/auditEntityManage'
+  import { getDefaultDem, getOrgListByDemId } from '@/api/annualReviewPlan'
+  import { getAllUserList } from '@/api/uc'
+  import { dictMixin } from '@/mixins/useDict'
 
   export default {
     name: 'TaskFillIn',
     components: {
       OnlineFillDialog,
+      RegionSelector,
+      CatalogCascader,
+      // UploadComponent,
     },
+    mixins: [dictMixin],
     data() {
       return {
+        unitList: [],
+        OrgList: [],
+        userList: [],
+        dictData: {
+          attributionYear: [], // 归属年度
+          projectProposal: [], // 立项来源
+          auditType: [], //监审形式
+        },
+        // 立项依据文件列表
+        accordingFileList: [],
+        // 其他材料文件列表
+        otherFileList: [],
         // 页面标题
         pageTitle: '立项信息',
+        taskId: '', // 任务ID
         // 当前激活的标签页
         activeTab: 'projectInfo',
         // 加载状态管理
@@ -762,18 +852,33 @@
           save: false,
         },
         isDisabled: false,
+        tabCheck: '', // 状态判断监审意见是否显示
+        tabVisiable: true, // 标签页是否显示
         // 所有表单数据聚合
         formData: {
           basicInfo: {
             projectName: '',
-            source: '', // 立项来源
-            form: '', // 监审形式
-            resource: '', // 是否参加听证
-            desc: '', // 立项理由
-            member: [], // 监审任务组成员
-            otherExpert: '', // 其他专家
-            startDate: '', // 开始日期
-            endDate: '', // 结束日期
+            catalogId: '',
+            areaCode: '',
+            auditUnitId: [],
+            auditUnitName: '',
+            orgId: '',
+            orgName: '',
+            projectYear: '',
+            sourceType: '',
+            auditType: '',
+            auditPeriod: '',
+            auditPeriodArray: [{ value: '' }],
+            needHearing: 1,
+            isEmergency: 1,
+            establishmentReason: '',
+            accordingFileUrl: '',
+            otherFileUrl: '',
+            auditGroup: '',
+            auditTeamMembers: [],
+            expertStr: '',
+            plannedAuditStartDate: '',
+            plannedAuditEndDate: '',
           },
           auditDocument: [
             {
@@ -1062,22 +1167,134 @@
       }
     },
     mounted() {
+      this.getAllUnitList()
+      this.getDefaultDem()
+      this.getUser()
       // 从路由参数中获取 formType
-      console.log(this.$route.query)
-      const formType = this.$route.query.formType
+      console.log('路由参数', this.$route.query)
+      this.taskId = this.$route.query.info.projectId
+      this.tabCheck = this.$route.query.info.status
+      if (this.tabCheck === 'jtsy') {
+        this.tabVisiable = false
+      }
+      const formType = this.$route.query.formTypeconst
       if (formType) {
         // 如果有 formType，将 activeTab 设置为 formType
         this.activeTab = formType
         // 更新页面标题
         this.pageTitle = '消息通知'
+      } else {
+        this.getProjectInformation()
       }
     },
     methods: {
+      getAllUnitList() {
+        getAllUnitList().then((res) => {
+          this.unitList = res.value || []
+        })
+      },
+      // 获取默认维度
+      getDefaultDem() {
+        getDefaultDem().then((res) => {
+          if (res && res.code === 200) {
+            const demId = res.value ? res.value.id : null
+            if (demId) {
+              this.getOrgListByDemId(demId)
+            }
+          }
+        })
+      },
+      // 根据维度ID获取单位列表
+      getOrgListByDemId(demId) {
+        getOrgListByDemId({ demId }).then((res) => {
+          if (res && res.code === 200) {
+            this.OrgList = res.value || []
+          }
+        })
+      },
+      // 获取用户信息
+      getUser() {
+        getAllUserList()
+          .then((res) => {
+            this.userList = res.value || []
+          })
+          .catch(() => {})
+      },
+      // 添加监审年份
+      addCostYear() {
+        this.formData.basicInfo.auditPeriodArray.push({ value: '' })
+      },
+      // 删除监审年份
+      deleteCostYear(index) {
+        // 若只剩1条，禁止删除并提示
+        if (this.formData.basicInfo.auditPeriodArray.length <= 1) {
+          Message.warning('监审期间至少需保留1条，无法删除')
+          return
+        }
+        this.formData.basicInfo.auditPeriodArray.splice(index, 1)
+      },
+      // 更新auditPeriod字符串
+      updateAuditPeriodString() {
+        const values = this.formData.basicInfo.auditPeriodArray
+          .map((item) => item.value)
+          .filter(Boolean)
+        const uniqueValues = [...new Set(values)]
+        this.formData.basicInfo.auditPeriod = uniqueValues.join(',')
+      },
+      // 立项依据文件处理
+      saveAccordingFiles(data) {
+        this.accordingFileList = data
+        this.formData.basicInfo.accordingFileUrl = data[0]?.savePath || ''
+      },
+      // 移除立项依据文件
+      removeAccordingFile() {
+        this.accordingFileList = []
+        this.formData.basicInfo.accordingFileUrl = ''
+      },
+      // 其他材料文件处理
+      saveOtherFiles(data) {
+        this.otherFileList = data
+        this.formData.basicInfo.otherFileUrl = data[0]?.savePath || ''
+      },
+      // 移除其他材料文件
+      removeOtherFile() {
+        this.otherFileList = []
+        this.formData.basicInfo.otherFileUrl = ''
+      },
+      // 处理地区选择变化
+      handleRegionChange(region) {
+        this.formData.basicInfo.areaCode = region.code
+      },
+      // 处理监审目录选择后的回调
+      handleCatalogChange(value) {
+        // this.formData.catalogId = value.join(',')
+        this.formData.basicInfo.catalogId = value
+      },
       // 标签页切换
       handleTabClick(tab) {
+        console.log(tab, 'qiehuan')
+        if (tab.name === 'projectInfo') {
+          // 立项项目信息
+          this.getProjectInformation()
+        } else if (tab.name === 'dataRequirements') {
+          this.getTaskRequirementPage() // 报送资料要求
+        }
         // 可添加标签页切换时的逻辑
         this.pageTitle = tab.label
       },
+      // 获取立项项目信息
+      getProjectInformation() {
+        getProjectInformationInfo(this.taskId).then((res) => {
+          console.log('立项项目信息', res)
+          this.formData.basicInfo = res.value
+        })
+      },
+      // 获取报送资料要求列表
+      getTaskRequirementPage(taskId) {
+        getTaskRequirementList(taskId).then((res) => {
+          console.log('报送资料要求', res)
+        })
+      },
 
       // 提交
       handleSubmit() {
@@ -1325,4 +1542,31 @@
   .upload-btn:hover {
     background-color: #0056b3;
   }
+
+  .cost-period-container {
+    display: flex;
+    align-items: flex-start;
+  }
+
+  .add-cost-year-btn {
+    margin-right: 10px;
+  }
+
+  .delete-cost-year-btn {
+    margin-left: 10px;
+  }
+
+  .cost-years-wrapper {
+    flex: 1;
+  }
+
+  .cost-year-item {
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+  }
+
+  .ml10 {
+    margin-left: 10px;
+  }
 </style>

src/views/EntDeclaration/auditTaskProcessing/index.vue

@@ -6,6 +6,15 @@
     <!-- 搜索区域 -->
     <div class="search-container">
       <el-form :inline="true" :model="searchForm" class="demo-form-inline">
+        <el-form-item label="年度：">
+          <el-date-picker
+            v-model="searchForm.year"
+            type="year"
+            placeholder="选择年"
+            format="yyyy"
+            value-format="yyyy"
+          ></el-date-picker>
+        </el-form-item>
         <el-form-item label="监审项目名称：">
           <el-input
             v-model="searchForm.projectName"
@@ -13,6 +22,46 @@
             clearable
           />
         </el-form-item>
+        <!-- <el-form-item label="立项来源：">
+          <el-select v-model="searchForm.projectSource" placeholder="请选择立项来源">
+            <el-option label="年度计划内" value="1"></el-option>
+            <el-option label="年度计划外" value="2"></el-option>
+          </el-select>
+        </el-form-item> -->
+        <el-form-item label="监审形式：">
+          <el-select
+            v-model="searchForm.auditType"
+            placeholder="请选择监审形式"
+            style="width: 100%"
+            clearable
+          >
+            <el-option
+              v-for="item in dictData['auditType']"
+              :key="item.key"
+              :label="item.name"
+              :value="item.key"
+            ></el-option>
+          </el-select>
+          <!-- <el-input v-model="searchForm.auditType" placeholder="请输入监审形式" clearable /> -->
+        </el-form-item>
+        <!-- <el-form-item label="立项地区：">
+          <el-input v-model="searchForm.areaName" placeholder="请输入立项地区" clearable />
+        </el-form-item> -->
+        <!-- <el-form-item label="监审主体：">
+          <el-input v-model="searchForm.auditBody" placeholder="请输入监审主体" clearable />
+        </el-form-item> -->
+        <!-- <el-form-item label="状态：">
+          <el-select v-model="searchForm.status" placeholder="请选择状态">
+            <el-option label="提交材料" value="tjcl"></el-option>
+            <el-option label="材料初审" value="clcs"></el-option>
+            <el-option label="实地审核" value="sdsh"></el-option>
+            <el-option label="意见告知" value="yigz"></el-option>
+            <el-option label="意见反馈" value="yjfk"></el-option>
+            <el-option label="集体审议" value="jtsy"></el-option>
+            <el-option label="出具报告" value="cjbg"></el-option>
+            <el-option label="归档" value="gd"></el-option>
+          </el-select>
+        </el-form-item> -->
         <el-form-item>
           <el-button type="primary" @click="handleSearch">查询</el-button>
         </el-form-item>
@@ -31,15 +80,25 @@
         label="序号"
         width="60"
         align="center"
-      />
+      >
+        <template slot-scope="scope">
+          <span>
+            {{ scope.$index + 1 }}
+          </span>
+        </template>
+      </el-table-column>
       <el-table-column
-        prop="planYear"
+        prop="projectYear"
         label="立项年度"
         width="100"
         align="center"
-      />
+      >
+        <template slot-scope="scope">
+          <span>{{ scope.row.projectYear }}年</span>
+        </template>
+      </el-table-column>
       <el-table-column
-        prop="auditRegion"
+        prop="areaName"
         label="立项地区"
         width="100"
         align="center"
@@ -57,25 +116,33 @@
         </template>
       </el-table-column>
       <el-table-column
-        prop="auditorData"
+        prop="auditPeriod"
         label="监审期间"
         align="center"
         show-overflow-tooltip
       />
       <el-table-column
-        prop="projectSource"
+        prop="sourceType"
         label="立项来源"
         align="center"
         show-overflow-tooltip
-      />
+      >
+        <!-- <template slot-scope="scope">
+            {{ getDictName('projectProposal', scope.row.sourceType) }}
+          </template> -->
+      </el-table-column>
       <el-table-column
-        prop="auditForm"
+        prop="auditType"
         label="监审形式"
-        width="100"
+        width="120"
         align="center"
-      />
+      >
+        <!-- <template slot-scope="scope">
+            {{ getDictName('auditType', scope.row.auditType) }}
+          </template> -->
+      </el-table-column>
       <el-table-column
-        prop="auditBody"
+        prop="orgName"
         label="监审主体"
         align="center"
         show-overflow-tooltip
@@ -85,7 +152,19 @@
         label="状态"
         align="center"
         show-overflow-tooltip
-      />
+      >
+        <template slot-scope="scope">
+          <div v-if="scope.row.status === 'tjcl'">提交材料</div>
+          <div v-if="scope.row.status === 'clcs'">材料初审</div>
+          <div v-if="scope.row.status === 'sdsh'">实地审核</div>
+          <div v-if="scope.row.status === 'yigz'">意见告知</div>
+          <div v-if="scope.row.status === 'yjfk'">意见反馈</div>
+          <div v-if="scope.row.status === 'jtsy'">集体审议</div>
+          <div v-if="scope.row.status === 'cjbg'">出具报告</div>
+          <div v-if="scope.row.status === 'gd'">归档</div>
+        </template>
+      </el-table-column>
+
       <el-table-column label="操作" width="180" align="center">
         <template slot-scope="scope">
           <!-- 文字按钮样式 -->
@@ -123,66 +202,82 @@
 
 <script>
   import { Message, MessageBox } from 'element-ui'
+  import { getTaskHandlingList } from '@/api/auditTaskProcessing'
+  import { dictMixin } from '@/mixins/useDict'
 
   export default {
     name: 'AuditTaskProcessingView',
+    mixins: [dictMixin],
     data() {
       return {
+        dictData: {
+          auditType: [], //监审形式
+          projectProposal: [], //立项来源
+        },
         loading: false,
         // 搜索表单
         searchForm: {
+          pageNum: 1,
+          pageSize: 10,
+          year: '',
           projectName: '',
+          projectSource: '',
+          auditForm: '',
+          auditType: '',
+          areaName: '',
+          auditBody: '',
+          status: '',
         },
         // 项目列表
         projectList: [
-          {
-            id: 1,
-            serialNumber: 1,
-            planYear: '2025',
-            auditRegion: '山西省',
-            projectName: '省内油气管道运输成本监审',
-            auditorData: '2022年--2024年',
-            projectSource: '年度计划内',
-            auditForm: '定期监审',
-            auditBody: '山西省发改委—成本调查监审局',
-            status: '报送资料',
-          },
-          {
-            id: 2,
-            serialNumber: 2,
-            planYear: '2025',
-            auditRegion: '山西省',
-            projectName: '省内油气管道运输成本监审',
-            auditorData: '2019年--2021年',
-            projectSource: '年度计划内',
-            auditForm: '定期监审',
-            auditBody: '山西省发改委—成本调查监审局',
-            status: '实地审核—待补充材料',
-          },
-          {
-            id: 3,
-            serialNumber: 3,
-            planYear: '2025',
-            auditRegion: '山西省',
-            projectName: '省内油气管道运输成本监审',
-            auditorData: '2016年--2018年',
-            projectSource: '年度计划内',
-            auditForm: '定期监审',
-            auditBody: '山西省发改委—成本调查监审局',
-            status: '反馈意见—未反馈',
-          },
-          {
-            id: 4,
-            serialNumber: 4,
-            planYear: '2025',
-            auditRegion: '山西省',
-            projectName: '省内油气管道运输成本监审',
-            auditorData: '2013年--2015年',
-            projectSource: '年度计划内',
-            auditForm: '定期监审',
-            auditBody: '山西省发改委—成本调查监审局',
-            status: '办结',
-          },
+          // {
+          //   id: 1,
+          //   serialNumber: 1,
+          //   planYear: '2025',
+          //   auditRegion: '山西省',
+          //   projectName: '省内油气管道运输成本监审',
+          //   auditorData: '2022年--2024年',
+          //   projectSource: '年度计划内',
+          //   auditForm: '定期监审',
+          //   auditBody: '山西省发改委—成本调查监审局',
+          //   status: 'tjcl',
+          // },
+          // {
+          //   id: 2,
+          //   serialNumber: 2,
+          //   planYear: '2025',
+          //   auditRegion: '山西省',
+          //   projectName: '省内油气管道运输成本监审',
+          //   auditorData: '2019年--2021年',
+          //   projectSource: '年度计划内',
+          //   auditForm: '定期监审',
+          //   auditBody: '山西省发改委—成本调查监审局',
+          //   status: 'jtsy',
+          // },
+          // {
+          //   id: 3,
+          //   serialNumber: 3,
+          //   planYear: '2025',
+          //   auditRegion: '山西省',
+          //   projectName: '省内油气管道运输成本监审',
+          //   auditorData: '2016年--2018年',
+          //   projectSource: '年度计划内',
+          //   auditForm: '定期监审',
+          //   auditBody: '山西省发改委—成本调查监审局',
+          //   status: 'yigz',
+          // },
+          // {
+          //   id: 4,
+          //   serialNumber: 4,
+          //   planYear: '2025',
+          //   auditRegion: '山西省',
+          //   projectName: '省内油气管道运输成本监审',
+          //   auditorData: '2013年--2015年',
+          //   projectSource: '年度计划内',
+          //   auditForm: '定期监审',
+          //   auditBody: '山西省发改委—成本调查监审局',
+          //   status: 'gd',
+          // },
         ],
         // 分页信息
         currentPage: 1,
@@ -190,12 +285,15 @@
         total: 3,
       }
     },
+    mounted() {
+      this.handleSearch()
+    },
     methods: {
       // 处理搜索
       handleSearch() {
-        // 这里可以添加搜索逻辑
-        console.log('搜索:', this.searchForm)
-        Message.success('搜索成功')
+        this.currentPage = 1
+        this.searchForm.pageNum = 1
+        this.getTaskHandlingPage()
       },
 
       // 处理查看
@@ -213,18 +311,25 @@
       // 处理分页大小变化
       handleSizeChange(val) {
         this.pageSize = val
-        // 这里可以添加分页逻辑
+        this.searchForm.pageSize = val
+        this.searchForm.pageNum = 1
+        this.currentPage = 1
+        this.getTaskHandlingPage()
       },
       // 处理当前页变化
       handleCurrentChange(val) {
         this.currentPage = val
-        // 这里可以添加分页逻辑
+        this.searchForm.pageNum = val
+        this.getTaskHandlingPage()
       },
       // 填报任务
       handleEdit(row) {
         console.log(row)
         this.$router.push({
           path: '/dataManagement/EntDeclaration/auditTaskManagementProjectInfo',
+          query: {
+            info: row,
+          },
         })
       },
       // 消息通知
@@ -233,11 +338,26 @@
         this.$router.push({
           path: '/dataManagement/EntDeclaration/auditTaskManagementProjectInfo',
           query: {
-            id: row.id,
+            info: row,
             formType: 'messageNotice',
           },
         })
       },
+      // 任务办理列表
+      getTaskHandlingPage() {
+        this.loading = true
+        getTaskHandlingList(this.searchForm)
+          .then((res) => {
+            console.log('任务办理列表', res)
+            this.projectList = res.value.value.records
+            this.total = res.value.value.total
+            this.loading = false
+          })
+          .catch((err) => {
+            console.log(err)
+            this.loading = false
+          })
+      },
     },
   }
 </script>