全流程管理页面补充

src/components/common/StepsMyBox.vue

@@ -36,13 +36,13 @@
       <!-- 右侧流程明细 -->
       <div class="StepsMyBox_main_right">
         <div>
-          <el-steps :active="stepsIndex" style="margin: 40px 40px 40px 80px;">
-            <el-step v-for="item in stepsList" :key="item.index">
+          <el-steps :active="stepsIndex" style="margin: 40px 40px 40px 80px">
+            <el-step v-for="(item, index) in stepsList" :key="index">
               <template slot="title">
                 <div
                   class="stepsTitle"
-                  :style="{ background: stepsIndex == item.index ? '#00aaff' : '' }"
-                  @click="changeStepsIndex(item.index)"
+                  :style="{ background: stepsIndex == index + 1 ? '#00aaff' : '' }"
+                  @click="changeStepsIndex(index + 1)"
                 >
                   {{ item.title }}
                 </div>
@@ -50,7 +50,9 @@
             </el-step>
           </el-steps>
         </div>
-        <div class="stepsInfoBox">???</div>
+        <div class="stepsInfoBox">
+          <div>{{ stepsList[stepsIndex - 1].info.text }}</div>
+        </div>
       </div>
     </div>
   </div>
@@ -69,11 +71,38 @@ export default {
       stepsIndex: 1,
       // 步骤条列表
       stepsList: [
-        { index: 1, title: "立项" },
-        { index: 2, title: "通知" },
-        { index: 3, title: "实施" },
-        { index: 4, title: "报告" },
-        { index: 5, title: "整改" }
+        { title: "立项", info: { text: "2018-05-12 2018年张江基本农田审计项目通过立项" } },
+        {
+          title: "通知",
+          info: { text: "2018年张江基本农田审计项目审计通知书.pdf", filePath: "" }
+        },
+        { title: "实施", info: { infos: [{ title: "用户A 完成张江镇xxx片区的审计", id: "001" }] } },
+        {
+          title: "报告",
+          info: {
+            tableData: [
+              {
+                id: "001",
+                desc: "xxxxx问题",
+                status: "已完成",
+                endTime: "2023-01-12"
+              },
+              {
+                id: "001",
+                desc: "xxxxx问题",
+                status: "未开始",
+                endTime: "2023-01-12"
+              },
+              {
+                id: "001",
+                desc: "xxxxx问题",
+                status: "已完成",
+                endTime: "2023-01-12"
+              }
+            ]
+          }
+        },
+        { title: "整改", info: { text: "2018-05-12 2018年张江基本农田审计项目通过立项" } }
       ]
     };
   },
@@ -163,12 +192,16 @@ export default {
         color: #ffffff;
         font-weight: bold;
       }
-      .stepsInfoBox{
+      .stepsInfoBox {
         width: calc(100% - 80px);
         height: calc(100% - 200px);
         margin: 40px;
         margin-top: 0px;
-        background: #00000064 !important;
+        font-size: 18px;
+        font-weight: bold;
+        font-family: pingfangSC;
+        line-height: 30px;
+        color: #ffffff;
       }
     }
   }

src/components/map/MapHolder.vue

@@ -160,7 +160,7 @@ export default {
       var layer = L.esri
         .tiledMapLayer({
           url:
-            // "http://aimap.pudong.sh:5236/maps/rest/services/basemap-shanghai-gem-blue-sh2000/mapserver/"
+            // "http://aimap.pudong.sh:5236/maps/rest/services/basemap-shanghai-gem-blue-sh2000/mapserver?AccessKey=MYldfdnrz5tuJPQN6dYLQqfazKdeoXx3QZtko4LKNovAS7Pm6Cr68lTrKcxOpsxw"
             systemConfig.mapService +
             "?servertype=Street_Purplish_Blue&token=" +
             systemConfig.token,