From 4341b0603a741e701c93b38bd93e1a43af402698 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Mon, 27 Nov 2023 11:26:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=89=8B=E6=9C=BA=E7=AB=AF-?=
 =?UTF-8?q?=E6=A0=87=E5=87=86=E5=8C=96=E5=8A=A8=E6=80=81=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?-=E5=A2=9E=E5=8A=A0=E4=B8=8B=E6=8B=89=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../standDynamics/components/DataCenter.vue   | 156 +++++++++++++++
 .../standDynamics/components/DataCenter2.vue  | 187 ++++++++++++++++++
 .../components/StandardRegulations.vue        | 145 ++++++++++++++
 .../components/UnderResearchStandards.vue     | 145 ++++++++++++++
 .../components/folderPopup.vue                |   0
 .../components/folderTree.vue                 |   0
 src/pages/phone/standDynamics/index.vue       | 108 ++++++++++
 src/router/index.js                           |   3 +
 8 files changed, 744 insertions(+)
 create mode 100644 src/pages/phone/standDynamics/components/DataCenter.vue
 create mode 100644 src/pages/phone/standDynamics/components/DataCenter2.vue
 create mode 100644 src/pages/phone/standDynamics/components/StandardRegulations.vue
 create mode 100644 src/pages/phone/standDynamics/components/UnderResearchStandards.vue
 rename src/pages/phone/{ => standDynamics}/components/folderPopup.vue (100%)
 rename src/pages/phone/{ => standDynamics}/components/folderTree.vue (100%)
 create mode 100644 src/pages/phone/standDynamics/index.vue

