整治项目修改

src/components/mapView/tablePage.vue

@@ -13,7 +13,7 @@
       :tree-props="treeProps"
       row-key="bsm"
     >
-      <el-table-column v-if="indexed" label="序号" width="70px">
+      <el-table-column v-if="indexed" label="序号" width="70px" align="center">
         <template slot-scope="scope">{{ scope.$index + 1 }}</template>
       </el-table-column>
       <el-table-column
@@ -24,6 +24,7 @@
         show-overflow-tooltip
         :width="item.width || null"
         :fixed="item.fixed"
+        :align="item.align || 'left'"
       >
         <template #default="scope">
           <slot
@@ -35,7 +36,10 @@
         </template>
       </el-table-column>
     </el-table>
-    <div class="tabs-pagation pagination" v-if="table.data.length && table.total">
+    <div
+      class="tabs-pagation pagination"
+      v-if="table.data.length && table.total"
+    >
       <!-- <div class="font" v-if="showTotal">共{{ table.total }}条记录</div> -->
       <!-- <el-pagination class="tabone-pagination" background layout="prev, pager, next" :current-page="pageNum"
             :pager-count="5" :page-size="5" :total="table.total" @current-change="changePage" /> -->

src/views/LandConsolidation/components/config.js

@@ -35,10 +35,10 @@ export const reasonList = [
   { name: "乡村历史文化保护项目", code: 3 },
 ]
 export const TableHeader = [
-  { label: "项目名称", prop: "xmmc" },
-  { label: "主管部门", prop: "zgbm", width: '80px' },// slot: "mj"
-  { label: "建设规模", prop: "gm", },
-  { label: "操作", slot: "action" },
+  { label: "项目名称", prop: "xmmc", align: 'center' },
+  // { label: "主管部门", prop: "zgbm", width: '80px' },// slot: "mj"
+  { label: "建设规模", prop: "gm", width: '80px', align: 'center' },
+  { label: "操作", slot: "action", width: '80px', align: 'center' },
 ]
 
 export const xzForm = [
@@ -59,10 +59,10 @@ export const xzForm = [
   ]
 ]
 export const xzTableHeader = [
-  { label: "地块编号", prop: "xzgdlydlbm" },
-  { label: "面积（亩）", prop: "xzgdmj", slot: "mj" },
-  { label: "等别", prop: "xzgddb", },
-  { label: "操作", slot: "action", width: '80px', },
+  { label: "地块编号", prop: "xzgdlydlbm", align: 'center', align: 'center' },
+  { label: "面积（亩）", prop: "xzgdmj", slot: "mj", align: 'center' },
+  { label: "等别", prop: "xzgddb", align: 'center' },
+  { label: "操作", slot: "action", width: '80px', align: 'center' },
 ]
 export const detailInfosold = [
   [[
@@ -121,6 +121,7 @@ export const detailInfosold = [
 // 整治项目详情
 export const detailInfos = [
   { name: '项目名称', value: 'xmmc' },
+  { name: '项目类型', value: 'xmlx' },
   { name: '主管部门', value: 'zgbm' },
   { name: '申请立项部门', value: 'sqlxbm' },
   { name: '批复部门', value: 'pfbm' },

src/views/LandConsolidation/components/details.vue

@@ -88,7 +88,7 @@ export default {
               let unit = res.data[key.unitpro] || key.unit || "";
               this.jbxxData.push({
                 name: key.name,
-                value: res.data[key.value] + unit,
+                value: (res.data[key.value] || "——") + unit,
               });
             });
           } else {

src/views/LandConsolidation/components/xzgd.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="xzgd">
-    <div class="tdTitle" :title="xmdata.xmmc">
-      新增耕地{{ xmdata.xmmc ? `（${xmdata.xmmc}）` : "" }}
-    </div>
+    <div class="tdTitle">新增耕地</div>
     <span class="clearBtn" @click="cockpit">
       <i class="el-icon-thumb"></i>
       图斑详情查询
     </span>
+    <div class="tdTitle mcTitle" v-if="xmdata.xmmc" :title="xmdata.xmmc">
+      {{ xmdata.xmmc }}
+    </div>
     <el-tabs
       type="border-card"
       class="xz_box"
@@ -165,9 +166,9 @@ export default {
         this.$refs[`echartRef${id}`].setOptions(data, links);
       });
     },
-    reset(){
-      this.$refs.xzlist.reset()
-    }
+    reset() {
+      this.$refs.xzlist.reset();
+    },
   },
   watch: {
     region(newValue) {
@@ -180,7 +181,7 @@ export default {
 <style lang="scss" scoped>
 .xzgd {
   height: 100%;
-  .tdTitle {
+  .mcTitle {
     width: 100%;
     white-space: nowrap; /* 确保文本在一行内显示 */
     overflow: hidden; /* 超出容器的文本隐藏 */