添加copy页面

src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/index copy.vue

@@ -0,0 +1,258 @@
+<template>
+  <div class="three-box">
+    <el-row class="row-one">
+      <div class="search">
+        <div class="content">
+          时间范围：
+          <div class="time-query">
+            <div class="interval-select">
+              <div class="star-time">
+                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="开始时间">
+                </el-time-picker>
+              </div>
+              <div class="symbol">~</div>
+              <div class="end-time">
+                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="结束时间">
+                </el-time-picker>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="searchBtn">
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
+        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
+      </div>
+    </el-row>
+    <el-row style="margin-top: 20px;">
+      <div style="display: flex;">
+        <div>轨迹地图：</div>
+        <div id="gjMap">
+
+          <el-amap ref="map" :center="center" :zoom="zoom" :zooms="zooms"
+            element-loading-background="rgba(11, 34, 72, 0.8)" @init="init"
+            :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-demo">
+
+            <el-amap-geojson :geo="changshazhen" :polygon-options="polygonOptions" :draggable="draggable"
+              @click="JSONclick" />
+
+
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false"
+              :path="myxiuanlu.features[0].geometry.coordinates[0]" :zIndex="5000" strokeColor="red" isOutline
+              lineCap="round" @click="(e) => { polylineclick(e, '线') }" :strokeWeight="4" />
+
+
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false"
+              :path="roadline2.features[0].geometry.coordinates[0]" :zIndex="5000" strokeColor="green" isOutline
+              lineCap="round" @click="(e) => { polylineclick(e, '线') }" :strokeWeight="4" />
+
+           
+          </el-amap>
+        </div>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import myxiuanlu from "@/assets/mapjson/Chaangshazhen/myxiuanlu.geojson"
+import roadline2 from "@/assets/mapjson/Chaangshazhen/road-line2.geojson"
+export default {
+  name: "tabThree",
+  props: {
+    id: {
+      type: Number,
+      default: null,
+    }
+  },
+  data() {
+    return {
+      activities: [],
+      loading: false,
+      queryTime: {
+        fromTime: "",
+        toTime: ""
+      },
+      
+      polygonOptions: {
+        strokeColor: '#00C5EC',
+        fillColor: '#00AEFF'
+      },
+      zoom: 11.8,
+      zooms: [3, 20],
+      center: [121.298563, 32.451807],
+      map: null,
+      draggable: false,
+      visible: true,
+      changshazhen: changshazhen,
+      myxiuanlu: myxiuanlu,
+      roadline2: roadline2,
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    init(map) {
+      this.map = map;
+      // o.setMapStyle('amap://styles/darkblue')
+      console.log(this.map.getCenter())
+      console.log(this.$refs.map.$$getInstance())
+    },
+    // 地图点击事件
+    click() {
+      alert('click map')
+    },
+    JSONclick() { },
+    searchList() {
+    },
+    // 重置
+    resetTwo() {
+    },
+    // 获取备忘录列表
+    getList() {
+      this.loading = true;
+      jProjectFund(this.id).then(res => {
+        let arr = [];
+        res.data.forEach(element => {
+          let obj = {};
+          obj.size = 'large';
+          obj.icon = 'icon iconfont icon-jc-kong-yuan';
+          obj.fundAmount = element.fundAmount;
+          obj.appropriationTime = element.appropriationTime;
+          arr.push(obj);
+        });
+        this.activities = arr;
+        this.loading = false;
+      }).catch((err) => {
+        // console.log(err);
+        this.activities = [];
+        this.loading = false;
+      })
+    },
+    formatDate(dateString, id) {
+      const year = dateString.slice(0, 4);
+      const month = dateString.slice(4, 6);
+      const day = dateString.slice(6, 8);
+      if (id == 1) {
+        return `${year}年${month}月${day}日`;
+      } else {
+        return `${year}-${month}-${day}`;
+      }
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.three-box {
+  padding: 10px 20px;
+
+  .row-one {
+    display: flex;
+    align-items: center;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    // line-height: 20px;
+    margin-right: 40px;
+
+    .time-query {
+      height: 30px;
+      background-size: 100% 100%;
+
+      .interval-select {
+        display: flex;
+        align-items: center;
+
+        ::v-deep .el-input__prefix {
+          display: none;
+        }
+
+        .star-time,
+        .end-time {
+          position: relative;
+
+          .data_icon {
+            position: absolute;
+            right: 5px;
+            top: 8px;
+            width: 20px;
+          }
+
+          ::v-deep .el-date-editor {
+            // background-color: transparent;
+            width: 150px;
+
+            .el-input__inner {
+              // background-color: transparent;
+              // border: none;
+              width: 100%;
+              height: 30px;
+              font-size: 14px;
+              font-weight: 500;
+              text-align: center;
+            }
+
+            // .el-input__inner::placeholder {
+            //   /* 在这里添加你想要修改的 placeholder 样式 */
+            //   font-size: 14px;
+            //   font-family: "Source Han Sans CN-Regular";
+            //   font-weight: 400;
+            //   color: #d3eef2;
+            //   -webkit-background-clip: text;
+            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+            // }
+          }
+        }
+
+        .symbol {
+          width: 14px;
+          // height: 6px;
+          line-height: 15px;
+          margin: 0 5px;
+          background-size: 100% 100%;
+        }
+      }
+    }
+
+    .btns {
+      width: 92px;
+      height: 35px;
+      background-image: url("../../../../../../assets/images/inquirebg.png");
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      img {
+        width: 24px;
+        margin-right: 5px;
+      }
+
+      span {
+        font-size: 14px;
+        font-family: "Source Han Sans CN-Regular";
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+
+    .reset {
+      background-image: url("../../../../../../assets/images/resetbg.png");
+      margin: 0 20px;
+    }
+  }
+}
+
+#gjMap {
+  width: 900px;
+  height: 350px;
+}
+</style>

src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabTwo/index copy.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="L-unitInfo">
+    <el-row>
+      <el-col :span="12" class="left-img-box">
+        <div class="img-box img-top-box">
+          <div class="enterprise-header">
+            <span class="dataCloudMap-birght"></span>
+            <div class="enterprise-header-title">正面照</div>
+          </div>
+          <eluploadimg></eluploadimg>
+
+        </div>
+        <div class="img-box  img-bottom-box">
+          <div class="enterprise-header">
+            <span class="dataCloudMap-birght"></span>
+            <div class="enterprise-header-title">其他照片</div>
+          </div>
+          <eluploadimg></eluploadimg>
+
+        </div>
+      </el-col>
+      <el-col :span="12" class="right-img-box">
+        <div class="enterprise-header">
+          <span class="dataCloudMap-birght"></span>
+          <div class="enterprise-header-title">身份证照片</div>
+        </div>
+        <div class="rightleft">
+          <eluploadimgshenfenz></eluploadimgshenfenz>
+          <eluploadimgshenfenz></eluploadimgshenfenz>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+import eluploadimg from "@/views/components/eluploadimg/index.vue"
+import eluploadimgshenfenz from "@/views/components/eluploadimgshenfenz/index.vue"
+export default {
+  name: "tabTwo",
+  components: { eluploadimg,eluploadimgshenfenz },
+  data() {
+    return {
+      // 判断登陆用户是何身份⌈ 01 ： 企业  02 ： 政务 ⌋
+      userType: this.$store.state.user.userType,
+    }
+  },
+
+  props: {
+    info: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  methods: {
+    goEnterprice(creditCode) {
+      // console.log(creditCode);
+      if (this.userType == '01') {
+        this.$router.push({
+          name: 'EenterInfo',
+          query: { userId: this.info.id, creditCode: creditCode }
+        })
+      } else {
+        this.$router.push({
+          name: 'enterpriselibraryInfo',
+          query: { userId: this.info.id, creditCode: creditCode }
+        })
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.L-unitInfo {
+  padding: 10px;
+
+  .enterprise-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+
+    .dataCloudMap-birght {
+      width: 6px;
+      height: 18px;
+      background: #0086FF;
+      box-shadow: 3px 0 3px 0px #0086FF;
+      border-radius: 5px 5px 5px 5px;
+    }
+
+    .enterprise-header-title {
+      font-family: AlibabaPuHuiTiB;
+      margin: 0 10px;
+      font-weight: bold;
+      font-size: 18px;
+      color: #333333;
+    }
+  }
+
+  .left-img-box {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.img-box  {
+  margin-bottom: 20px;
+}
+.rightleft{
+  width: 100%;
+  display: grid;
+  grid-template-columns: 45% 45%;
+  // grid-row-gap: 10px;
+}
+</style>