diff --git a/src/pages/phone/standDynamics/components/DataCenter.vue b/src/pages/phone/standDynamics/components/DataCenter.vue
new file mode 100644
index 000000000..99b959e25
--- /dev/null
+++ b/src/pages/phone/standDynamics/components/DataCenter.vue
@@ -0,0 +1,156 @@
+<template>
+  <div class="root">
+    <div  style="padding: 10px 12px 0;text-align: right">
+      <van-icon name="filter-o" color="#000" size="20px" style="margin-right: 20px" @click="onOpen" />
+    </div>
+    <PhoneScroll
+        height="calc(100vh - 131px)"
+        :data="list"
+        :total="total"
+        :loading="loading"
+        :pullingUpHandler="pullingUpHandler">
+      <div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
+        <div class="standTitle">
+          <div class="title">
+            {{ item.dataTitle && item.dataTitle.length > 40 ? item.dataTitle.slice(0, 39) + "..." : item.dataTitle }}
+          </div>
+        </div>
+        <div class="standContent">
+          <div class="standState">类型:
+            <span style="color: #35720B; padding-left: 5px;">
+                {{ item.dataType && item.dataType.length > 30 ? item.dataType.slice(0, 29) + "..." : item.dataType }}
+              </span>
+          </div>
+          <div class="standSubTime">上传时间:
+            <span style="padding-left: 5px;">
+               {{ $moment(item.dataUploadTime).format("YYYY-MM-DD HH:mm:ss") }}
+              </span>
+          </div>
+        </div>
+      </div>
+    </PhoneScroll>
+    <folderPopup ref="folderPopupRef"  @checked="setChecked" />
+  </div>
+</template>
+
+<script>
+import folderPopup from "./folderPopup";
+import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
+
+export default {
+  name: "DataCenter",
+  components: {
+    folderPopup,
+    PhoneScroll
+  },
+  data () {
+    return {
+      searchQuery: {
+        page: 1,
+        pageSize: 10,
+        treeId: ''
+      },
+      total: 0,
+      list: [],
+      loading: false,
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    pullingUpHandler () {
+      if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
+        this.searchQuery.page = this.searchQuery.page + 1
+        this.getData()
+      }
+    },
+    onOpen () {
+      this.$refs.folderPopupRef.open(this.searchQuery.treeId || null)
+    },
+    setChecked (currentData) {
+      this.currentSearch = currentData
+      this.searchQuery.treeId = currentData.id || ''
+      this.searchQuery.page = 1
+      this.getData()
+    },
+    getData () {
+      const config = {
+        _this: this,
+        loading: 'loading'
+      }
+      this.$http._getData('fileMaterialCenter/file-material', this.searchQuery, config).then(res => {
+        if (res.ok) {
+          this.total = res.data.total
+          if (this.searchQuery.page === 1) {
+            this.list = res.data.records
+          } else {
+            this.list = [...this.list, ...res.data.records]
+          }
+        }
+      })
+    },
+    jumpDetails(item) {
+      this.$router.push({
+        name: "zlzxDetails",
+        query: {
+          id: item.id
+        }
+      });
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.root {
+  height: 100%;
+}
+.scroll-wrapper {
+  height: calc(100vh - 131px);
+  overflow: hidden;
+  position: relative;
+}
+
+.card-content {
+  width: 95%;
+  height: auto;
+  margin: 10px;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
+
+  .standTitle {
+    .title {
+      font-size: 3.4vw;
+      color: #333333;
+      font-weight: 600;
+      height: auto;
+      line-height: 20px;
+      padding: 5px 10px;
+      text-align: left;
+      border-bottom: 1px solid #cccccc;
+    }
+  }
+
+  .standContent {
+    font-size: 3.4vw;
+    color: #555555;
+    font-weight: 450;
+    margin-top: 5px;
+
+    .standState {
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+
+    .standSubTime {
+      font-size: 3.4vw;
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/phone/standDynamics/components/DataCenter2.vue b/src/pages/phone/standDynamics/components/DataCenter2.vue
new file mode 100644
index 000000000..306daedbe
--- /dev/null
+++ b/src/pages/phone/standDynamics/components/DataCenter2.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="root">
+    <div  style="padding: 10px 12px 0;text-align: right">
+      <van-icon name="filter-o" color="#000" size="20px" style="margin-right: 20px" @click="onOpen" />
+    </div>
+    <div class="scroll-wrapper" ref="scroll">
+      <div class="scroll-content" ref="content">
+        <div class="card-content" v-for="item in standardReleaseList" :key="item.id">
+          <div class="standTitle">
+            <div class="title">
+              {{ item.dataTitle && item.dataTitle.length > 40 ? item.dataTitle.slice(0, 39) + "..." : item.dataTitle }}
+            </div>
+          </div>
+          <div class="standContent">
+            <div class="standState">类型:
+              <span style="color: #35720B; padding-left: 5px;">
+                {{ item.dataType && item.dataType.length > 30 ? item.dataType.slice(0, 29) + "..." : item.dataType }}
+              </span>
+            </div>
+            <div class="standSubTime">上传时间:
+              <span style="padding-left: 5px;">
+               {{ $moment(item.dataUploadTime).format("YYYY-MM-DD HH:mm:ss") }}
+              </span>
+            </div>
+          </div>
+        </div>
+        <van-loading
+            v-if="loading"
+            type="spinner"
+            size="16px"
+            text-size="12px"
+            color="#3170A8"
+            style="text-align: center"
+        >加载中...</van-loading>
+        <div v-if="toEnd && total > 0" style="font-size: 12px;text-align: center;color: #999">暂无更多数据</div>
+        <van-empty v-if="total === 0" description="暂无数据" />
+      </div>
+    </div>
+    <folderPopup ref="folderPopupRef"  @checked="setChecked" />
+  </div>
+</template>
+
+<script>
+import BScroll from '@better-scroll/core'
+import ScrollBar from '@better-scroll/scroll-bar'
+import Pullup from '@better-scroll/pull-up'
+import folderPopup from "./folderPopup";
+
+BScroll.use(ScrollBar)
+BScroll.use(Pullup)
+
+export default {
+  name: "DataCenter",
+  components: {
+    folderPopup
+  },
+  data () {
+    return {
+      searchQuery: {
+        page: 1,
+        pageSize: 10,
+        treeId: ''
+      },
+      total: 0,
+      standardReleaseList: [],
+      loading: false,
+      toEnd: false,
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    refreshScroll () {
+      this.$nextTick(() => {
+        if (!this.bs) {
+          this.bs = new BScroll(this.$refs.scroll, {
+            probeType: 3,
+            scrollbar: true,
+            pullUpLoad: {
+              threshold: 50
+            },
+            click: true
+          })
+          this.bs.on('pullingUp', () => {
+            this.pullingUpHandler()
+
+            // 结束上拉加载
+            this.bs.finishPullUp()
+          })
+
+        } else {
+          this.bs.refresh()
+        }
+      })
+    },
+    pullingUpHandler () {
+      if (this.searchQuery.page * this.searchQuery.pageSize >= this.total) {
+        // 没有更多数据
+        this.toEnd = true
+      } else {
+        this.searchQuery.page = this.searchQuery.page + 1
+        this.getData()
+      }
+    },
+    onOpen () {
+      this.$refs.folderPopupRef.open(this.searchQuery.treeId || null)
+    },
+    setChecked (currentData) {
+      this.currentSearch = currentData
+      this.searchQuery.treeId = currentData.id || ''
+      this.searchQuery.page = 1
+      this.getData()
+    },
+    getData () {
+      const config = {
+        _this: this,
+        loading: 'loading'
+      }
+      this.$http._getData('fileMaterialCenter/file-material', this.searchQuery, config).then(res => {
+        if (res.ok) {
+          this.total = res.data.total
+          if (this.searchQuery.page === 1) {
+            this.standardReleaseList = res.data.records
+          } else {
+            this.standardReleaseList = [...this.standardReleaseList, ...res.data.records]
+          }
+          this.refreshScroll()
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.root {
+  height: 100%;
+}
+.scroll-wrapper {
+  height: calc(100vh - 131px);
+  overflow: hidden;
+  position: relative;
+}
+
+.card-content {
+  width: 95%;
+  height: auto;
+  margin: 10px;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
+
+  .standTitle {
+    .title {
+      font-size: 3.4vw;
+      color: #333333;
+      font-weight: 600;
+      height: auto;
+      line-height: 20px;
+      padding: 5px 10px;
+      text-align: left;
+      border-bottom: 1px solid #cccccc;
+    }
+  }
+
+  .standContent {
+    font-size: 3.4vw;
+    color: #555555;
+    font-weight: 450;
+    margin-top: 5px;
+
+    .standState {
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+
+    .standSubTime {
+      font-size: 3.4vw;
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/phone/standDynamics/components/StandardRegulations.vue b/src/pages/phone/standDynamics/components/StandardRegulations.vue
new file mode 100644
index 000000000..8c6772458
--- /dev/null
+++ b/src/pages/phone/standDynamics/components/StandardRegulations.vue
@@ -0,0 +1,145 @@
+<template>
+  <PhoneScroll
+      height="calc(100vh - 131px)"
+      :data="list"
+      :total="total"
+      :loading="loading"
+      :pullingUpHandler="pullingUpHandler">
+    <div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
+      <div class="standTitle">
+        <div class="title">{{ item.standardName }}</div>
+      </div>
+      <div class="standContent">
+        <div class="standState">标准状态:
+          <span style="color: #35720B; padding-left: 5px;">
+            {{ dict.WBZTCLASS && dict.WBZTCLASS.find(i => i.value === item.textState).label || '-' }}
+          </span>
+        </div>
+        <div class="standSubTime">发布日期:
+          <span style="padding-left: 5px;">{{ item.releaseDate }}</span>
+        </div>
+      </div>
+    </div>
+  </PhoneScroll>
+</template>
+
+<script>
+import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
+
+export default {
+  name: "StandardRegulations",
+  components: {
+    PhoneScroll
+  },
+  data() {
+    return {
+      searchQuery: {
+        page: 1,
+        pageSize: 10,
+        messageType: 'GNWBZFG'
+      },
+      total: 0,
+      list: [],
+      loading: false,
+      dict: {}
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    pullingUpHandler () {
+      if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
+        this.searchQuery.page = this.searchQuery.page + 1
+        this.getData()
+      }
+    },
+    getData () {
+      const config = {
+        _this: this,
+        loading: 'loading'
+      }
+      this.$http._getData("lawss/NewsFeed/getNewsFeed", this.searchQuery, config).then(res => {
+        if (res.ok) {
+          this.total = res.data.total
+
+          if (this.searchQuery.page === 1) {
+            this.list = res.data.records
+          } else {
+            this.list = [...this.list, ...res.data.records]
+          }
+        }
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = {...res.data}
+      })
+    },
+    jumpDetails(item) {
+      this.$router.push({
+        name: "domesticDetails",
+        query: {
+          id: item.standardId,
+          pageType: "INLAND_STAND"
+        }
+      });
+    }
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.root {
+  height: 100%;
+}
+.scroll-wrapper {
+  height: calc(100vh - 131px);
+  overflow: hidden;
+  position: relative;
+}
+
+.card-content {
+  width: 95%;
+  height: auto;
+  margin: 10px;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
+
+  .standTitle {
+    .title {
+      font-size: 3.4vw;
+      color: #333333;
+      font-weight: 600;
+      height: auto;
+      line-height: 20px;
+      padding: 5px 10px;
+      text-align: left;
+      border-bottom: 1px solid #cccccc;
+    }
+  }
+
+  .standContent {
+    font-size: 3.4vw;
+    color: #555555;
+    font-weight: 450;
+    margin-top: 5px;
+
+    .standState {
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+
+    .standSubTime {
+      font-size: 3.4vw;
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/phone/standDynamics/components/UnderResearchStandards.vue b/src/pages/phone/standDynamics/components/UnderResearchStandards.vue
new file mode 100644
index 000000000..0da19b0f6
--- /dev/null
+++ b/src/pages/phone/standDynamics/components/UnderResearchStandards.vue
@@ -0,0 +1,145 @@
+<template>
+  <PhoneScroll
+      height="calc(100vh - 131px)"
+      :data="list"
+      :total="total"
+      :loading="loading"
+      :pullingUpHandler="pullingUpHandler">
+    <div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
+      <div class="standTitle">
+        <div class="title">{{ item.standardName }}</div>
+      </div>
+      <div class="standContent">
+        <div class="standState">标准状态:
+          <span style="color: #35720B; padding-left: 5px;">
+            {{ dict.WBZTCLASS && dict.WBZTCLASS.find(i => i.value === item.textState).label || '-' }}
+          </span>
+        </div>
+        <div class="standSubTime">发布日期:
+          <span style="padding-left: 5px;">{{ item.releaseDate }}</span>
+        </div>
+      </div>
+    </div>
+  </PhoneScroll>
+</template>
+
+<script>
+import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
+
+export default {
+  name: "UnderResearchStandards",
+  components: {
+    PhoneScroll
+  },
+  data() {
+    return {
+      searchQuery: {
+        page: 1,
+        pageSize: 10,
+        messageType: 'ZYBZFG'
+      },
+      total: 0,
+      list: [],
+      loading: false,
+      dict: {}
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    pullingUpHandler () {
+      if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
+        this.searchQuery.page = this.searchQuery.page + 1
+        this.getData()
+      }
+    },
+    getData () {
+      const config = {
+        _this: this,
+        loading: 'loading'
+      }
+      this.$http._getData("lawss/NewsFeed/getNewsFeed", this.searchQuery, config).then(res => {
+        if (res.ok) {
+          this.total = res.data.total
+
+          if (this.searchQuery.page === 1) {
+            this.list = res.data.records
+          } else {
+            this.list = [...this.list, ...res.data.records]
+          }
+        }
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = {...res.data}
+      })
+    },
+    jumpDetails(item) {
+      this.$router.push({
+        name: "domesticDetails",
+        query: {
+          id: item.standardId,
+          pageType: "INLAND_STAND"
+        }
+      });
+    }
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.root {
+  height: 100%;
+}
+.scroll-wrapper {
+  height: calc(100vh - 131px);
+  overflow: hidden;
+  position: relative;
+}
+
+.card-content {
+  width: 95%;
+  height: auto;
+  margin: 10px;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
+
+  .standTitle {
+    .title {
+      font-size: 3.4vw;
+      color: #333333;
+      font-weight: 600;
+      height: auto;
+      line-height: 20px;
+      padding: 5px 10px;
+      text-align: left;
+      border-bottom: 1px solid #cccccc;
+    }
+  }
+
+  .standContent {
+    font-size: 3.4vw;
+    color: #555555;
+    font-weight: 450;
+    margin-top: 5px;
+
+    .standState {
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+
+    .standSubTime {
+      font-size: 3.4vw;
+      padding-left: 10px;
+      height: 35px;
+      line-height: 35px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/phone/components/folderPopup.vue b/src/pages/phone/standDynamics/components/folderPopup.vue
similarity index 100%
rename from src/pages/phone/components/folderPopup.vue
rename to src/pages/phone/standDynamics/components/folderPopup.vue
diff --git a/src/pages/phone/components/folderTree.vue b/src/pages/phone/standDynamics/components/folderTree.vue
similarity index 100%
rename from src/pages/phone/components/folderTree.vue
rename to src/pages/phone/standDynamics/components/folderTree.vue
diff --git a/src/pages/phone/standDynamics/index.vue b/src/pages/phone/standDynamics/index.vue
new file mode 100644
index 000000000..cfc768362
--- /dev/null
+++ b/src/pages/phone/standDynamics/index.vue
@@ -0,0 +1,108 @@
+<!--全库检索-->
+<template>
+  <div id="standDynamics">
+    <div class="search-head">
+      <div class="head-title">
+        <span class="left-title" @click="back"> < </span>
+        <span class="right-title">标准化动态</span>
+      </div>
+      <van-tabs v-model="active">
+        <van-tab name="ZYBZFG" title="在研标准入库">
+          <UnderResearchStandards v-if="active==='ZYBZFG'"></UnderResearchStandards>
+        </van-tab>
+        <van-tab name="GNWBZFG" title="标准法规入库">
+          <StandardRegulations v-if="active==='GNWBZFG'"></StandardRegulations>
+        </van-tab>
+        <van-tab name="ZLZX" title="资料中心">
+          <DataCenter v-if="active==='ZLZX'"></DataCenter>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import UnderResearchStandards from "./components/UnderResearchStandards";
+import StandardRegulations from "./components/StandardRegulations";
+import DataCenter from "./components/DataCenter";
+
+export default {
+  name: "standDynamics",
+  components: {
+    UnderResearchStandards,
+    StandardRegulations,
+    DataCenter
+  },
+  data() {
+    return {
+      active: "ZYBZFG",
+    };
+  },
+  methods: {
+    //返回上一个页面
+    back() {
+      this.$router.push("/phoneHome");
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#standDynamics {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  background: #F6F6F6;
+
+  .search-head {
+    width: 100%;
+    height: 100px;
+    background: #3170A8;
+  }
+
+  .head-title {
+    color: #FFFFFF;
+    line-height: 40px;
+    font-size: 18px;
+
+    .left-title {
+      margin-left: 10px;
+    }
+
+    .right-title {
+      float: right;
+      margin-right: 40%;
+    }
+  }
+
+  .van-tabs {
+    margin-top: 17px;
+  }
+
+  /deep/ .van-tabs__content {
+    width: 100%;
+    height: 95%;
+  }
+
+  .van-tab {
+    color: #3170A8;
+  }
+
+  /deep/ .van-tab--active {
+    color: #3170A8;
+    font-weight: 600;
+  }
+
+  /deep/ .van-tabs__line {
+    width: 30%;
+    background-color: #3170A8;
+  }
+
+  /deep/ .van-tab__pane {
+    height: 95%;
+    position: fixed;
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 7299ca608..eebcda262 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -105,8 +105,11 @@ const routes = [
   {
     path: '/standDynamics',
     name: 'standDynamics',
+    component: () => import('@/pages/phone/standDynamics/index')
+    /*
     component: () =>
       import('@/pages/phone/standDynamics')
+     */
   },
   {
     path: '/domesticStand',