diff --git a/package.json b/package.json
index 995dc94..378f165 100644
--- a/package.json
+++ b/package.json
@@ -38,9 +38,12 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "0.4.0",
+    "@vue-office/docx": "^1.6.3",
+    "@vue/composition-api": "^1.7.2",
     "axios": "0.28.1",
     "clipboard": "2.0.8",
     "core-js": "3.37.1",
+    "docx-preview": "^0.3.5",
     "echarts": "^5.4.0",
     "element-ui": "^2.15.13",
     "file-saver": "2.0.5",
@@ -61,6 +64,7 @@
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-demi": "^0.14.10",
     "vue-meta": "2.4.0",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "3.4.9",
diff --git a/public/docx/单体材料模板.docx b/public/docx/单体材料模板.docx
new file mode 100644
index 0000000..5dfadc1
--- /dev/null
+++ b/public/docx/单体材料模板.docx
@@ -0,0 +1,15 @@
+                                       
+                           XXXXXXX项目单片材料
+                                       
+ 投资主体简介
+   该项目位于所属功能区，建设地点位于xxxx，由xxxx有限公司，统一信用代码为xxxxx投资，由xxxxx有限公司施工，设计单位是xxx有限公司，建设起止时间于xxxxxx，其重点发展产业为xxxx，该项目的项目标签是xxxxx，整体的项目由xxx负责，联系方式是xxxxxxxxx。
+ 规划信息
+   该项目总用地面积约XXXX平方米，容积率占xx，总建筑面积为xxxx万平方米，共有xx栋，标准建筑面积为xxx平方米，建筑密度为x%，最高建筑层数xx层，最高建筑高度xx米，其防火等级为xxx，机动车停车位xx辆和非机动车听车辆xx辆。
+ 计划总投资及建设计划
+   该项目投资主体性质是xx，计划投资额度xxx亿元，实际总投资额xxxx万人民币。
+ 当前进展情况
+   目前，该项目属于项目现状，于 xxxx日正式施工，截至目前建设进度。
+ 企业运营情况
+   目前，该项目入驻企业数量共xx家，入驻企业行业类型为xxxxx，人员数量共计xxx人，入住率为x%，其中已出租面积xxx平方米，空置房屋xxx万平方米，工业厂房平均租金xx元/平方米*月。
+ 存在困难问题
+   暂无。
diff --git a/public/docx/苏州工业园区总体报告模板.docx b/public/docx/苏州工业园区总体报告模板.docx
new file mode 100644
index 0000000..6e6b63e
--- /dev/null
+++ b/public/docx/苏州工业园区总体报告模板.docx
@@ -0,0 +1,12 @@
+            苏州工业园区工业上楼项目总体分析报告
+                                    XXXX年
+                                       
+   一、总体项目概况
+  苏州工业园区积极推进工业上楼模式，截至xxxx年，园区规划工业上楼项目总数共计xx个，总建筑面积约xxxx万平方米，其中已建项目xx个，在建项目xx个，拟建项目xx个，这些项目广泛分布于城市核心区域及郊区新兴产业片区，通过垂直化空间利用，提升土地利用效率，推进产业升级与集聚发展。
+   二、当年项目情况
+   xxxx年，苏州工业园区新开工上楼项目总数共计xx个，新开工项目总建筑面积达到xxxx万平方米，已建项目xx个，在建项目xx个，拟建项目xx个，力求为企业提供优质的生产和办公环境，同时在建设标准和质量上提出更高要求。
+   三、功能区情况分析
+   截至xxxx年，项目总数共xx个，其中高端制造与国际贸易区项目数量占xx个，独墅湖科教创新区项目数量占xx个，阳澄湖半岛旅游度假区项目数量占xx个，金鸡湖商务区项目数量占xx个，苏相合作区项目数量占xx个。
+   四、投资主体情况分析
+   截至xxxx年，项目总数共xx个，国企投资占xx个，民企投资占xx个，外企投资占xx个。
+   
diff --git a/src/views/compilation/onecailiao/index.vue b/src/views/compilation/onecailiao/index.vue
index 4eec8ae..d08ed17 100644
--- a/src/views/compilation/onecailiao/index.vue
+++ b/src/views/compilation/onecailiao/index.vue
@@ -1,356 +1,163 @@
 <template>
   <div>
