|
|
@@ -0,0 +1,2817 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="top-wrapper">
|
|
|
+ <el-button plain type="primary" icon="el-icon-back" @click="handleBack">
|
|
|
+ 返回
|
|
|
+ </el-button>
|
|
|
+ <div class="title ml20">{{ surveyTemplateName }}内容维护</div>
|
|
|
+ </div>
|
|
|
+ <!-- 搜索面板 -->
|
|
|
+ <div class="search-panel mt20">
|
|
|
+ <el-form :inline="true" :model="searchForm" label-width="80px">
|
|
|
+ <el-form-item label="状态：">
|
|
|
+ <el-select
|
|
|
+ v-model="searchForm.status"
|
|
|
+ placeholder="请选择状态"
|
|
|
+ style="width: 180px"
|
|
|
+ >
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
+ <el-option label="草稿" value="-1"></el-option>
|
|
|
+ <el-option label="现行版本" value="0"></el-option>
|
|
|
+ <el-option label="历史版本" value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
|
|
+ 查询
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ plain
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-refresh"
|
|
|
+ @click="handleReset"
|
|
|
+ >
|
|
|
+ 重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 操作栏 -->
|
|
|
+ <div class="operation-bar">
|
|
|
+ <el-button
|
|
|
+ plain
|
|
|
+ type="success"
|
|
|
+ icon="el-icon-circle-plus"
|
|
|
+ @click="handleAdd"
|
|
|
+ >
|
|
|
+ 添加
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ plain
|
|
|
+ type="danger"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ :disabled="selectedRows.length === 0"
|
|
|
+ @click="handleBatchDelete"
|
|
|
+ >
|
|
|
+ 批量删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 表格 -->
|
|
|
+ <div class="table-container">
|
|
|
+ <CostAuditTable
|
|
|
+ ref="costAuditTable"
|
|
|
+ :table-data="tableData"
|
|
|
+ :columns="tableColumns"
|
|
|
+ :show-selection="true"
|
|
|
+ :show-index="true"
|
|
|
+ :show-pagination="true"
|
|
|
+ :pagination="pagination"
|
|
|
+ :loading="loading"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ @pagination-change="handlePaginationChange"
|
|
|
+ >
|
|
|
+ <!-- 创建时间自定义单元格 -->
|
|
|
+ <template #createTime="{ row }">
|
|
|
+ <div>{{ row.createTime ? row.createTime.split(' ')[0] : '-' }}</div>
|
|
|
+ <div>{{ row.createTime ? row.createTime.split(' ')[1] : '-' }}</div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- 操作列 -->
|
|
|
+ <template #action="{ row }">
|
|
|
+ <el-button type="text" size="small" @click="handleViewDetail(row)">
|
|
|
+ 详情
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="row.status === '-1'"
|
|
|
+ class="delete-btn"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleEdit(row)"
|
|
|
+ >
|
|
|
+ 修改
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="row.status != '0'"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleDelete(row)"
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="row.status === '-1'"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleEditContent(row)"
|
|
|
+ >
|
|
|
+ 内容维护
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="row.status === '-1'"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleStatus(row)"
|
|
|
+ >
|
|
|
+ 启用
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="row.status === '0'"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleStatus(row)"
|
|
|
+ >
|
|
|
+ 停用
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </CostAuditTable>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 添加/修改弹窗 -->
|
|
|
+ <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="600px">
|
|
|
+ <el-form
|
|
|
+ ref="dataForm"
|
|
|
+ :model="dataForm"
|
|
|
+ :rules="dataFormRules"
|
|
|
+ label-width="120px"
|
|
|
+ class="data-form"
|
|
|
+ >
|
|
|
+ <el-form-item label="创建人" prop="createBy">
|
|
|
+ <el-input
|
|
|
+ v-model="dataForm.createBy"
|
|
|
+ placeholder="请输入创建人"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间" prop="createTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="dataForm.createTime"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="选择日期时间"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input
|
|
|
+ v-model="dataForm.remarks"
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入备注"
|
|
|
+ rows="3"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">确认</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 内容修改弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ title="内容维护"
|
|
|
+ :visible.sync="contentEditDialogVisible"
|
|
|
+ width="70%"
|
|
|
+ class="content-edit-dialog"
|
|
|
+ >
|
|
|
+ <div class="content-edit-container">
|
|
|
+ <div class="table-header-info">
|
|
|
+ <!-- <div class="table-name">表名：{{ contentEditForm.tableName }}</div> -->
|
|
|
+ <div class="table-style mb20">
|
|
|
+ 表单样式：
|
|
|
+ <el-radio-group
|
|
|
+ v-model="contentEditForm.templateType"
|
|
|
+ @change="handleFormStyleChange"
|
|
|
+ >
|
|
|
+ <el-radio v-if="contentEditForm.templateType === '1'" label="1">
|
|
|
+ 单记录
|
|
|
+ </el-radio>
|
|
|
+ <el-radio v-if="contentEditForm.templateType === '2'" label="2">
|
|
|
+ 固定表
|
|
|
+ </el-radio>
|
|
|
+ <el-radio v-if="contentEditForm.templateType === '3'" label="3">
|
|
|
+ 动态表
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div v-if="viewDetail" class="detail-info-container">
|
|
|
+ <div class="detail-item">
|
|
|
+ <span class="detail-label">版本号：</span>
|
|
|
+ <span class="detail-value">{{ detailForm.versionNo }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="detail-item">
|
|
|
+ <span class="detail-label">状态：</span>
|
|
|
+ <span class="detail-value">
|
|
|
+ {{ forStatus(detailForm.status) }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="detail-item">
|
|
|
+ <span class="detail-label">创建人：</span>
|
|
|
+ <span class="detail-value">{{ detailForm.createBy }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="detail-item">
|
|
|
+ <span class="detail-label">创建时间：</span>
|
|
|
+ <span class="detail-value">{{ detailForm.createTime }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="detail-item">
|
|
|
+ <span class="detail-label">备注：</span>
|
|
|
+ <span class="detail-value">{{ detailForm.remarks }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <div class="mb20">
|
|
|
+ <el-button
|
|
|
+ v-if="!contentEditForm.surveyTemplateId"
|
|
|
+ type="primary"
|
|
|
+ class="mr20"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleGenerateTemplate"
|
|
|
+ >
|
|
|
+ 生成模版
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleSaveTemplate"
|
|
|
+ >
|
|
|
+ 保存模版
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="contentEditForm.surveyTemplateId"
|
|
|
+ class="table-edit-container"
|
|
|
+ >
|
|
|
+ <div class="mb20">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleAddTableHeader('固定表表头')"
|
|
|
+ >
|
|
|
+ 添加表头
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="handleSaveContent('固定表表头')"
|
|
|
+ >
|
|
|
+ 保存表头
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div class="table-edit-container">
|
|
|
+ <el-table
|
|
|
+ :data="contentEditForm.fixedTable.tableHeaders"
|
|
|
+ border
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column label="序号" width="80" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.$index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="fieldName"
|
|
|
+ label="字段名称"
|
|
|
+ min-width="150"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.fieldName"
|
|
|
+ placeholder="请输入字段名称"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @change="handleFieldNameChange(scope.row)"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="fieldType"
|
|
|
+ label="字段类型"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.fieldType"
|
|
|
+ placeholder="请选择字段类型"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @change="handleFieldTypeChange(scope.row)"
|
|
|
+ >
|
|
|
+ <el-option label="字符串" value="string"></el-option>
|
|
|
+ <el-option label="整数" value="integer"></el-option>
|
|
|
+ <el-option label="小数" value="double"></el-option>
|
|
|
+ <el-option label="日期" value="datetime"></el-option>
|
|
|
+ <el-option label="布尔值" value="boolean"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="format"
|
|
|
+ label="格式"
|
|
|
+ width="220"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- 字符串类型格式 -->
|
|
|
+ <div
|
|
|
+ v-if="scope.row.fieldType === 'string'"
|
|
|
+ class="format-input"
|
|
|
+ >
|
|
|
+ <span class="format-prefix">长度</span>
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.format"
|
|
|
+ placeholder="请输入长度"
|
|
|
+ size="small"
|
|
|
+ style="width: calc(100% - 80px); margin-left: 5px"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 整数类型格式 -->
|
|
|
+ <div
|
|
|
+ v-else-if="scope.row.fieldType === 'integer'"
|
|
|
+ class="format-input"
|
|
|
+ >
|
|
|
+ <span class="format-prefix">整数</span>
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.fieldTypelen"
|
|
|
+ placeholder="整数位数"
|
|
|
+ size="small"
|
|
|
+ style="width: calc(100% - 80px); margin: 0 5px"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 小数类型格式 -->
|
|
|
+ <div
|
|
|
+ v-else-if="scope.row.fieldType === 'double'"
|
|
|
+ class="format-input"
|
|
|
+ >
|
|
|
+ <span class="format-prefix">小数</span>
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.fieldTypenointlen"
|
|
|
+ placeholder="小数位数"
|
|
|
+ size="small"
|
|
|
+ style="width: calc(100% - 80px); margin-left: 5px"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <!-- 日期类型格式 -->
|
|
|
+ <div
|
|
|
+ v-else-if="scope.row.fieldType === 'datetime'"
|
|
|
+ class="format-input"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.format"
|
|
|
+ placeholder="请选择日期格式"
|
|
|
+ size="small"
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ label="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value="yyyy-MM-dd HH:mm:ss"
|
|
|
+ ></el-option>
|
|
|
+ <el-option
|
|
|
+ label="yyyy-MM-dd"
|
|
|
+ value="yyyy-MM-dd"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!-- 布尔类型格式 -->
|
|
|
+ <div v-else-if="scope.row.fieldType === 'boolean'">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.format"
|
|
|
+ placeholder="请选择布尔值格式"
|
|
|
+ size="small"
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option label="true" value="true"></el-option>
|
|
|
+ <el-option label="false" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!-- 默认情况 -->
|
|
|
+ <el-input
|
|
|
+ v-else
|
|
|
+ v-model="scope.row.format"
|
|
|
+ :placeholder="getFormatPlaceholder(scope.row.fieldType)"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ prop="isRequired"
|
|
|
+ label="是否必填"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.isRequired"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option label="是" value="true"></el-option>
|
|
|
+ <el-option label="否" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ prop="showVisible"
|
|
|
+ label="是否显示"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.showVisible"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option label="是" value="1"></el-option>
|
|
|
+ <el-option label="否" value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ prop="isAuditPeriod"
|
|
|
+ label="是否绑定监审期间"
|
|
|
+ width="140"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.isAuditPeriod"
|
|
|
+ size="small"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option label="是" value="true"></el-option>
|
|
|
+ <el-option label="否" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="isDict" label="绑定字典" min-width="150">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="bind-dict-column">
|
|
|
+ <el-select
|
|
|
+ v-model="scope.row.isDict"
|
|
|
+ size="small"
|
|
|
+ style="width: 80px"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @change="handleBindDictChange(scope.row)"
|
|
|
+ >
|
|
|
+ <el-option label="是" value="true"></el-option>
|
|
|
+ <el-option label="否" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select
|
|
|
+ v-if="scope.row.isDict === 'true'"
|
|
|
+ v-model="scope.row.dictid"
|
|
|
+ placeholder="请选择字典"
|
|
|
+ class="dict-select"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px; margin-top: 5px"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in dictTypeList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="String(item.id)"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ width="150"
|
|
|
+ fixed="right"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="table-actions">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @click="
|
|
|
+ handleDeleteHeader(
|
|
|
+ scope.$index,
|
|
|
+ '固定表表头',
|
|
|
+ scope.row
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.$index !== 0"
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @click="handleMoveUp(scope.$index)"
|
|
|
+ >
|
|
|
+ 上升
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ scope.$index !==
|
|
|
+ contentEditForm.fixedTable.tableHeaders.length - 1
|
|
|
+ "
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="scope.row.isDisabled || viewDetail"
|
|
|
+ @click="handleMoveDown(scope.$index)"
|
|
|
+ >
|
|
|
+ 下降
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="button-group mt20 mb20">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleAddTableHeader('固定表项目')"
|
|
|
+ >
|
|
|
+ 添加项目
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div class="table-edit-container">
|
|
|
+ <el-table
|
|
|
+ :data="contentEditForm.fixedTable.fixedTables"
|
|
|
+ border
|
|
|
+ style="width: 100%"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column label="序号" width="150" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="row-indent-container">
|
|
|
+ <el-input
|
|
|
+ :value="
|
|
|
+ scope.row.fixedValues
|
|
|
+ ? scope.row.fixedValues['序号']
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ size="small"
|
|
|
+ placeholder="数字或中文"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @input="
|
|
|
+ handleFixedValueChange(scope.row, '序号', $event)
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="父子节点关系"
|
|
|
+ align="center"
|
|
|
+ width="120"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag
|
|
|
+ v-if="
|
|
|
+ scope.row.isChild ||
|
|
|
+ scope.row.isSubItem ||
|
|
|
+ (scope.row.parentid &&
|
|
|
+ scope.row.parentid != -1 &&
|
|
|
+ scope.row.parentid != '-1')
|
|
|
+ "
|
|
|
+ type="success"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ 子项
|
|
|
+ </el-tag>
|
|
|
+ <el-tag
|
|
|
+ v-else-if="
|
|
|
+ scope.row.parentid === -1 ||
|
|
|
+ scope.row.parentid === '-1' ||
|
|
|
+ !scope.row.parentid
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ 父项
|
|
|
+ </el-tag>
|
|
|
+ <el-tag v-else type="info" size="small">无</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in contentEditForm.fixedTable
|
|
|
+ .fixedTableHeaders"
|
|
|
+ :key="index"
|
|
|
+ :label="item.rkey"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="row-indent-container">
|
|
|
+ <el-input
|
|
|
+ :value="
|
|
|
+ scope.row.fixedValues
|
|
|
+ ? scope.row.fixedValues[item.rkey]
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ size="small"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @input="
|
|
|
+ handleFixedValueChange(scope.row, item.rkey, $event)
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="指标编号" width="100" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="row-indent-container">
|
|
|
+ <el-input
|
|
|
+ :value="scope.row.cellCode"
|
|
|
+ size="small"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @input="(val) => $set(scope.row, 'cellCode', val)"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="计算公式"
|
|
|
+ width="150"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="row-indent-container">
|
|
|
+ <el-input
|
|
|
+ :value="scope.row.calculationFormula"
|
|
|
+ size="small"
|
|
|
+ readonly
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click.native="
|
|
|
+ openCalculationFormulaDialogVisible(
|
|
|
+ scope.row,
|
|
|
+ scope.$index
|
|
|
+ )
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="单位" width="80" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="row-indent-container">
|
|
|
+ <el-input
|
|
|
+ :value="scope.row.unit"
|
|
|
+ size="small"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @input="(val) => $set(scope.row, 'unit', val)"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ fixed="right"
|
|
|
+ width="200"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="table-actions">
|
|
|
+ <el-button
|
|
|
+ v-if="!scope.row.isChild"
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="
|
|
|
+ handleAddChildItem(
|
|
|
+ scope.$index,
|
|
|
+ '固定表项目',
|
|
|
+ scope.row
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 添加子项
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="
|
|
|
+ handleDeleteHeader(
|
|
|
+ scope.$index,
|
|
|
+ '固定表项目',
|
|
|
+ scope.row
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.$index !== 0"
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleMoveUp(scope.$index, '固定表')"
|
|
|
+ >
|
|
|
+ 上升
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ scope.$index !==
|
|
|
+ contentEditForm.fixedTable.fixedTables.length - 1
|
|
|
+ "
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ :disabled="viewDetail"
|
|
|
+ @click="handleMoveDown(scope.$index, '固定表')"
|
|
|
+ >
|
|
|
+ 下降
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="计算公式"
|
|
|
+ :visible.sync="calculationFormulaDialogVisible"
|
|
|
+ width="500px"
|
|
|
+ :before-close="handleDialogClose"
|
|
|
+ >
|
|
|
+ <!-- 单选按钮组：切换“当前指标项”/“其他模板指标项” -->
|
|
|
+ <el-radio-group v-model="radioType">
|
|
|
+ <el-radio label="current">当前指标项</el-radio>
|
|
|
+ <el-radio label="other">其他模板指标项</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+
|
|
|
+ <!-- 「当前指标项」内容区域 -->
|
|
|
+ <div v-if="radioType === 'current'" class="current-panel">
|
|
|
+ <el-input
|
|
|
+ v-model="formulaText"
|
|
|
+ type="textarea"
|
|
|
+ rows="4"
|
|
|
+ placeholder="请输入公式（如 C1+C2+C3）"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 「其他模板指标项」内容区域 -->
|
|
|
+ <div v-else class="other-panel">
|
|
|
+ <el-select
|
|
|
+ v-model="selectedTemplateId"
|
|
|
+ placeholder="请选择模板"
|
|
|
+ @change="handleTemplateChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in templateList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.surveyTemplateName"
|
|
|
+ :value="item.pkVal"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ <!-- 指标表格 -->
|
|
|
+ <el-table
|
|
|
+ ref="indicatorTable"
|
|
|
+ :data="indicatorTableData"
|
|
|
+ border
|
|
|
+ style="width: 100%; margin-top: 10px"
|
|
|
+ @row-click="handleRowClick"
|
|
|
+ >
|
|
|
+ <el-table-column label="选择" width="60">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-checkbox
|
|
|
+ v-model="scope.row.checked"
|
|
|
+ @change="handleCheckboxChange(scope.row)"
|
|
|
+ @click.stop
|
|
|
+ ></el-checkbox>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="code" label="指标编号"></el-table-column>
|
|
|
+ <el-table-column prop="name" label="项目名称"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-input
|
|
|
+ v-model="formulaText"
|
|
|
+ type="textarea"
|
|
|
+ rows="4"
|
|
|
+ placeholder="请输入公式（如 C1+C2+C3）"
|
|
|
+ @input="handleFormulaTextChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 弹窗底部按钮 -->
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="handleConfirm">确定</el-button>
|
|
|
+ <el-button @click="calculationFormulaDialogVisible = false">
|
|
|
+ 取消
|
|
|
+ </el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ // 导入API模块
|
|
|
+ import {
|
|
|
+ getCostFormList,
|
|
|
+ addCostForm,
|
|
|
+ editCostForm,
|
|
|
+ deleteCostForm,
|
|
|
+ getDataStorageTableOptions,
|
|
|
+ getCostFormVersionsByTemplateId,
|
|
|
+ batchSaveOrUpdate,
|
|
|
+ } from '@/api/costFormManage'
|
|
|
+ import CostAuditTable from '@/components/costAudit/CostAuditTable.vue'
|
|
|
+ import { getDictTypList } from '@/api/dictionaryManage.js'
|
|
|
+ import {
|
|
|
+ listByTemplateIdAndVersion,
|
|
|
+ getCellCodesByTemplateId,
|
|
|
+ } from '@/api/costSurveyTemplateItems'
|
|
|
+ import {
|
|
|
+ addSurveyTemplateVersion,
|
|
|
+ delSurveyTemplateVersionById,
|
|
|
+ putSurveyTemplatePublishVersion,
|
|
|
+ getCostSurveyTemplateVersionsByTemplateId,
|
|
|
+ batchDeleteCostForm,
|
|
|
+ } from '@/api/costSurveyTemplateVersion'
|
|
|
+ // import { getListFixedEnabled } from '@/api/costSurveyTemplate'
|
|
|
+ import {
|
|
|
+ // getListBySurveyTemplateId,
|
|
|
+ getListBySurveyTemplateIdAndVersion,
|
|
|
+ getBatchSaveOrUpdate,
|
|
|
+ } from '@/api/costSurveyTemplateHeaders'
|
|
|
+ import {
|
|
|
+ getlistBySurveyTemplateId,
|
|
|
+ batchDeleteCostVerifyForm,
|
|
|
+ getlistBySurveyTemplateIdcurrentversion,
|
|
|
+ batchSave,
|
|
|
+ enable,
|
|
|
+ getListFixedEnabled,
|
|
|
+ listByVerifyTemplateId,
|
|
|
+ } from '@/api/costVerifyManage'
|
|
|
+ import { commonMixin } from '@/mixins/useDict'
|
|
|
+ import { mapState } from 'vuex'
|
|
|
+ export default {
|
|
|
+ name: 'InfoMaintain',
|
|
|
+ components: {
|
|
|
+ CostAuditTable,
|
|
|
+ },
|
|
|
+ mixins: [commonMixin],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ surveyTemplateName: '',
|
|
|
+ loading: false,
|
|
|
+ searchForm: {
|
|
|
+ status: '',
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ currentRow: null,
|
|
|
+ selectedRows: [],
|
|
|
+ pagination: {
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 50,
|
|
|
+ total: 0, // 初始化为0
|
|
|
+ },
|
|
|
+ dialogVisible: false,
|
|
|
+ detailDialogVisible: false,
|
|
|
+ viewDetail: false,
|
|
|
+ contentEditDialogVisible: false,
|
|
|
+ calculationFormulaDialogVisible: false,
|
|
|
+ currentEditingRow: null,
|
|
|
+ currentEditingRowIndex: -1,
|
|
|
+ radioType: 'current',
|
|
|
+ formulaText: 'C1+C2+C3',
|
|
|
+ templateName: '',
|
|
|
+ templateList: [],
|
|
|
+ indicatorTableData: [],
|
|
|
+ selectedIndicatorCodes: [],
|
|
|
+ selectedIndicatorsPerTemplate: {},
|
|
|
+ dialogTitle: '',
|
|
|
+ dataForm: {
|
|
|
+ id: null,
|
|
|
+ version: '',
|
|
|
+ status: '',
|
|
|
+ createBy: '',
|
|
|
+ createTime: '',
|
|
|
+ remark: '',
|
|
|
+ },
|
|
|
+ detailForm: {
|
|
|
+ id: null,
|
|
|
+ version: '',
|
|
|
+ status: '',
|
|
|
+ createBy: '',
|
|
|
+ createTime: '',
|
|
|
+ remark: '',
|
|
|
+ },
|
|
|
+ contentEditForm: {
|
|
|
+ tableName: '',
|
|
|
+ templateType: '1',
|
|
|
+ versionId: '',
|
|
|
+ // 单记录列表
|
|
|
+ tableHeaders: [],
|
|
|
+ // 固定表列表
|
|
|
+ fixedTable: {
|
|
|
+ tableHeaders: [],
|
|
|
+ fixedTables: [],
|
|
|
+ fixedTablesTitle: [],
|
|
|
+ fixedTableHeaders: [],
|
|
|
+ },
|
|
|
+ // 动态表列表
|
|
|
+ dynamicTable: {
|
|
|
+ tableHeaders: [],
|
|
|
+ dynamicTables: [],
|
|
|
+ dynamicTablesTitle: [],
|
|
|
+ dynamicTableHeaders: [],
|
|
|
+ },
|
|
|
+ isDynamicTables: false,
|
|
|
+ isFixedTables: false,
|
|
|
+ },
|
|
|
+ tableKey: 0, // 用于强制刷新表格
|
|
|
+ dataFormRules: {
|
|
|
+ status: [
|
|
|
+ { required: true, message: '请选择状态', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ createBy: [
|
|
|
+ { required: true, message: '请输入创建人', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ createTime: [
|
|
|
+ { required: true, message: '请选择创建时间', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ id: '', // 从路由获取的ID
|
|
|
+ dataStorageTableOptions: [], // 数据存储库表选项
|
|
|
+ surveyTemplateId: '', // 成本调查表ID
|
|
|
+ versionId: '',
|
|
|
+ dictTypeList: [],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState('user', ['userInfo', 'username']),
|
|
|
+ formatter: (status) => {
|
|
|
+ return status === '-1' ? '草稿' : status === '0' ? '现行' : '历史'
|
|
|
+ },
|
|
|
+ tableColumns() {
|
|
|
+ return [
|
|
|
+ {
|
|
|
+ prop: 'versionNo',
|
|
|
+ label: '版本号',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'status',
|
|
|
+ label: '状态',
|
|
|
+ align: 'center',
|
|
|
+ formatter: (row) => {
|
|
|
+ return row.status == '-1'
|
|
|
+ ? '草稿'
|
|
|
+ : row.status == '0'
|
|
|
+ ? '现行'
|
|
|
+ : '历史'
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'createBy',
|
|
|
+ label: '创建人',
|
|
|
+ align: 'center',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'createTime',
|
|
|
+ label: '创建时间',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ slotName: 'createTime',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'remarks',
|
|
|
+ label: '备注',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'action',
|
|
|
+ width: '270',
|
|
|
+ label: '操作',
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'right',
|
|
|
+ slotName: 'action',
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ indicatorTableData: {
|
|
|
+ handler(newVal) {
|
|
|
+ if (this.radioType === 'other' && this.selectedTemplateId) {
|
|
|
+ this.$set(
|
|
|
+ this.selectedIndicatorsPerTemplate,
|
|
|
+ this.selectedTemplateId,
|
|
|
+ newVal.filter((item) => item.checked)
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ this.updateSelectedIndicatorCodes()
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ },
|
|
|
+
|
|
|
+ selectedIndicatorCodes: {
|
|
|
+ handler(newVal) {
|
|
|
+ if (this.radioType === 'other') {
|
|
|
+ const allSelectedTemplateIds = [
|
|
|
+ ...new Set([
|
|
|
+ this.selectedTemplateId,
|
|
|
+ ...Object.keys(this.selectedIndicatorsPerTemplate).filter(
|
|
|
+ (id) =>
|
|
|
+ id !== this.selectedTemplateId &&
|
|
|
+ this.selectedIndicatorsPerTemplate[id].some(
|
|
|
+ (item) => item.checked
|
|
|
+ )
|
|
|
+ ),
|
|
|
+ ]),
|
|
|
+ ].filter((id) => id)
|
|
|
+
|
|
|
+ const isSingleTemplate = allSelectedTemplateIds.length === 1
|
|
|
+
|
|
|
+ if (isSingleTemplate && allSelectedTemplateIds[0]) {
|
|
|
+ const selectedTemplate = this.templateList.find(
|
|
|
+ (item) => item.pkVal === allSelectedTemplateIds[0]
|
|
|
+ )
|
|
|
+ const templateNameYw = selectedTemplate
|
|
|
+ ? selectedTemplate.surveyTemplateNameYw ||
|
|
|
+ selectedTemplate.surveyTemplateName ||
|
|
|
+ ''
|
|
|
+ : ''
|
|
|
+
|
|
|
+ let selectedItems = []
|
|
|
+ if (allSelectedTemplateIds[0] === this.selectedTemplateId) {
|
|
|
+ selectedItems = newVal
|
|
|
+ } else {
|
|
|
+ selectedItems = this.selectedIndicatorsPerTemplate[
|
|
|
+ allSelectedTemplateIds[0]
|
|
|
+ ]
|
|
|
+ .filter((item) => item.checked)
|
|
|
+ .map(
|
|
|
+ (item) => `${templateNameYw}.${item.code || item.cellCode}`
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ if (selectedItems.length > 0) {
|
|
|
+ this.formulaText = selectedItems.join('+')
|
|
|
+ this.isAutoGeneratedFormula = true
|
|
|
+ } else if (this.isAutoGeneratedFormula) {
|
|
|
+ this.formulaText = ''
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let allSelectedCodes = []
|
|
|
+
|
|
|
+ if (newVal.length > 0 && this.selectedTemplateId) {
|
|
|
+ allSelectedCodes = [...newVal]
|
|
|
+ }
|
|
|
+
|
|
|
+ Object.keys(this.selectedIndicatorsPerTemplate).forEach(
|
|
|
+ (templateId) => {
|
|
|
+ if (templateId !== this.selectedTemplateId) {
|
|
|
+ const items = this.selectedIndicatorsPerTemplate[templateId]
|
|
|
+ const selectedTemplate = this.templateList.find(
|
|
|
+ (item) => item.pkVal === templateId
|
|
|
+ )
|
|
|
+ const templateName = selectedTemplate
|
|
|
+ ? selectedTemplate.surveyTemplateNameYw ||
|
|
|
+ selectedTemplate.surveyTemplateName ||
|
|
|
+ ''
|
|
|
+ : ''
|
|
|
+
|
|
|
+ items
|
|
|
+ .filter((item) => item.checked)
|
|
|
+ .forEach((item) => {
|
|
|
+ allSelectedCodes.push(
|
|
|
+ `${templateName}.${item.code || item.cellCode}`
|
|
|
+ )
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ if (allSelectedCodes.length > 0) {
|
|
|
+ this.formulaText = allSelectedCodes.join('+')
|
|
|
+ this.isAutoGeneratedFormula = true
|
|
|
+ } else if (this.isAutoGeneratedFormula) {
|
|
|
+ this.formulaText = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (newVal.length > 0 && this.radioType === 'current') {
|
|
|
+ if (
|
|
|
+ !this.formulaText ||
|
|
|
+ this.formulaText === 'C1+C2+C3' ||
|
|
|
+ this.isAutoGeneratedFormula
|
|
|
+ ) {
|
|
|
+ this.formulaText = newVal.join('+')
|
|
|
+ this.isAutoGeneratedFormula = true
|
|
|
+ }
|
|
|
+ } else if (newVal.length === 0 && this.radioType === 'current') {
|
|
|
+ if (this.isAutoGeneratedFormula) {
|
|
|
+ this.formulaText = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // this.loadDictTypeList()
|
|
|
+ this.isAutoGeneratedFormula = false
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async loadDictTypeList() {
|
|
|
+ try {
|
|
|
+ const res = await getDictTypList()
|
|
|
+ this.dictTypeList = res || []
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error('加载字典类型失败')
|
|
|
+ console.error('加载字典类型失败:', error)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getTemplateRow(row) {
|
|
|
+ this.currentRow = row
|
|
|
+ this.surveyTemplateId = row.surveyTemplateId
|
|
|
+ this.templateType = row.templateType
|
|
|
+ this.contentEditForm.tableName = row.storageTable
|
|
|
+ this.surveyTemplateName = row.surveyTemplateName
|
|
|
+ this.contentEditForm.templateType = row.templateType
|
|
|
+ this.handleSearch(row)
|
|
|
+ this.loadDictTypeList()
|
|
|
+ },
|
|
|
+ handleBack() {
|
|
|
+ this.$emit('back', 'list')
|
|
|
+ },
|
|
|
+ // 查询
|
|
|
+ handleSearch(row) {
|
|
|
+ // todo: 获取所有版本数据
|
|
|
+ this.tableData.push(row)
|
|
|
+ this.pagination.total = 1
|
|
|
+ return
|
|
|
+ this.loading = true
|
|
|
+ const params = {
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ status: this.searchForm.status,
|
|
|
+ // pageNum: this.pagination.currentPage,
|
|
|
+ // pageSize: this.pagination.pageSize,
|
|
|
+ }
|
|
|
+
|
|
|
+ // 根据成本调查表ID获取所有版本数据
|
|
|
+ getCostSurveyTemplateVersionsByTemplateId(params)
|
|
|
+ .then((response) => {
|
|
|
+ this.tableData = response.value || []
|
|
|
+ this.pagination.total = response.total || 0
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('查询失败:', error)
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 重置
|
|
|
+ handleReset() {
|
|
|
+ this.searchForm = {
|
|
|
+ status: '',
|
|
|
+ }
|
|
|
+ this.pagination.currentPage = 1
|
|
|
+ this.handleSearch()
|
|
|
+ },
|
|
|
+ handleRowClick(row, column, event) {
|
|
|
+ if (column && column.property !== 'checked') {
|
|
|
+ this.toggleRowSelection(row)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toggleRowSelection(row) {
|
|
|
+ // 切换选中状态
|
|
|
+ this.$set(row, 'checked', !row.checked)
|
|
|
+
|
|
|
+ // 格式化代码并存储在行数据中
|
|
|
+ if (row.checked) {
|
|
|
+ this.formatRowCode(row)
|
|
|
+ }
|
|
|
+
|
|
|
+ // 触发选中状态更新
|
|
|
+ this.$forceUpdate()
|
|
|
+ },
|
|
|
+ handleCheckboxChange(row) {
|
|
|
+ this.$set(row, 'checked', !row.checked)
|
|
|
+
|
|
|
+ if (row.checked) {
|
|
|
+ this.formatRowCode(row)
|
|
|
+ }
|
|
|
+
|
|
|
+ this.updateSelectedIndicatorCodes()
|
|
|
+
|
|
|
+ this.$forceUpdate()
|
|
|
+ },
|
|
|
+ updateSelectedIndicatorCodes() {
|
|
|
+ // 获取当前选中的行
|
|
|
+ const selectedRows = this.indicatorTableData.filter(
|
|
|
+ (item) => item.checked
|
|
|
+ )
|
|
|
+
|
|
|
+ // 更新选中的指标代码列表
|
|
|
+ this.selectedIndicatorCodes = selectedRows.map((item) => {
|
|
|
+ // 获取选中的模板信息
|
|
|
+ const selectedTemplate = this.templateList.find(
|
|
|
+ (template) => template.pkVal === this.selectedTemplateId
|
|
|
+ )
|
|
|
+
|
|
|
+ // 获取模板的 surveyTemplateNameYw
|
|
|
+ const templateName = selectedTemplate
|
|
|
+ ? selectedTemplate.surveyTemplateNameYw ||
|
|
|
+ selectedTemplate.surveyTemplateName ||
|
|
|
+ ''
|
|
|
+ : ''
|
|
|
+
|
|
|
+ return templateName
|
|
|
+ ? `${templateName}.${item.code || item.cellCode || ''}`
|
|
|
+ : item.code || item.cellCode || ''
|
|
|
+ })
|
|
|
+ },
|
|
|
+ formatRowCode(row) {
|
|
|
+ const selectedTemplate = this.templateList.find(
|
|
|
+ (item) => item.pkVal === this.selectedTemplateId
|
|
|
+ )
|
|
|
+
|
|
|
+ const surveyTemplateNameYw = selectedTemplate
|
|
|
+ ? selectedTemplate.surveyTemplateNameYw ||
|
|
|
+ selectedTemplate.surveyTemplateName ||
|
|
|
+ ''
|
|
|
+ : ''
|
|
|
+
|
|
|
+ const formattedCode = surveyTemplateNameYw
|
|
|
+ ? `${surveyTemplateNameYw}.${row.code || row.cellCode || ''}`
|
|
|
+ : row.code || row.cellCode || ''
|
|
|
+
|
|
|
+ this.$set(row, 'formattedCode', formattedCode)
|
|
|
+
|
|
|
+ const templateCode = surveyTemplateNameYw
|
|
|
+ ? `${surveyTemplateNameYw}_${row.code || row.cellCode || ''}`
|
|
|
+ : row.code || row.cellCode || ''
|
|
|
+
|
|
|
+ this.$set(
|
|
|
+ row,
|
|
|
+ 'jsonStr',
|
|
|
+ JSON.stringify([
|
|
|
+ {
|
|
|
+ [templateCode]: this.selectedTemplateId,
|
|
|
+ },
|
|
|
+ ])
|
|
|
+ )
|
|
|
+ },
|
|
|
+ openCalculationFormulaDialogVisible(row, index) {
|
|
|
+ this.currentEditingRow = row
|
|
|
+ this.currentEditingRowIndex = index
|
|
|
+ this.calculationFormulaDialogVisible = true
|
|
|
+ this.formulaText = row.calculationFormula || ''
|
|
|
+ this.selectedTemplateId = '' // 重置选中的模板
|
|
|
+ this.indicatorTableData = [] // 清空指标数据
|
|
|
+ this.getListFixedEnabled()
|
|
|
+ },
|
|
|
+
|
|
|
+ getListFixedEnabled() {
|
|
|
+ getListFixedEnabled().then((res) => {
|
|
|
+ this.templateList = res.value
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 处理模板选择变化
|
|
|
+ handleTemplateChange(templateId) {
|
|
|
+ if (templateId) {
|
|
|
+ // 根据选中的模板ID查找对应的surveyTemplateId
|
|
|
+ const selectedTemplate = this.templateList.find(
|
|
|
+ (item) => item.pkVal === templateId
|
|
|
+ )
|
|
|
+
|
|
|
+ if (selectedTemplate && selectedTemplate.surveyTemplateId) {
|
|
|
+ this.getCellCodesByTemplateId(selectedTemplate.surveyTemplateId)
|
|
|
+ } else {
|
|
|
+ this.indicatorTableData = []
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.indicatorTableData = []
|
|
|
+ }
|
|
|
+
|
|
|
+ // 恢复该模板之前选中的指标项
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.selectedIndicatorsPerTemplate[templateId]) {
|
|
|
+ this.indicatorTableData.forEach((item) => {
|
|
|
+ const isSelected = this.selectedIndicatorsPerTemplate[
|
|
|
+ templateId
|
|
|
+ ].some((selectedItem) => selectedItem.code === item.code)
|
|
|
+ this.$set(item, 'checked', isSelected)
|
|
|
+
|
|
|
+ if (isSelected) {
|
|
|
+ this.formatRowCode(item)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 更新选中的指标代码列表
|
|
|
+ this.updateSelectedIndicatorCodes()
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ handleDialogClose(done) {
|
|
|
+ this.selectedIndicatorsPerTemplate = {}
|
|
|
+ done()
|
|
|
+ },
|
|
|
+ handleConfirm() {
|
|
|
+ const result = {
|
|
|
+ type: this.radioType,
|
|
|
+ formula: this.formulaText,
|
|
|
+ selectedTemplate: this.selectedTemplateId,
|
|
|
+ selectedItems: this.indicatorTableData.filter((item) => item.checked),
|
|
|
+ }
|
|
|
+
|
|
|
+ // 生成 jsonstr 字段
|
|
|
+ const jsonStrArray = this.indicatorTableData
|
|
|
+ .filter((item) => item.checked)
|
|
|
+ .map((item) => {
|
|
|
+ if (item.jsonStr) {
|
|
|
+ try {
|
|
|
+ return JSON.parse(item.jsonStr)[0]
|
|
|
+ } catch (e) {
|
|
|
+ console.error('解析 jsonStr 失败:', e)
|
|
|
+ return {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {}
|
|
|
+ })
|
|
|
+ .filter((item) => Object.keys(item).length > 0)
|
|
|
+
|
|
|
+ const jsonstr = JSON.stringify(jsonStrArray)
|
|
|
+
|
|
|
+ // 更新当前编辑行的计算公式值
|
|
|
+ if (this.currentEditingRow) {
|
|
|
+ this.$set(
|
|
|
+ this.currentEditingRow,
|
|
|
+ 'calculationFormula',
|
|
|
+ this.formulaText
|
|
|
+ )
|
|
|
+
|
|
|
+ this.$set(this.currentEditingRow, 'jsonstr', jsonstr)
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log('点击了确定，获取到的数据：', {
|
|
|
+ ...result,
|
|
|
+ jsonstr: jsonstr,
|
|
|
+ })
|
|
|
+
|
|
|
+ // 清空当前操作的状态
|
|
|
+ this.calculationFormulaDialogVisible = false
|
|
|
+ this.currentEditingRow = null
|
|
|
+ this.currentEditingRowIndex = -1
|
|
|
+ this.isAutoGeneratedFormula = false
|
|
|
+ this.selectedTemplateId = ''
|
|
|
+ this.indicatorTableData = []
|
|
|
+ this.selectedIndicatorsPerTemplate = {} // 清空模板选中记录
|
|
|
+ },
|
|
|
+ // 获取单元格代码
|
|
|
+ getCellCodesByTemplateId(surveyTemplateId) {
|
|
|
+ getCellCodesByTemplateId(surveyTemplateId)
|
|
|
+ .then((res) => {
|
|
|
+ // 将返回的数据转换为表格需要的格式
|
|
|
+ if (res.value && Array.isArray(res.value)) {
|
|
|
+ this.indicatorTableData = res.value.map((item) => ({
|
|
|
+ ...item,
|
|
|
+ checked: false,
|
|
|
+ code: item.cellCode || '',
|
|
|
+ name: item.rvalue || '',
|
|
|
+ formattedCode: '', // 添加格式化代码字段
|
|
|
+ }))
|
|
|
+ } else {
|
|
|
+ this.indicatorTableData = []
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('获取指标数据失败:', error)
|
|
|
+ this.$message.error('获取指标数据失败')
|
|
|
+ this.indicatorTableData = []
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleFormulaTextChange(value) {
|
|
|
+ // 当用户手动修改公式文本时，标记为非自动生成
|
|
|
+ this.isAutoGeneratedFormula = false
|
|
|
+ },
|
|
|
+
|
|
|
+ handleAdd() {
|
|
|
+ this.dialogTitle = '添加'
|
|
|
+ // 获取当前时间
|
|
|
+ const now = new Date()
|
|
|
+ // 格式化时间为YYYY-MM-DD HH:mm:ss
|
|
|
+ const formattedDate = `${now.getFullYear()}-${String(
|
|
|
+ now.getMonth() + 1
|
|
|
+ ).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(
|
|
|
+ now.getHours()
|
|
|
+ ).padStart(2, '0')}:${String(now.getMinutes()).padStart(
|
|
|
+ 2,
|
|
|
+ '0'
|
|
|
+ )}:${String(now.getSeconds()).padStart(2, '0')}`
|
|
|
+
|
|
|
+ this.dataForm = {
|
|
|
+ id: null,
|
|
|
+ version: '',
|
|
|
+ status: '',
|
|
|
+ createBy: this.username,
|
|
|
+ createTime: formattedDate,
|
|
|
+ remarks: '',
|
|
|
+ }
|
|
|
+ this.dialogVisible = true
|
|
|
+ },
|
|
|
+
|
|
|
+ // 修改
|
|
|
+ handleEdit(row) {
|
|
|
+ this.dialogTitle = '修改'
|
|
|
+ this.dataForm = { ...row }
|
|
|
+ this.dialogVisible = true
|
|
|
+ },
|
|
|
+
|
|
|
+ //状态格式化
|
|
|
+ forStatus(status) {
|
|
|
+ return status === '-1' ? '草稿' : status === '0' ? '现行' : '历史'
|
|
|
+ },
|
|
|
+
|
|
|
+ // 查看详情
|
|
|
+ handleViewDetail(row) {
|
|
|
+ this.viewDetail = true
|
|
|
+ this.detailForm = { ...row }
|
|
|
+ // this.detailDialogVisible = true
|
|
|
+ this.handleEditContent(row)
|
|
|
+ },
|
|
|
+ // 添加子项方法
|
|
|
+ handleAddChildItem(index, type, parentRow) {
|
|
|
+ if (!parentRow.rowid) {
|
|
|
+ this.$set(parentRow, 'rowid', this.generateUUID())
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (type) {
|
|
|
+ case '固定表项目':
|
|
|
+ let childOrderNum =
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.length + 1
|
|
|
+
|
|
|
+ const fixedNewRow = {
|
|
|
+ orderText: childOrderNum,
|
|
|
+ orderNum: childOrderNum,
|
|
|
+ cellCode: '',
|
|
|
+ calculationFormula: '',
|
|
|
+ unit: '',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ fixedValues: { ...parentRow.fixedValues },
|
|
|
+ parentid: parentRow.rowid,
|
|
|
+ isChild: true,
|
|
|
+ isSubItem: true,
|
|
|
+ rowid: this.generateUUID(),
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle.forEach(
|
|
|
+ (title) => {
|
|
|
+ if (!(title.rkey in fixedNewRow.fixedValues)) {
|
|
|
+ fixedNewRow.fixedValues[title.rkey] = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(
|
|
|
+ index + 1,
|
|
|
+ 0,
|
|
|
+ fixedNewRow
|
|
|
+ )
|
|
|
+ break
|
|
|
+
|
|
|
+ case '动态表项目':
|
|
|
+ let dynamicChildOrderNum =
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.length + 1
|
|
|
+
|
|
|
+ const dynamicNewRow = {
|
|
|
+ orderText: dynamicChildOrderNum,
|
|
|
+ orderNum: dynamicChildOrderNum,
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ dynamicValues: { ...parentRow.dynamicValues },
|
|
|
+ parentid: parentRow.rowid,
|
|
|
+ isChild: true,
|
|
|
+ isSubItem: true,
|
|
|
+ rowid: Date.now() + Math.random() + 1,
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTablesTitle.forEach(
|
|
|
+ (title) => {
|
|
|
+ if (!(title.rkey in dynamicNewRow.dynamicValues)) {
|
|
|
+ dynamicNewRow.dynamicValues[title.rkey] = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(
|
|
|
+ index + 1,
|
|
|
+ 0,
|
|
|
+ dynamicNewRow
|
|
|
+ )
|
|
|
+ break
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const tableBody = document.querySelector('.el-table__body-wrapper')
|
|
|
+ if (tableBody) {
|
|
|
+ tableBody.scrollTop = tableBody.scrollHeight
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ handleFormStyleChange() {},
|
|
|
+
|
|
|
+ getListBySurveyTemplateIdAndVersion(surveyTemplateId, versionId) {
|
|
|
+ return getListBySurveyTemplateIdAndVersion({
|
|
|
+ surveyTemplateId: surveyTemplateId,
|
|
|
+ versionId: versionId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ // 确保表头数据包含所有必要的字段，包括 id
|
|
|
+ this.contentEditForm.tableHeaders =
|
|
|
+ res.value.map((item) => ({
|
|
|
+ ...item,
|
|
|
+ fieldKey: item.fieldEname
|
|
|
+ ? item.fieldEname.toLowerCase()
|
|
|
+ : `field_${Date.now()}_${Math.random()
|
|
|
+ .toString(36)
|
|
|
+ .substr(2, 9)}`,
|
|
|
+ })) || []
|
|
|
+
|
|
|
+ // 检查并添加序号字段（固定表和动态表需要）
|
|
|
+ if (['2', '3'].includes(this.contentEditForm.templateType)) {
|
|
|
+ const hasSerialNumber = this.contentEditForm.tableHeaders.some(
|
|
|
+ (item) => item.fieldName === '序号'
|
|
|
+ )
|
|
|
+ if (!hasSerialNumber) {
|
|
|
+ this.contentEditForm.tableHeaders.unshift({
|
|
|
+ fieldName: '序号',
|
|
|
+ fieldType: 'string',
|
|
|
+ format: '255',
|
|
|
+ fieldTypelen: '',
|
|
|
+ fieldTypenointlen: '',
|
|
|
+ isRequired: 'false',
|
|
|
+ showVisible: '1',
|
|
|
+ isAuditPeriod: 'false',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ isDisabled: true,
|
|
|
+ orderNum: 1,
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // 如果已存在序号字段，确保其不可编辑
|
|
|
+ const serialNumberIndex =
|
|
|
+ this.contentEditForm.tableHeaders.findIndex(
|
|
|
+ (item) => item.fieldName === '序号'
|
|
|
+ )
|
|
|
+ if (serialNumberIndex !== -1) {
|
|
|
+ this.contentEditForm.tableHeaders[
|
|
|
+ serialNumberIndex
|
|
|
+ ].isDisabled = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.tableHeaders =
|
|
|
+ this.contentEditForm.tableHeaders
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders =
|
|
|
+ this.contentEditForm.tableHeaders
|
|
|
+
|
|
|
+ // 同时获取表头标题信息
|
|
|
+ listByTemplateIdAndVersion(surveyTemplateId, versionId)
|
|
|
+ .then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ if (this.contentEditForm.templateType === '2') {
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle =
|
|
|
+ this.stringToObjects(response.value.fixedFields || '')
|
|
|
+ } else if (this.contentEditForm.templateType === '3') {
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTablesTitle =
|
|
|
+ this.stringToObjects(response.value.fixedFields || '')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return response
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('获取表头标题信息失败:', error)
|
|
|
+ throw error
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('查询失败:', error)
|
|
|
+ this.loading = false
|
|
|
+ throw error
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initFixedTableRow(row) {
|
|
|
+ if (row.cellCode === undefined) {
|
|
|
+ this.$set(row, 'cellCode', '')
|
|
|
+ }
|
|
|
+ if (row.calculationFormula === undefined) {
|
|
|
+ this.$set(row, 'calculationFormula', '')
|
|
|
+ }
|
|
|
+ if (row.unit === undefined) {
|
|
|
+ this.$set(row, 'unit', '')
|
|
|
+ }
|
|
|
+ if (!row.fixedValues) {
|
|
|
+ this.$set(row, 'fixedValues', {})
|
|
|
+ }
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle.forEach(
|
|
|
+ (title, index) => {
|
|
|
+ if (!(title.rkey in row.fixedValues)) {
|
|
|
+ this.$set(row.fixedValues, title.rkey, '')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+ this.contentEditForm.fixedTable.fixedTableHeaders =
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle.filter(
|
|
|
+ (title) => title.rkey !== '序号'
|
|
|
+ )
|
|
|
+
|
|
|
+ return row
|
|
|
+ },
|
|
|
+ initDynamicTableRow(row) {
|
|
|
+ // 为当前行创建一个与 dynamicTablesTitle 对应的值对象
|
|
|
+ if (!row.dynamicValues) {
|
|
|
+ this.$set(row, 'dynamicValues', {})
|
|
|
+ }
|
|
|
+
|
|
|
+ // 确保每个动态列在当前行都有对应的值
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTablesTitle.forEach(
|
|
|
+ (title) => {
|
|
|
+ if (!(title.rkey in row.dynamicValues)) {
|
|
|
+ this.$set(row.dynamicValues, title.rkey, '')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ return row
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 处理固定表项目字段值变化
|
|
|
+ */
|
|
|
+ handleFixedValueChange(row, rkey, value) {
|
|
|
+ if (!row.fixedValues) {
|
|
|
+ this.$set(row, 'fixedValues', {})
|
|
|
+ }
|
|
|
+ this.$set(row.fixedValues, rkey, value)
|
|
|
+ },
|
|
|
+ // 获取或设置序号字段
|
|
|
+ getOrSetOrder(row, value) {
|
|
|
+ // 如果提供了value参数，则设置值
|
|
|
+ if (value !== undefined) {
|
|
|
+ // 使用this.$set确保响应式更新
|
|
|
+ if (row['序号'] === undefined) {
|
|
|
+ this.$set(row, '序号', value)
|
|
|
+ } else {
|
|
|
+ row['序号'] = value
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 如果没有提供value参数，则获取值
|
|
|
+ return row['序号'] !== undefined && row['序号'] !== null
|
|
|
+ ? row['序号']
|
|
|
+ : row.orderNum || ''
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 处理动态表项目字段值变化
|
|
|
+ */
|
|
|
+ handleDynamicValueChange(row, rkey, value) {
|
|
|
+ if (!row.dynamicValues) {
|
|
|
+ this.$set(row, 'dynamicValues', {})
|
|
|
+ }
|
|
|
+ this.$set(row.dynamicValues, rkey, value)
|
|
|
+ },
|
|
|
+ handleEditContent(row) {
|
|
|
+ this.contentEditForm = {
|
|
|
+ ...row,
|
|
|
+ // 固定表列表
|
|
|
+ fixedTable: {
|
|
|
+ tableHeaders: [],
|
|
|
+ fixedTables: [],
|
|
|
+ fixedTablesTitle: [],
|
|
|
+ },
|
|
|
+ }
|
|
|
+ if (row.createmode == '1') {
|
|
|
+ this.contentEditForm.createtemplateid = row.createtemplateid || ''
|
|
|
+ this.contentEditForm.createtemplateid1 = ''
|
|
|
+ } else if (row.createmode == '2') {
|
|
|
+ this.contentEditForm.createtemplateid1 = row.createtemplateid || ''
|
|
|
+ this.contentEditForm.createtemplateid = ''
|
|
|
+ }
|
|
|
+ // 成本核定表模板列表
|
|
|
+ // this.getActiveCostVerifyFormList()
|
|
|
+ // 成本调查表模板列表
|
|
|
+ // this.getActiveCostVerifyFormListByType()
|
|
|
+ this.loadTemplateDataForEdit(this.contentEditForm.surveyTemplateId)
|
|
|
+ this.contentEditDialogVisible = true
|
|
|
+ },
|
|
|
+ async loadTemplateDataForEdit(surveyTemplateId) {
|
|
|
+ // 并行获取表头和表格数据
|
|
|
+ const [tableHeadersRes, tableDataRes] = await Promise.all([
|
|
|
+ getlistBySurveyTemplateId({
|
|
|
+ surveyTemplateId,
|
|
|
+ }),
|
|
|
+ getCostFormVersionsByTemplateId({
|
|
|
+ surveyTemplateId,
|
|
|
+ }),
|
|
|
+ ])
|
|
|
+ // 处理表头数据
|
|
|
+ if (tableHeadersRes.code == 200) {
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders = Array.isArray(
|
|
|
+ tableHeadersRes.value
|
|
|
+ )
|
|
|
+ ? tableHeadersRes.value
|
|
|
+ : []
|
|
|
+
|
|
|
+ // 检查是否有fieldName为"序号"的数据
|
|
|
+ const hasSerialNumber =
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders.some(
|
|
|
+ (header) => header.fieldName === '序号'
|
|
|
+ )
|
|
|
+
|
|
|
+ // 如果没有序号数据，则添加一条默认的序号数据，并标记为不可编辑
|
|
|
+ if (!hasSerialNumber) {
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders.unshift({
|
|
|
+ fieldName: '序号',
|
|
|
+ fieldType: 'string',
|
|
|
+ format: '30',
|
|
|
+ fieldTypelen: '',
|
|
|
+ fieldTypenointlen: '',
|
|
|
+ isRequired: 'false',
|
|
|
+ showVisible: '1',
|
|
|
+ isAuditPeriod: 'false',
|
|
|
+ tabtype: '2',
|
|
|
+ surveyTemplateId: this.contentEditForm.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ isFixed: '1',
|
|
|
+ isDisabled: true, // 标记为不可编辑
|
|
|
+ orderNum: 1,
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders.forEach((item) => {
|
|
|
+ if (item.fieldName === '序号') {
|
|
|
+ item.isDisabled = true // 确保序号字段不可编辑
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 处理表格数据
|
|
|
+ if (tableDataRes.code == 200) {
|
|
|
+ this.parseAndDisplayFixedTableData(tableDataRes)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 内容维护
|
|
|
+ handleEditContent1(row) {
|
|
|
+ this.versionId = row.id
|
|
|
+
|
|
|
+ // 显示加载状态
|
|
|
+ this.loading = true
|
|
|
+
|
|
|
+ // 获取所有需要的数据
|
|
|
+ this.getListBySurveyTemplateIdAndVersion(row.surveyTemplateId, row.id)
|
|
|
+ .then(() => {
|
|
|
+ // 获取项目数据用于回显
|
|
|
+ return listByTemplateIdAndVersion(row.surveyTemplateId, row.id)
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ // 根据模板类型解析并显示数据
|
|
|
+ if (this.contentEditForm.templateType === '2') {
|
|
|
+ // 解析并显示固定表项目数据
|
|
|
+ setTimeout(() => {
|
|
|
+ this.parseAndDisplayFixedTableData(res)
|
|
|
+ }, 1000)
|
|
|
+ } else if (this.contentEditForm.templateType === '3') {
|
|
|
+ // 解析并显示动态表项目数据
|
|
|
+ setTimeout(() => {
|
|
|
+ this.parseAndDisplayDynamicTableData(res)
|
|
|
+ }, 1000)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.loading = false
|
|
|
+ this.contentEditDialogVisible = true
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('获取数据失败:', error)
|
|
|
+ this.$message.error('获取数据失败')
|
|
|
+ this.contentEditDialogVisible = true
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleGenerateTemplate() {
|
|
|
+ // todo:
|
|
|
+ this.$message.warning('功能开发中')
|
|
|
+ return
|
|
|
+ this.$confirm(
|
|
|
+ `生成成本核定表后将无法根据调查表生成还是根据历史核定模板生成，确定要生成模版吗？`,
|
|
|
+ '删除确认',
|
|
|
+ {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ }
|
|
|
+ ).then(() => {
|
|
|
+ if (this.contentEditForm.createmode == '1') {
|
|
|
+ this.generateFromSurveyTemplate()
|
|
|
+ } else if (this.contentEditForm.createmode == '2') {
|
|
|
+ this.generateFromHistoryTemplate()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 字段类型变化处理
|
|
|
+ handleFieldTypeChange(row) {
|
|
|
+ // 重置格式相关字段
|
|
|
+ row.format = ''
|
|
|
+ row.integerDigits = ''
|
|
|
+ row.decimalDigits = ''
|
|
|
+ },
|
|
|
+
|
|
|
+ // 添加表头
|
|
|
+ handleAddTableHeader(type) {
|
|
|
+ switch (type) {
|
|
|
+ case '单记录':
|
|
|
+ this.contentEditForm.tableHeaders.push({
|
|
|
+ fieldName: '',
|
|
|
+ fieldType: 'string',
|
|
|
+ format: '255',
|
|
|
+ fieldTypelen: '',
|
|
|
+ fieldTypenointlen: '',
|
|
|
+ isRequired: 'false',
|
|
|
+ showVisible: '1',
|
|
|
+ isDict: 'false',
|
|
|
+ dictid: '',
|
|
|
+ dictValue: '',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case '固定表表头':
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders.push({
|
|
|
+ fieldName: '',
|
|
|
+ fieldType: 'string',
|
|
|
+ format: '255',
|
|
|
+ fieldTypelen: '',
|
|
|
+ fieldTypenointlen: '',
|
|
|
+ isRequired: 'false',
|
|
|
+ showVisible: '1',
|
|
|
+ isAuditPeriod: 'false',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ })
|
|
|
+ break
|
|
|
+
|
|
|
+ case '固定表项目':
|
|
|
+ let maxFixedOrderNum = 0
|
|
|
+ if (this.contentEditForm.fixedTable.fixedTables.length > 0) {
|
|
|
+ maxFixedOrderNum = Math.max(
|
|
|
+ ...this.contentEditForm.fixedTable.fixedTables.map(
|
|
|
+ (item) => item.orderNum || 0
|
|
|
+ )
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ const newRow = {
|
|
|
+ orderText: maxFixedOrderNum + 1,
|
|
|
+ orderNum: maxFixedOrderNum + 1,
|
|
|
+ cellCode: '',
|
|
|
+ calculationFormula: '',
|
|
|
+ unit: '',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ fixedValues: {},
|
|
|
+ parentid: -1,
|
|
|
+ rowid: this.generateUUID(),
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle.forEach(
|
|
|
+ (title) => {
|
|
|
+ newRow.fixedValues[title.rkey] = ''
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.push(newRow)
|
|
|
+
|
|
|
+ break
|
|
|
+
|
|
|
+ case '动态表表头':
|
|
|
+ this.contentEditForm.dynamicTable.tableHeaders.push({
|
|
|
+ fieldName: '',
|
|
|
+ fieldType: 'string',
|
|
|
+ format: '255',
|
|
|
+ fieldTypelen: '',
|
|
|
+ fieldTypenointlen: '',
|
|
|
+ isRequired: 'false',
|
|
|
+ showVisible: '1',
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case '动态表项目':
|
|
|
+ let maxDynamicOrderNum = 0
|
|
|
+ if (this.contentEditForm.dynamicTable.dynamicTables.length > 0) {
|
|
|
+ maxDynamicOrderNum = Math.max(
|
|
|
+ ...this.contentEditForm.dynamicTable.dynamicTables.map(
|
|
|
+ (item) => item.orderNum || 0
|
|
|
+ )
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ const dynamicRow = {
|
|
|
+ orderText: maxDynamicOrderNum + 1,
|
|
|
+ orderNum: maxDynamicOrderNum + 1,
|
|
|
+ tabtype: this.templateType,
|
|
|
+ surveyTemplateId: this.surveyTemplateId,
|
|
|
+ versionId: this.versionId,
|
|
|
+ dynamicValues: {},
|
|
|
+ parentid: -1,
|
|
|
+ rowid: this.generateUUID(),
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTablesTitle.forEach(
|
|
|
+ (title) => {
|
|
|
+ dynamicRow.dynamicValues[title.rkey] = ''
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.push(dynamicRow)
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const tableBody = document.querySelector('.el-table__body-wrapper')
|
|
|
+ if (tableBody) {
|
|
|
+ tableBody.scrollTop = tableBody.scrollHeight
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 删除表头
|
|
|
+ handleDeleteHeader(index, type, row) {
|
|
|
+ // todo: 删除表头逻辑
|
|
|
+ this.$message.warning('功能开发中')
|
|
|
+ return
|
|
|
+ // 提取重复的删除逻辑为内部函数
|
|
|
+ const handleDelete = () => {
|
|
|
+ const data = {
|
|
|
+ deleteheadersList: [row],
|
|
|
+ }
|
|
|
+ getBatchSaveOrUpdate(data)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success('删除成功')
|
|
|
+ } else {
|
|
|
+ this.$message.error(`删除失败：${res.message || '未知错误'}`)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('删除接口异常:', error)
|
|
|
+ this.$message.error('删除接口异常，请重试')
|
|
|
+ })
|
|
|
+ .finally(() => {})
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (type) {
|
|
|
+ case '固定表表头':
|
|
|
+ if (this.contentEditForm.fixedTable.tableHeaders.length <= 1) {
|
|
|
+ this.$message.warning('至少保留一个表头')
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders.splice(index, 1)
|
|
|
+ handleDelete()
|
|
|
+ break
|
|
|
+
|
|
|
+ case '固定表项目':
|
|
|
+ if (this.contentEditForm.fixedTable.fixedTables.length <= 1) {
|
|
|
+ this.$message.warning('至少保留一个项目')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(index, 1)
|
|
|
+ handleDelete() // 执行删除逻辑
|
|
|
+ break
|
|
|
+ case '动态表表头':
|
|
|
+ if (this.contentEditForm.dynamicTable.tableHeaders.length <= 1) {
|
|
|
+ this.$message.warning('至少保留一个表头')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.contentEditForm.dynamicTable.tableHeaders.splice(index, 1)
|
|
|
+ handleDelete() // 执行删除逻辑
|
|
|
+ break
|
|
|
+ case '动态表项目':
|
|
|
+ if (this.contentEditForm.dynamicTable.dynamicTables.length <= 1) {
|
|
|
+ this.$message.warning('至少保留一个项目')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(index, 1)
|
|
|
+ handleDelete() // 执行删除逻辑
|
|
|
+ break
|
|
|
+ case '单记录':
|
|
|
+ if (this.contentEditForm.tableHeaders.length <= 1) {
|
|
|
+ this.$message.warning('至少保留一个表头')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.contentEditForm.tableHeaders.splice(index, 1)
|
|
|
+ handleDelete() // 执行删除逻辑
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 上升
|
|
|
+ handleMoveUp(index, tableType) {
|
|
|
+ if (tableType === '固定表') {
|
|
|
+ if (index > 0) {
|
|
|
+ const temp = this.contentEditForm.fixedTable.fixedTables[index]
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(index, 1)
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(
|
|
|
+ index - 1,
|
|
|
+ 0,
|
|
|
+ temp
|
|
|
+ )
|
|
|
+ }
|
|
|
+ } else if (tableType === '动态表') {
|
|
|
+ if (index > 0) {
|
|
|
+ const temp = this.contentEditForm.dynamicTable.dynamicTables[index]
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(index, 1)
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(
|
|
|
+ index - 1,
|
|
|
+ 0,
|
|
|
+ temp
|
|
|
+ )
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (index > 0) {
|
|
|
+ const temp = this.contentEditForm.tableHeaders[index]
|
|
|
+ this.contentEditForm.tableHeaders.splice(index, 1)
|
|
|
+ this.contentEditForm.tableHeaders.splice(index - 1, 0, temp)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 启动/停用状态
|
|
|
+ handleStatus(row) {
|
|
|
+ // todo: 待开发
|
|
|
+ this.$message.warning('功能开发中')
|
|
|
+ return
|
|
|
+
|
|
|
+ const action = row.status === '启用' ? '停用' : '启用'
|
|
|
+ if (row.status === '0') {
|
|
|
+ this.$confirm(`确认要停用该数据吗?`, '操作确认', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ row.status = '-1'
|
|
|
+ putSurveyTemplatePublishVersion(row).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success(`停用成功`)
|
|
|
+ this.handleSearch()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消操作',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else if (row.status === '-1') {
|
|
|
+ this.$confirm(`确认要启用该数据吗?`, '操作确认', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ row.status = '0'
|
|
|
+ putSurveyTemplatePublishVersion(row).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success(`停用成功`)
|
|
|
+ this.handleSearch()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消操作',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 下降
|
|
|
+ handleMoveDown(index, tableType) {
|
|
|
+ if (tableType === '固定表') {
|
|
|
+ if (index < this.contentEditForm.fixedTable.fixedTables.length - 1) {
|
|
|
+ const temp = this.contentEditForm.fixedTable.fixedTables[index]
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(index, 1)
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.splice(
|
|
|
+ index + 1,
|
|
|
+ 0,
|
|
|
+ temp
|
|
|
+ )
|
|
|
+ }
|
|
|
+ } else if (tableType === '动态表') {
|
|
|
+ if (
|
|
|
+ index <
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.length - 1
|
|
|
+ ) {
|
|
|
+ const temp = this.contentEditForm.dynamicTable.dynamicTables[index]
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(index, 1)
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.splice(
|
|
|
+ index + 1,
|
|
|
+ 0,
|
|
|
+ temp
|
|
|
+ )
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (index < this.contentEditForm.tableHeaders.length - 1) {
|
|
|
+ const temp = this.contentEditForm.tableHeaders[index]
|
|
|
+ this.contentEditForm.tableHeaders.splice(index, 1)
|
|
|
+ this.contentEditForm.tableHeaders.splice(index + 1, 0, temp)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 绑定字典变化
|
|
|
+ handleBindDictChange(row) {
|
|
|
+ if (row.isDict === 'false') {
|
|
|
+ row.dictid = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取格式占位符
|
|
|
+ getFormatPlaceholder(fieldType) {
|
|
|
+ switch (fieldType) {
|
|
|
+ case '日期':
|
|
|
+ return '如：yyyy-MM-dd'
|
|
|
+ case '数字':
|
|
|
+ return '如：#,##0.00'
|
|
|
+ default:
|
|
|
+ return '请输入格式'
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 滚动到错误行
|
|
|
+ scrollToErrorRow(rowIndex) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const tableBody = document.querySelector(
|
|
|
+ '.table-edit-container .el-table__body-wrapper'
|
|
|
+ )
|
|
|
+ if (tableBody) {
|
|
|
+ const scrollTop = rowIndex * 48
|
|
|
+ tableBody.scrollTop = scrollTop
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleSaveTemplate() {
|
|
|
+ // 获取拆分后的数据
|
|
|
+ const splitData = this.splitFixedTableDataForSave()
|
|
|
+ const headersList = this.contentEditForm.fixedTable.tableHeaders.map(
|
|
|
+ (header, index) => ({
|
|
|
+ ...header,
|
|
|
+ orderNum: header.orderNum || index + 1,
|
|
|
+ })
|
|
|
+ )
|
|
|
+ let data = {
|
|
|
+ costVerifyTemplateId: this.contentEditForm.surveyTemplateId,
|
|
|
+ headersList: headersList,
|
|
|
+ itemsList: splitData,
|
|
|
+ }
|
|
|
+ batchSaveOrUpdate(data)
|
|
|
+ .then((data) => {
|
|
|
+ this.contentEditDialogVisible = false
|
|
|
+ this.$message.success('保存成功')
|
|
|
+ this.handleSearch()
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 保存内容
|
|
|
+ handleSaveContent(type) {
|
|
|
+ this.loading = true
|
|
|
+ let isValid = false
|
|
|
+ try {
|
|
|
+ if (type === '单记录') {
|
|
|
+ var data = {
|
|
|
+ headersList: this.contentEditForm.tableHeaders,
|
|
|
+ }
|
|
|
+ getBatchSaveOrUpdate(data)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success('保存成功')
|
|
|
+ this.contentEditDialogVisible = false
|
|
|
+ } else {
|
|
|
+ this.$message.error(`保存失败：${res.message || '未知错误'}`)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('保存接口异常:', error)
|
|
|
+ this.$message.error('保存接口异常，请重试')
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ } else if (type === '固定表表头') {
|
|
|
+ var data = {
|
|
|
+ headersList: this.contentEditForm.fixedTable.tableHeaders,
|
|
|
+ }
|
|
|
+ batchSaveOrUpdate(data)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ // 如果后端返回了保存后的数据，更新本地数据
|
|
|
+ if (res.value && Array.isArray(res.value)) {
|
|
|
+ this.contentEditForm.fixedTable.tableHeaders =
|
|
|
+ res.value.map((item) => ({
|
|
|
+ ...item,
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ this.loadTemplateDataForEdit(
|
|
|
+ this.contentEditForm.surveyTemplateId
|
|
|
+ )
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.forEach((row) => {
|
|
|
+ this.initFixedTableRow(row)
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message.error(`保存失败：${res.message || '未知错误'}`)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('保存接口异常:', error)
|
|
|
+ this.$message.error('保存接口异常，请重试')
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ } else if (type === '固定表项目') {
|
|
|
+ this.saveFixedTableData()
|
|
|
+ } else if (type === '动态表表头') {
|
|
|
+ var data = {
|
|
|
+ headersList: this.contentEditForm.dynamicTable.tableHeaders,
|
|
|
+ }
|
|
|
+ getBatchSaveOrUpdate(data)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.contentEditForm.isDynamicTables = true
|
|
|
+ this.loading = true
|
|
|
+
|
|
|
+ // 如果后端返回了保存后的数据，更新本地数据
|
|
|
+ if (res.value && Array.isArray(res.value)) {
|
|
|
+ this.contentEditForm.dynamicTable.tableHeaders =
|
|
|
+ res.value.map((item) => ({
|
|
|
+ ...item,
|
|
|
+ fieldKey: item.fieldEname
|
|
|
+ ? item.fieldEname.toLowerCase()
|
|
|
+ : `field_${Date.now()}_${Math.random()
|
|
|
+ .toString(36)
|
|
|
+ .substr(2, 9)}`,
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ this.getListBySurveyTemplateIdAndVersion(
|
|
|
+ this.surveyTemplateId,
|
|
|
+ this.versionId
|
|
|
+ )
|
|
|
+
|
|
|
+ listByTemplateIdAndVersion(
|
|
|
+ this.surveyTemplateId,
|
|
|
+ this.versionId
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ this.loading = false
|
|
|
+
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTablesTitle =
|
|
|
+ this.stringToObjects(res.value.fixedFields || '')
|
|
|
+
|
|
|
+ // 初始化所有已有行的 dynamicValues
|
|
|
+ this.contentEditForm.dynamicTable.dynamicTables.forEach(
|
|
|
+ (row) => {
|
|
|
+ this.initDynamicTableRow(row)
|
|
|
+ }
|
|
|
+ )
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('查询失败:', error)
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message.error(`保存失败：${res.message || '未知错误'}`)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('保存接口异常:', error)
|
|
|
+ this.$message.error('保存接口异常，请重试')
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ } else if (type === '动态表项目') {
|
|
|
+ this.saveDynamicTableData()
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error('保存处理异常:', error)
|
|
|
+ this.$message.error('保存过程中发生错误，请重试')
|
|
|
+ this.loading = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 将固定表项目的数据根据固定列拆分成对应的数据结构
|
|
|
+ * @returns {Array} 拆分后的数据数组，每个固定列对应一行数据
|
|
|
+ */
|
|
|
+ splitFixedTableDataForSave() {
|
|
|
+ const fixedTables = this.contentEditForm.fixedTable.fixedTables
|
|
|
+ const fixedTitles = this.contentEditForm.fixedTable.fixedTablesTitle
|
|
|
+ const fixedHeaders = this.contentEditForm.fixedTable.tableHeaders
|
|
|
+ // 结果数组
|
|
|
+ const result = []
|
|
|
+
|
|
|
+ // 遍历每一行数据
|
|
|
+ fixedTables.forEach((row, rowIndex) => {
|
|
|
+ // 为每个固定列创建一条记录
|
|
|
+ fixedTitles.forEach((title, colIndex) => {
|
|
|
+ // 找到对应的表头信息
|
|
|
+ const correspondingHeader = fixedHeaders.find(
|
|
|
+ (header) => header.fieldName === title.rkey
|
|
|
+ )
|
|
|
+
|
|
|
+ const newItem = {
|
|
|
+ rkey: title.rkey,
|
|
|
+ rvalue: row.fixedValues ? row.fixedValues[title.rkey] || '' : '',
|
|
|
+ surveyTemplateId: row.surveyTemplateId,
|
|
|
+ versionId: row.versionId,
|
|
|
+ tabtype: row.tabtype,
|
|
|
+ rowIndex: rowIndex,
|
|
|
+ // 添加 headersId 字段（表头的id）
|
|
|
+ headersId: correspondingHeader ? correspondingHeader.id : null,
|
|
|
+ // 添加记录的id（itemlist中每条记录的id）
|
|
|
+ id: row.itemId || null,
|
|
|
+ // 添加父子关系字段
|
|
|
+ parentid: row.parentid || -1, // 父项ID，默认为-1表示无父项
|
|
|
+ isChild: row.isChild || false, // 是否为子项
|
|
|
+ // 添加 rowid 字段
|
|
|
+ rowid: row.rowid || null,
|
|
|
+ // 添加计算公式相关字段
|
|
|
+ calculationFormula: row.calculationFormula || null,
|
|
|
+ jsonstr: row.jsonstr || null,
|
|
|
+ }
|
|
|
+
|
|
|
+ if (row.orderNum) {
|
|
|
+ newItem.orderNum =
|
|
|
+ typeof row.orderNum === 'number'
|
|
|
+ ? row.orderNum
|
|
|
+ : parseInt(row.orderNum, 10) || 0
|
|
|
+ }
|
|
|
+
|
|
|
+ // 添加其他固定表特有的字段
|
|
|
+ newItem.cellCode = row.cellCode || ''
|
|
|
+ newItem.unit = row.unit || ''
|
|
|
+
|
|
|
+ // 添加其他可能需要的字段，但排除特定字段
|
|
|
+ Object.keys(row).forEach((key) => {
|
|
|
+ if (
|
|
|
+ !(key in newItem) &&
|
|
|
+ key !== 'fixedValues' &&
|
|
|
+ key !== 'itemId' &&
|
|
|
+ key !== 'id' &&
|
|
|
+ key !== 'parentid' &&
|
|
|
+ key !== 'isChild' &&
|
|
|
+ key !== 'isSubItem' &&
|
|
|
+ key !== 'rowid' &&
|
|
|
+ key !== 'jsonstr' &&
|
|
|
+ key !== 'calculationFormula'
|
|
|
+ ) {
|
|
|
+ newItem[key] = row[key]
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ result.push(newItem)
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ return result
|
|
|
+ },
|
|
|
+ //保存固定表项目数据
|
|
|
+ saveFixedTableData() {
|
|
|
+ try {
|
|
|
+ // 获取拆分后的数据
|
|
|
+ const splitData = this.splitFixedTableDataForSave()
|
|
|
+
|
|
|
+ // 构造保存数据的结构
|
|
|
+ const saveData = {
|
|
|
+ itemsList: splitData,
|
|
|
+ }
|
|
|
+
|
|
|
+ // 调用保存接口
|
|
|
+ getBatchSaveOrUpdate(saveData)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success('固定表数据保存成功')
|
|
|
+ this.contentEditDialogVisible = false
|
|
|
+ } else {
|
|
|
+ this.$message.error(`保存失败：${res.message || '未知错误'}`)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('保存固定表数据接口异常:', error)
|
|
|
+ this.$message.error('保存固定表数据失败，请重试')
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+
|
|
|
+ return splitData
|
|
|
+ } catch (error) {
|
|
|
+ console.error('处理固定表数据保存时出错:', error)
|
|
|
+ this.$message.error('保存过程中发生错误，请重试')
|
|
|
+ this.loading = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 解析并回显固定表项目数据
|
|
|
+ * @param {Object} responseData - listByTemplateIdAndVersion接口返回的数据
|
|
|
+ */
|
|
|
+ parseAndDisplayFixedTableData(responseData) {
|
|
|
+ if (responseData.value.fixedFields) {
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle =
|
|
|
+ this.stringToObjects(responseData.value.fixedFields || '')
|
|
|
+ } else {
|
|
|
+ let fixedFields = this.contentEditForm.fixedTable.tableHeaders
|
|
|
+ .map((item) => item.fieldName)
|
|
|
+ .join(',')
|
|
|
+ this.contentEditForm.fixedTable.fixedTablesTitle =
|
|
|
+ this.stringToObjects(fixedFields || '')
|
|
|
+ }
|
|
|
+ const fixedTitles = this.contentEditForm.fixedTable.fixedTablesTitle
|
|
|
+ this.contentEditForm.fixedTable.fixedTableHeaders = fixedTitles.filter(
|
|
|
+ (title) => title.rkey !== '序号'
|
|
|
+ )
|
|
|
+ if (
|
|
|
+ !responseData ||
|
|
|
+ !responseData.value ||
|
|
|
+ !responseData.value.itemlist
|
|
|
+ ) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const itemList = responseData.value.itemlist
|
|
|
+
|
|
|
+ // 清空现有数据
|
|
|
+ this.contentEditForm.fixedTable.fixedTables = []
|
|
|
+
|
|
|
+ // 遍历itemList，为每个项目创建一行数据
|
|
|
+ itemList.forEach((item, index) => {
|
|
|
+ // 判断是否为子项（parentid不为-1且不为"-1"）
|
|
|
+ const isSubItem =
|
|
|
+ item.parentid && item.parentid !== -1 && item.parentid !== '-1'
|
|
|
+ const newRow = {
|
|
|
+ orderText: item.orderNum || '', // 显示用序号
|
|
|
+ orderNum: item.orderNum || '', // 保留原始序号用于发送后端
|
|
|
+ surveyTemplateId: item.surveyTemplateId,
|
|
|
+ versionId: item.versionId,
|
|
|
+ cellCode: item.cellCode || '',
|
|
|
+ calculationFormula: item.calculationFormula || '',
|
|
|
+ unit: item.unit || '',
|
|
|
+ fixedValues: {},
|
|
|
+ itemId: item.id || null,
|
|
|
+ parentid: item.parentid || -1,
|
|
|
+ isChild: isSubItem,
|
|
|
+ isSubItem: isSubItem,
|
|
|
+ rowid: item.rowid || this.generateUUID(),
|
|
|
+ jsonstr: item.jsonstr || null,
|
|
|
+ }
|
|
|
+
|
|
|
+ // 确保orderNum是数字类型
|
|
|
+ if (item.orderNum) {
|
|
|
+ newRow.orderNum = parseInt(item.orderNum, 10) || 0
|
|
|
+ }
|
|
|
+
|
|
|
+ fixedTitles.forEach((title) => {
|
|
|
+ newRow.fixedValues[title.rkey] = item[title.rkey] || ''
|
|
|
+ })
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.push(newRow)
|
|
|
+ })
|
|
|
+
|
|
|
+ // 按父子关系和orderNum排序，确保子项显示在父项后面
|
|
|
+ this.contentEditForm.fixedTable.fixedTables.sort((a, b) => {
|
|
|
+ // 先按orderNum排序父项
|
|
|
+ if (a.isChild && !b.isChild) {
|
|
|
+ // 如果a是子项，b是父项，需要检查a的父项是否在b之后
|
|
|
+ const parentOfA = this.contentEditForm.fixedTable.fixedTables.find(
|
|
|
+ (item) => item.rowid === a.parentid || item.itemId === a.parentid
|
|
|
+ )
|
|
|
+ if (parentOfA && parentOfA.orderNum > b.orderNum) {
|
|
|
+ return 1
|
|
|
+ }
|
|
|
+ return -1
|
|
|
+ }
|
|
|
+ if (!a.isChild && b.isChild) {
|
|
|
+ // 如果a是父项，b是子项，需要检查b的父项是否在a之前
|
|
|
+ const parentOfB = this.contentEditForm.fixedTable.fixedTables.find(
|
|
|
+ (item) => item.rowid === b.parentid || item.itemId === b.parentid
|
|
|
+ )
|
|
|
+ if (parentOfB && parentOfB.orderNum < a.orderNum) {
|
|
|
+ return -1
|
|
|
+ }
|
|
|
+ return 1
|
|
|
+ }
|
|
|
+
|
|
|
+ // 如果都是父项或都是子项，按orderNum排序
|
|
|
+ return (a.orderNum || 0) - (b.orderNum || 0)
|
|
|
+ })
|
|
|
+
|
|
|
+ // 重新排序，确保子项紧跟在其对应的父项后面
|
|
|
+ const sortedArray = []
|
|
|
+ const parentItems = this.contentEditForm.fixedTable.fixedTables.filter(
|
|
|
+ (item) => !item.isChild
|
|
|
+ )
|
|
|
+ const childItems = this.contentEditForm.fixedTable.fixedTables.filter(
|
|
|
+ (item) => item.isChild
|
|
|
+ )
|
|
|
+
|
|
|
+ parentItems.forEach((parent) => {
|
|
|
+ sortedArray.push(parent)
|
|
|
+ // 找到并添加该父项的所有子项
|
|
|
+ const relatedChildren = childItems.filter(
|
|
|
+ (child) =>
|
|
|
+ child.parentid === parent.rowid ||
|
|
|
+ child.parentid === parent.itemId
|
|
|
+ )
|
|
|
+ // 子项按orderNum排序
|
|
|
+ relatedChildren.sort((a, b) => (a.orderNum || 0) - (b.orderNum || 0))
|
|
|
+ sortedArray.push(...relatedChildren)
|
|
|
+ })
|
|
|
+
|
|
|
+ this.contentEditForm.fixedTable.fixedTables = sortedArray
|
|
|
+ console.log('sortedArray:', sortedArray)
|
|
|
+ },
|
|
|
+
|
|
|
+ //分割字符串
|
|
|
+ stringToObjects(str) {
|
|
|
+ const items = str.split(',')
|
|
|
+ return items.map((item) => ({
|
|
|
+ rkey: item,
|
|
|
+ rvalue: '',
|
|
|
+ }))
|
|
|
+ },
|
|
|
+
|
|
|
+ // 删除
|
|
|
+ handleDelete(row) {
|
|
|
+ // todo:
|
|
|
+ this.$message.warning('功能开发中')
|
|
|
+ return
|
|
|
+ this.$confirm('确定要删除该数据吗？', '提示', {
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.loading = true
|
|
|
+ delSurveyTemplateVersionById(row.id)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message.success('删除成功')
|
|
|
+ this.loading = false
|
|
|
+ this.handleSearch()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('删除失败:', error)
|
|
|
+ this.$message.error('删除失败，请重试')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
+ },
|
|
|
+
|
|
|
+ // 批量删除
|
|
|
+ handleBatchDelete() {
|
|
|
+ if (this.selectedRows.length === 0) {
|
|
|
+ this.$message.warning('请先选择要删除的数据')
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$confirm(
|
|
|
+ `确定要删除选中的${this.selectedRows.length}条数据吗？`,
|
|
|
+ '提示',
|
|
|
+ {
|
|
|
+ type: 'warning',
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ this.loading = true
|
|
|
+ const ids = this.selectedRows.map((row) => row.id)
|
|
|
+
|
|
|
+ batchDeleteCostForm(ids)
|
|
|
+ .then(() => {
|
|
|
+ this.selectedRows.forEach((row) => {
|
|
|
+ const index = this.tableData.findIndex(
|
|
|
+ (item) => item.id === row.id
|
|
|
+ )
|
|
|
+ if (index > -1) {
|
|
|
+ this.tableData.splice(index, 1)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.pagination.total -= this.selectedRows.length
|
|
|
+ this.selectedRows = []
|
|
|
+ this.$message.success('批量删除成功')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('批量删除失败:', error)
|
|
|
+ this.$message.error('批量删除失败，请重试')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
+ },
|
|
|
+
|
|
|
+ // 表格选择
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.selectedRows = selection
|
|
|
+ },
|
|
|
+
|
|
|
+ // 分页变化处理
|
|
|
+ handlePaginationChange({ currentPage, pageSize }) {
|
|
|
+ this.pagination.currentPage = currentPage
|
|
|
+ this.pagination.pageSize = pageSize
|
|
|
+ this.handleSearch()
|
|
|
+ },
|
|
|
+
|
|
|
+ // 提交表单
|
|
|
+ submitForm() {
|
|
|
+ // todo: 提交表单逻辑
|
|
|
+ this.$message.warning('功能开发中')
|
|
|
+ return
|
|
|
+ this.$refs.dataForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.loading = true
|
|
|
+
|
|
|
+ const submitData = {
|
|
|
+ versionNo: this.dataForm.version,
|
|
|
+ status: this.dataForm.status,
|
|
|
+ createBy: this.dataForm.createBy,
|
|
|
+ createTime: this.dataForm.createTime,
|
|
|
+ remarks: this.dataForm.remarks,
|
|
|
+ templateType: this.currentRow.templateType,
|
|
|
+ surveyTemplateName: this.currentRow.surveyTemplateName,
|
|
|
+ surveyTemplateId: this.currentRow.surveyTemplateId,
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.dataForm.id) {
|
|
|
+ // 修改
|
|
|
+ submitData.formId = this.dataForm.id
|
|
|
+ editCostForm(submitData)
|
|
|
+ .then(() => {
|
|
|
+ this.loading = false
|
|
|
+ this.$message.success('修改成功')
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.handleSearch() // 重新加载数据
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('修改失败:', error)
|
|
|
+ this.$message.error('修改失败，请重试')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ addSurveyTemplateVersion(submitData)
|
|
|
+ .then(() => {
|
|
|
+ this.loading = false
|
|
|
+ this.$message.success('添加成功')
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.handleSearch() // 重新加载数据
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('添加失败:', error)
|
|
|
+ this.$message.error('添加失败，请重试')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取数据存储库表选项
|
|
|
+ loadDataStorageTableOptions() {
|
|
|
+ getDataStorageTableOptions()
|
|
|
+ .then((response) => {
|
|
|
+ this.dataStorageTableOptions = response.data || []
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('获取数据存储库表选项失败:', error)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ @import '@/styles/costAudit.scss';
|
|
|
+ .top-wrapper {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-form,
|
|
|
+ .detail-form {
|
|
|
+ ::v-deep .el-select {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .content-edit-container {
|
|
|
+ overflow-y: auto;
|
|
|
+
|
|
|
+ .button-group {
|
|
|
+ margin: 10px 0;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-edit-container {
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ ::v-deep .el-table {
|
|
|
+ transition: height 0.3s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .el-table__body-wrapper {
|
|
|
+ transition: scrollTop 0.3s ease;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bind-dict-column {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-actions {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ padding: 4px;
|
|
|
+ margin: 0 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .format-input {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .format-prefix {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #606266;
|
|
|
+ margin-right: 5px;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .detail-info-container {
|
|
|
+ margin: 20px 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ .detail-item {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 30px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .detail-label {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #606266;
|
|
|
+ }
|
|
|
+
|
|
|
+ .detail-value {
|
|
|
+ color: #303133;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
