bug

src/mods/AppProgressNew/detail.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="Page" v-if="showPage">
+    <div class="processNames">{{ detail.processName }}</div>
+
+    <div class="types">{{ name }}</div>
+
+    <div class="conts" v-html="detail.needToKnow"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  components: {},
+  props: {},
+  data() {
+    return {
+      showPage: false,
+      id: '',
+      detail: {},
+      classList: {},
+      name: '',
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad(option) {
+    this.id = option.id
+    this.getDetail()
+  },
+  onShow() {},
+  methods: {
+    getDetail() {
+      this.$instance.post(`/app/approval-process-def/info-id?id=${this.id}`).then((res) => {
+        if (res.code == 0) {
+          this.detail = res.data
+          this.detail.needToKnow =
+            '2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读2月22日，2022年中央一号文件发布。文件突出年度性任务、针对性举措、实效性导向，部署2022年全面推进乡村振兴重点工作。文件要点速读'
+          this.typeList()
+        }
+      })
+    },
+
+    typeList() {
+      this.$instance
+        .post(`/app/zwspapprovalclassification/list-xcx`, null, {
+          params: {
+            current: 1,
+            status: 1,
+            size: 9999,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.classList = res.data.records
+            if (this.classList) {
+              this.classList.map((e) => {
+                if (this.detail.classificationId == e.id) {
+                  this.name = e.desc
+                }
+              })
+              this.showPage = true
+            }
+          }
+        })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Page {
+  padding: 32px 32px 48px 32px;
+  background: #fff;
+  .processNames {
+    font-size: 48px;
+    font-weight: 600;
+  }
+  .types {
+    padding-top: 16px;
+    font-size: 30px;
+    color: #999999;
+  }
+  .conts {
+    padding-top: 64px;
+    font-size: 36px;
+    line-height: 32px;
+  }
+}
+</style>