-    <!-- 表单查询项 -->
-    <div v-if="!previewMode" class="headerbox">
-      <el-form size="small" :inline="true" label-width="200">
-        <el-row>
-          <el-col :span="5">
-            <el-form-item label="文件标题" style="width: 100%;">
-              <el-input v-model="queryParams.fileTitle" placeholder="请输入模板标题" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="发布时间">
-              <el-date-picker v-model="queryParams.startTime" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <!-- 表格内容区 -->
-    <div v-if="!previewMode" class="tablebox">
-      <!-- 按钮行 -->
-      <div class="tablebtntwo">
-        <el-button type="primary" icon="el-icon-upload2" size="mini" @click="handleExport">导出单片材料</el-button>
-        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      <!-- 报告管理 -->
+      <!-- 表单查询项 -->
+      <div v-if="!previewMode" class="headerbox">
+          <el-form size="small" :inline="true" label-width="200">
+              <el-row>
+                  <el-col :span="5">
+                      <el-form-item label="文件标题" style="width: 100%;">
+                          <el-input v-model="queryParams.fileTitle" placeholder="请输入模板标题" clearable />
+                      </el-form-item>
+                  </el-col>
+                  <el-col :span="5">
+                      <el-form-item label="发布时间">
+                          <el-date-picker v-model="queryParams.startTime" type="date" placeholder="选择日期"
+                              style="width: 100%;"></el-date-picker>
+                      </el-form-item>
+                  </el-col>
+                  <el-col :span="8">
+                      <el-form-item>
+                          <el-button type="primary" icon="el-icon-search" size="mini"
+                              @click="handleQuery">查询</el-button>
+                          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                      </el-form-item>
+                  </el-col>
+              </el-row>
+          </el-form>
       </div>
-      <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="序号" align="center" prop="id" />
-        <el-table-column label="文件标题" align="center" prop="title" />
-        <el-table-column label="发布单位" align="center" prop="unit" />
-        <el-table-column label="发布人" align="center" prop="author" />
-        <el-table-column label="发布时间" align="center" prop="createTime" />
-        <el-table-column label="操作" align="center">
-          <template slot-scope="scope">
-            <el-button size="mini" type="text" style="color: gray;" @click="handlePreview(scope.row)">预览</el-button>
-            <el-button size="mini" type="text" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-button size="mini" type="text" style="color: #F25353;" @click="handleDelete(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.current" :limit.sync="queryParams.size"
-        @pagination="getList" />
-    </div>
-
-    <!-- 新增/编辑的弹窗 -->
-    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible">
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="文件标题" prop="fileTitle">
-          <el-input v-model="form.fileTitle" placeholder="请输入文件标题" />
-        </el-form-item>
-        <el-form-item label="发布时间" prop="createTime">
-          <el-date-picker v-model="form.createTime" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>
-        </el-form-item>
-        <el-form-item label="发布单位" prop="unit">
-          <el-input v-model="form.unit" placeholder="请输入发布单位" />
-        </el-form-item>
-        <el-form-item label="发布人" prop="createBy">
-          <el-input v-model="form.createBy" placeholder="请输入发布人" />
-        </el-form-item>
-        <el-form-item label="内容" prop="content">
-          <Editorone v-model="form.content" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 预览的展示区 -->
-    <div v-if="previewMode" class="previewbox">
-      <!-- 按钮区域 -->
-      <div class="previewhead">
-        <div class="headone">预览</div>
-        <div class="headtwo">
-          <el-button type="primary" size="mini" icon="el-icon-upload2" @click="handleExporttwo" :loading="loading">
-            导出PDF
-          </el-button>
-          <el-button type="primary" size="mini" icon="el-icon-back" @click="handleReturn">返回</el-button>
-        </div>
-      </div>
-      <!-- 标题栏 -->
-      <div class="previewnick">
-        <h1>{{ previewData.fileTitle }}</h1>
-      </div>
-      <!-- 发布信息栏 -->
-      <div class="previewinfo">
-        <div class="previewinfoitem">发布时间：{{ previewData.createTime }}</div>
-        <div class="previewinfoitem">发布单位：{{ previewData.unit }}</div>
-        <div class="previewinfoitem">发布人：{{ previewData.createBy }}</div>
+      
+      <!-- 表格内容区 -->
+      <div v-if="!previewMode" class="tablebox">
+          <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="文件标题" align="center" prop="title" />
+              <el-table-column label="发布单位" align="center" prop="unit" />
+              <!-- <el-table-column label="发布人" align="center" prop="author" /> -->
+              <el-table-column label="发布时间" align="center" prop="createTime" />
+              <el-table-column label="操作" align="center">
+                  <template slot-scope="scope">
+                      <el-button size="mini" type="text" style="color: gray;"
+                          @click="handlePreview(scope.row)">预览</el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+          <pagination v-show="total > 0" :total="total" :page.sync="queryParams.current"
+              :limit.sync="queryParams.size" @pagination="getList" />
       </div>
