组织换届

src/project/pingchang/AppOrganizational/detail.vue

@@ -0,0 +1,62 @@
+<template>
+  <view class="page">
+    <div class="line-bg"></div>
+    <div class="organization-detail">
+      <p>当前届次：{{dataInfo.sessionTime || '-'}}</p>
+      <p>换届时间：{{dataInfo.changeTime || '-'}}</p>
+      <p class="fw500">该届任职</p>
+      <div style="margin-bottom: 40rpx;">
+        <p v-for="(item, index) in dataInfo.serveList" :key="index">{{item.position}}：{{item.name}}</p>
+      </div>
+      <p class="fw500">该届候选人</p>
+      <p v-for="(item, index) in dataInfo.candidateList" :key="index">{{item.position}}：{{item.name}}</p>
+    </div>
+  </view>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      id: '',
+      dataInfo: {}
+    };
+  },
+  onLoad(options){
+    this.$dict.load('organizationChangeType')
+    this.id = options.id
+    this.getDetail()
+  },
+  methods: {
+    getDetail() {
+      this.$instance.post(`/app/apporganizationgeneralelection/queryDetailById-forwx?id=${this.id}`).then( res => {
+        this.dataInfo = res.data
+      })
+    },
+  },
+};
+</script>
+<style lang="scss" scope>
+ 
+.page {
+    background-color: #fff;
+    .line-bg{
+      height: 20rpx;
+      background-color: #F3F6F9;
+    }
+  .organization-detail{
+    padding: 20rpx 32rpx 0;
+    p{
+      font-size: 32rpx;
+      color: #666;
+      line-height: 48rpx;
+    }
+    .padd-b32{
+      padding-bottom: 40rpx;
+    }
+    .fw500{
+      font-weight: 600;
+      font-family:PingFangSC-Medium,PingFang SC;
+    }
+  }
+}
+</style>