-      <!-- 内容区域 -->
-      <div class="previewcontent">
-        <div v-html="previewData.content"></div>
+      
+      <!-- DOCX预览区域 -->
+      <div v-if="previewMode" class="previewbox">
+          <div class="previewhead">
+              <h3>{{ previewData.title }}</h3>
+              <div class="headtwo">
+                  <el-button size="mini" @click="previewMode = false">返回</el-button>
+              </div>
+          </div>
+          <div class="previewcontent">
+              <vue-office-docx 
+                  :src="docxFileData" 
+                  style="width: 100%; height: calc(100vh - 250px); border: 1px solid #eee;"
+                  @rendered="renderedHandler"
+              />
+          </div>
       </div>
-    </div>
   </div>
 </template>
 
 <script>
-import Editorone from '@/components/Editor';
-import { addClgl, deleteClgl, updateClgl, getClglPage, exportToPdf } from '@/api/ManageApi/index';
+import VueOfficeDocx from '@vue-office/docx'
+import axios from 'axios'
 
 export default {
-  components: { Editorone },
+  components: {
+      'vue-office-docx': VueOfficeDocx
+  },
   data() {
-    return {
-      loading: false,
-      postList: [],
-      total: 0,
-      queryParams: {
-        current: 1,
-        size: 10,
-        fileTitle: '',
-        startTime: ''
-      },
-      dialogVisible: false,
-      dialogTitle: '新增',
-      form: {
-        id: undefined,
-        fileTitle: '',
-        createTime: '',
-        unit: '',
-        createBy: '',
-        content: ''
-      },
-      rules: {
-        fileTitle: [
-          { required: true, message: '文件标题不能为空', trigger: 'blur' }
-        ],
-        createTime: [
-          { required: true, message: '发布时间不能为空', trigger: 'change' }
-        ],
-        unit: [
-          { required: true, message: '发布单位不能为空', trigger: 'blur' }
-        ],
-        createBy: [
-          { required: true, message: '发布人不能为空', trigger: 'blur' }
-        ],
-        content: [
-          { required: true, message: '内容不能为空', trigger: 'blur' }
-        ]
-      },
-      previewMode: false,
-      previewData: {},
-    };
+      return {
+          // 查询参数
+          queryParams: {
+              current: 1,
+              size: 10,
+              fileTitle: undefined,
+              startTime: undefined
+          },
+          // 表格数据
+          postList: [],
+          // 加载状态
+          loading: false,
+          // 总条数
+          total: 0,
+          // 预览模式
+          previewMode: false,
+          // 预览数据
+          previewData: {},
+          // DOCX文件数据
+          docxFileData: null
+      }
   },
   created() {
-    this.getList();
+      this.getList()
   },
   methods: {
-    // 导出PDF
-    async handleExporttwo() {
-      try {
-        this.loading = true;
-
-        // 验证数据
-        if (!this.previewData.fileTitle || !this.previewData.content) {
-          this.$message.warning('请确保标题和内容不为空');
-          return;
-        }
-
-        // 1. 调用导出接口
-        const exportResponse = await exportToPdf({
-          htmlArticleTitle: this.previewData.fileTitle,
-          htmlContent: this.previewData.content
-        });
-
-        console.log('完整的:', exportResponse);
-
-        // 检查响应结构 - 注意数据在data属性中
-        if (!exportResponse?.data || exportResponse.code !== 200) {
-          throw new Error(exportResponse?.msg || '导出PDF失败');
-        }
-
-        const fileData = exportResponse.data;
-        if (!fileData.fileName || !fileData.url) {
-          throw new Error('后端未返回有效的文件路径或文件名');
-        }
-
-        // 使用若依下载方式
-        this.handleDownload(fileData);
-
-        this.$message.success('PDF导出下载成功');
-      } catch (error) {
-        console.error('导出PDF失败:', error);
-        this.$message.error('导出PDF失败');
-      } finally {
-        this.loading = false;
-      }
-    },
-
-    // 若依下载方式
-    handleDownload(fileData) {
-      var name = fileData.fileName;
-      var url = fileData.url;
-      console.log(name);
-      console.log(url);
-      var suffix = url.substring(url.lastIndexOf("."), url.length);
-      const a = document.createElement('a');
-      a.setAttribute('download', name + suffix);
-      a.setAttribute('target', '_blank');
-      a.setAttribute('href', url);
-      a.click();
-      window.URL.revokeObjectURL(url);
-    },
-
-    // 返回按钮
-    handleReturn() {
-      this.previewMode = false;
-      this.previewData = {};
-    },
-    handleAdd() {
-      this.dialogTitle = '新增';
-      this.dialogVisible = true;
-      this.form = { id: undefined, fileTitle: '', createTime: '', unit: '', createBy: '', content: '' };
-    },
-    handleEdit(row) {
-      this.dialogTitle = '编辑';
-      this.dialogVisible = true;
-      this.form = { ...row };
-    },
-    async handleDelete(row) {
-      this.$confirm('确定删除该文件吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(async () => {
-        try {
-          this.loading = true;
-          await deleteClgl([row.id]);
-          this.postList = this.postList.filter(item => item.id !== row.id);
-          this.total -= 1;
-          this.$message({ type: 'success', message: '删除成功!' });
-        } catch (error) {
-          console.error('删除失败:', error);
-          this.$message.error('删除失败');
-        } finally {
-          this.loading = false;
-        }
-      });
-    },
-    handlePreview(row) {
-      this.previewMode = true;
-      this.previewData = { ...row };
-      this.previewData.content = row.content; // 直接赋值 HTML 内容
-    },
-    async submitForm() {
-      this.$refs.form.validate(async valid => {
-        if (valid) {
-          try {
-            this.loading = true;
-            if (this.form.id) {
-              // 编辑操作
-              await updateClgl(this.form);
-              const index = this.postList.findIndex(item => item.id === this.form.id);
-              this.postList.splice(index, 1, { ...this.form });
-              this.$message({ type: 'success', message: '编辑成功!' });
-            } else {
-              // 新增操作
-              const response = await addClgl(this.form);
-              const newForm = { ...this.form, id: response.data.id };
-              this.postList.push(newForm);
-              this.total += 1;
-              this.$message({ type: 'success', message: '新增成功!' });
-            }
-            this.dialogVisible = false;
-          } catch (error) {
-            console.error('操作失败:', error);
-            this.$message.error('操作失败');
-          } finally {
-            this.loading = false;
-          }
-        }
-      });
-    },
-    cancel() {
-      this.dialogVisible = false;
-    },
-    handleSelectionChange(selection) {
-      console.log(selection);
-    },
-    async handleExport() {
-      try {
-        this.loading = true;
-        const params = {
-          ...this.queryParams
-        };
-        const response = await getClglPage(params);
-        if (response.code === 200) {
-          const fileData = response.data;
-          if (!fileData.fileName || !fileData.url) {
-            throw new Error('后端未返回有效的文件路径或文件名');
+      // 获取表格数据
+      getList() {
+          this.loading = true
+          // 默认数据
+          setTimeout(() => {
+              this.postList = [
+                  { id: 1, title: 'xxxx项目单体材料模板', unit: '经发委', author: '', createTime: '2024-08-20', fileUrl: 'docx/单体材料模板.docx' },
+              ]
+              this.total = 1
+              this.loading = false
+          }, 500)
+      },
+      // 查询
+      handleQuery() {
+          this.queryParams.current = 1
+          this.getList()
+      },
+      // 重置查询
+      resetQuery() {
+          this.queryParams = {
+              current: 1,
+              size: 10,
+              fileTitle: undefined,
+              startTime: undefined
           }
-          this.handleDownload(fileData);
-          this.$message.success('导出成功');
-        } else {
-          throw new Error('导出失败');
-        }
-      } catch (error) {
-        console.error('导出失败:', error);
-        this.$message.error('导出失败');
-      } finally {
-        this.loading = false;
-      }
-    },
-    async getList() {
-      try {
-        this.loading = true;
-        const params = {
-          ...this.queryParams
-        };
-        const response = await getClglPage(params);
-        if (response.code === 200) {
-          this.postList = response.data.records;
-          this.total = response.data.total;
-        } else {
-          throw new Error('获取数据失败');
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error);
-        this.$message.error('获取数据失败');
-      } finally {
-        this.loading = false;
+          this.handleQuery()
+      },
+      // 表格选择变化
+      handleSelectionChange(selection) {
+          this.ids = selection.map(item => item.id)
+          this.single = selection.length !== 1
+          this.multiple = !selection.length
+      },
+      // 预览文档
+      handlePreview(row) {
+          this.previewMode = true
+          this.previewData = row
+          this.loadDocxFile(row.fileUrl)
+      },
+      // 加载DOCX文件
+      loadDocxFile(url) {
+          this.docxFileData = null
+          axios.get(url, { responseType: 'arraybuffer' })
+              .then(response => {
+                  this.docxFileData = response.data
+              })
+              .catch(error => {
+                  console.error('加载文档失败:', error)
+                  this.$message.error('文档加载失败')
+              })
+      },
+      // 文档渲染完成回调
+      renderedHandler() {
+          console.log('文档渲染完成')
       }
-    },
-    handleQuery() {
-      this.queryParams.current = 1;
-      this.getList();
-    },
-    resetQuery() {
-      this.queryParams = {
-        current: 1,
-        size: 10,
-        fileTitle: '',
-        startTime: ''
-      };
-      this.getList();
-    },
-    extractTextContent(html) {
-      const tempDiv = document.createElement('div');
-      tempDiv.innerHTML = html;
-      return tempDiv.textContent || tempDiv.innerText || '';
-    }
   }
-};
+}
 </script>
 
 <style scoped>
@@ -380,7 +187,7 @@ export default {
 
 .previewbox {
   width: 90%;
-  height: auto;
+  height: 92rem;
   margin-left: 5%;
   margin-top: .3rem;
   display: flex;
@@ -403,17 +210,6 @@ export default {
   gap: .5rem;
 }
 
-.previewnick {
-  margin-top: .3rem;
-  width: 100%;
-  height: 5rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-bottom: 3px solid #2B62F1;
-  color: #2B62F1;
-}
-
 .previewinfo {
   display: flex;
   gap: 1rem;
@@ -423,5 +219,6 @@ export default {
 
 .previewcontent {
   margin-top: 1rem;
+  width: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/compilation/reporting/index.vue b/src/views/compilation/reporting/index.vue
index 3c0e6e0..f552419 100644
--- a/src/views/compilation/reporting/index.vue
+++ b/src/views/compilation/reporting/index.vue
@@ -34,7 +34,7 @@
                 <el-table-column label="序号" align="center" prop="id" />
                 <el-table-column label="文件标题" align="center" prop="title" />
                 <el-table-column label="发布单位" align="center" prop="unit" />
-                <el-table-column label="发布人" align="center" prop="author" />
+                <!-- <el-table-column label="发布人" align="center" prop="author" /> -->
                 <el-table-column label="发布时间" align="center" prop="createTime" />
                 <el-table-column label="操作" align="center">
                     <template slot-scope="scope">
@@ -55,11 +55,6 @@
                     <el-button size="mini" @click="previewMode = false">返回</el-button>
                 </div>
             </div>
-            <div class="previewinfo">
-                <span>发布单位：{{ previewData.unit }}</span>
-                <span>发布人：{{ previewData.author }}</span>
-                <span>发布时间：{{ previewData.createTime }}</span>
-            </div>
             <div class="previewcontent">
                 <vue-office-docx 
                     :src="docxFileData" 
@@ -109,18 +104,12 @@ export default {
         // 获取表格数据
         getList() {
             this.loading = true
-            // 这里替换为你的实际API调用
-            // api.getList(this.queryParams).then(response => {
-            //     this.postList = response.data.records
-            //     this.total = response.data.total
-            //     this.loading = false
-            // })
-            // 模拟数据
+            // 默认数据
             setTimeout(() => {
                 this.postList = [
-                    { id: 1, title: '2023年度报告', unit: '技术部', author: '张三', createTime: '2023-01-15', fileUrl: 'docx/单体材料模板.docx' },
+                    { id: 1, title: '苏州工业园区总体报告模板', unit: '经发委', author: '', createTime: '2024-08-20', fileUrl: 'docx/苏州工业园区总体报告模板.docx' },
                 ]
-                this.total = 2
+                this.total = 1
                 this.loading = false
             }, 500)
         },
@@ -198,7 +187,7 @@ export default {
 
 .previewbox {
     width: 90%;
-    height: auto;
+    height: 92rem;
     margin-left: 5%;
     margin-top: .3rem;
     display: flex;
diff --git a/src/views/components/ProjectDetails/Projectpicture.vue b/src/views/components/ProjectDetails/Projectpicture.vue
index 0fe07f2..3f907ac 100644
--- a/src/views/components/ProjectDetails/Projectpicture.vue
+++ b/src/views/components/ProjectDetails/Projectpicture.vue
@@ -47,7 +47,9 @@
                     <!-- <span style="margin-top: .3rem;"></span> -->
                 </div>
                 <div class="tablebody">
-                    <div>123</div>
+                    <div>
+                        <spanmanage />
+                    </div>
                 </div>
             </div>
         </div>
@@ -57,8 +59,13 @@
 <script>
 import * as echarts from 'echarts';
 import { getpicture, getpicturelist } from '@/api/ManageApi/index'; 
+import spanmanage from '@/views/components/ProjectDetails/spanmanage.vue';
+
 
 export default {
+    components: {
+        spanmanage,
+    },
     props: {
         size: {
             type: String,
@@ -92,9 +99,7 @@ export default {
                         this.processData(response.data);
                         this.initChart();
                     })
-                    .catch(error => {
-                        console.error('获取项目画像失败:', error);
-                    });
+                    .catch();
             }
         },
         fetchDescriptionData() {
@@ -103,9 +108,7 @@ export default {
                     .then(response => {
                         this.processDescriptionData(response.data);
                     })
-                    .catch(error => {
-                        console.error('获取项目画像解释说明失败:', error);
-                    });
+                    .catch();
             }
         },
         processData(data) {
@@ -195,9 +198,9 @@ export default {
                                         x2: 0,
                                         y2: 1,
                                         colorStops: [{
-                                            offset: 0, color: 'rgba(43, 98, 241, 0.3)' // 阴影起始颜色
+                                            offset: 0, color: 'rgba(43, 98, 241, 0.3)' //阴影起始颜色
                                         }, {
-                                            offset: 1, color: 'rgba(43, 98, 241, 0)' // 阴影结束颜色
+                                            offset: 1, color: 'rgba(43, 98, 241, 0)'   //阴影结束颜色
                                         }]
                                     }
                                 }
diff --git a/src/views/components/ProjectDetails/spanmanage.vue b/src/views/components/ProjectDetails/spanmanage.vue
new file mode 100644
index 0000000..571dd24
--- /dev/null
+++ b/src/views/components/ProjectDetails/spanmanage.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        12345
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/orientedtwo/bqspan/index.vue b/src/views/orientedtwo/bqspan/index.vue
index 656ea2a..828ac69 100644
--- a/src/views/orientedtwo/bqspan/index.vue
+++ b/src/views/orientedtwo/bqspan/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <!-- 政务端页面 -->
+        <!-- 产业标签 -->
         <!-- 表单查询项 -->
         <div class="headerbox">
             <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import { getCybqInformationPage } from "@/api/ManageApi/index"; 
+import { getCybqInformationPage } from "@/api/ManageApi/index";
 import { checkPermi, checkRole } from "@/utils/permission";
 
 export default {
@@ -116,15 +116,12 @@ export default {
         getList() {
             this.loading = true;
 
-            // 使用新的 API 方法
+            //api
             getCybqInformationPage(this.queryParams).then((response) => {
                 this.postList = response.data.records;
                 this.total = response.data.total;
                 this.loading = false;
-            }).catch(error => {
-                console.error('API请求错误:', error);
-                this.loading = false;
-            });
+            }).catch();
         },
 
         // 当选择项发生变化时会触发该事件
diff --git a/vue.config.js b/vue.config.js
index 53fa977..ea3100a 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -15,9 +15,18 @@ const port = process.env.port || process.env.npm_config_port || 80 // 端口
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
 // 这里只列一部分，具体配置参考文档
 module.exports = {
+  // 预览docx
+  configureWebpack: {
+    resolve: {
+      alias: {
+        'vue-demi': path.resolve(__dirname, 'node_modules/vue-demi/lib/v2/index.js')
+      }
+    }
+  },
   // 部署生产环境和开发环境下的URL。
   // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
-  // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
+  // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。
+  // 例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: process.env.NODE_ENV === "production" ? "/demo/Gyyq-Upstairs" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: 'dist',
@@ -37,8 +46,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        // target: `http://192.168.0.108:7071/`,
-        target: `http://39.101.188.84:7071/`,
+        target: `http://192.168.0.106:7071/`,
+        // target: `http://39.101.188.84:7071/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''