移治风采接口对接

src/api/szyf.js

@@ -9,6 +9,23 @@ export function getEventRate (params) {
   })
 }
 
+// 治理人员列表
+export function governUserList (params) {
+  return request({
+    url: '/api/resi/partymember/yifengScreen/governUserList',
+    method: 'GET',
+    params
+  })
+}
+// 治理人员列表
+export function governUserDetail (params) {
+  return request({
+    url: `/api/resi/partymember/yifengScreen/governUserDetail/${params.id}`,
+    method: 'GET',
+    params
+  })
+}
+
 // 事件处理实况
 export function getEventAnalysis (params) {
   return request({

src/views/next/dialog-module/szyf-right/yzfcModal.vue

@@ -20,28 +20,53 @@
                 </div>
                 <div class="content-basic">
                   <div class="content-basic-image">
-                    <img :src="info.imageList[0]" />
+                    <img v-if="info.headPhoto" :src="info.headPhoto" />
+                    <div class="noImage" v-else>暂无封面</div>
                   </div>
                   <div class="content-basic-content">
                     <div class="content-basic-content-rows">
                       <div class="content-basic-content-rows-title">姓名：</div>
-                      <div class="content-basic-content-rows-txt">{{info.name}}</div>
+                      <div class="content-basic-content-rows-txt">
+                        {{ info.name }}
+                      </div>
+                    </div>
+                    <div class="content-basic-content-rows">
+                      <div class="content-basic-content-rows-title">性别：</div>
+                      <div class="content-basic-content-rows-txt">
+                        {{
+                          info.gender == "0"
+                            ? "女"
+                            : info.gender == "1"
+                            ? "男"
+                            : "--"
+                        }}
+                      </div>
                     </div>
                     <div class="content-basic-content-rows">
-                      <div class="content-basic-content-rows-title">地址：</div>
+                      <div class="content-basic-content-rows-title">
+                        手机号：
+                      </div>
+                      <div class="content-basic-content-rows-txt">
+                        {{ info.mobile }}
+                      </div>
+                    </div>
+                    <div class="content-basic-content-rows">
+                      <div class="content-basic-content-rows-title">
+                        身份证号：
+                      </div>
                       <div class="content-basic-content-rows-txt">
-                        {{info.gridName}}
+                        {{ info.idCard }}
                       </div>
                     </div>
                   </div>
                 </div>
                 <div class="content-title">
                   <!-- <div><img src="@/assets/images/common/star-icon.png" /></div> -->
-                  <div>党员风采</div>
+                  <div>移治风采</div>
                 </div>
                 <div class="content-desc">
                   <p>
-                    {{ info.mainDeed }}
+                    {{ info.introduce }}
                   </p>
                 </div>
               </div>
@@ -54,41 +79,44 @@
 </template>
 
 <script>
-import { mapGetters, mapActions } from 'vuex'
-import { partymemberStyleDetail } from '@/api/hsyf'
+import { mapGetters, mapActions } from "vuex";
+// import { partymemberStyleDetail } from '@/api/hsyf'
+import { governUserDetail } from "@/api/szyf";
 export default {
-  name: '',
-  data () {
+  name: "",
+  data() {
     return {
-      dialogTitle: '“移”治风采',
+      dialogTitle: "“移”治风采",
       loading: false,
-      info: {}
-    }
+      info: {},
+    };
   },
   computed: {
-    ...mapGetters(['yzfcShow'])
+    ...mapGetters(["yzfcShow"]),
   },
   watch: {
-    yzfcShow (value) {
+    yzfcShow(value) {
       if (value) {
-        partymemberStyleDetail({ id: this.$store.state.dialog.yzfcId }).then(res => {
-          this.info = res.data
-        })
+        governUserDetail({ id: this.$store.state.dialog.yzfcId }).then(
+          (res) => {
+            this.info = res.data;
           }
+        );
       }
     },
+  },
   components: {},
-  mounted () {},
-  created () {},
+  mounted() {},
+  created() {},
   methods: {
     ...mapActions({
-      showGlobalDialog: 'showGlobalDialog'
+      showGlobalDialog: "showGlobalDialog",
     }),
-    closeDialog () {
-      this.showGlobalDialog('')
-    }
-  }
-}
+    closeDialog() {
+      this.showGlobalDialog("");
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -106,7 +134,7 @@ export default {
   section {
     @include flex(column);
     // background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important;
-    background: url('~@/assets/images/common/dialog-bg.png') no-repeat !important;
+    background: url("~@/assets/images/common/dialog-bg.png") no-repeat !important;
     background-size: 100% 100% !important;
     width: 744px;
     height: 658px;
@@ -129,8 +157,7 @@ export default {
 
       .title-container {
         align-items: center;
-        background: url("~@/assets/images/common/dialog-header.png")
-          no-repeat;
+        background: url("~@/assets/images/common/dialog-header.png") no-repeat;
         background-size: 100% 100%;
         display: flex;
         justify-content: center;
@@ -280,6 +307,13 @@ export default {
           width: 116px;
           height: 160px;
         }
+        .noImage {
+          width: 116px;
+          height: 160px;
+          line-height: 160px;
+          text-align: center;
+          border: 1px solid rgba(255, 255, 255, 0.6);
+        }
       }
       &-content {
         &-rows {

src/views/next/screen-content-right/szyf-right/index.vue

@@ -39,12 +39,12 @@
               :key="index"
             >
               <div>
-                <img v-if="item.imageList[0]" :src="item.imageList[0]" alt="" />
+                <img v-if="item.headPhoto" :src="item.headPhoto" alt="" />
                 <div v-else>暂无图片</div>
               </div>
               <div class="name">{{ item.name }}</div>
-              <div class="unit">{{ item.gridName }}</div>
-              <div class="title">{{ item.mainDeed }}</div>
+              <!-- <div class="unit">{{ item.gridName }}</div> -->
+              <div class="title">{{ item.introduce }}</div>
             </div>
           </div>
         </vue-seamless-scroll>
@@ -61,7 +61,7 @@
 
 <script>
 import { mapActions } from 'vuex'
-import { actPageList, partymemberStyleList } from '@/api/hsyf'
+import { governUserList } from '@/api/szyf'
 export default {
   data () {
     return {
@@ -168,7 +168,7 @@ export default {
   mounted () {
     this.$nextTick(() => {
       this.initChart()
-      partymemberStyleList({
+      governUserList({
         publishPartyOrgId: '',
         actType: '',
         topic: '',
@@ -505,12 +505,15 @@ export default {
         font-family: PingFang SC;
         font-size: 14px;
         padding: 0 5px;
+        line-height: 21px;
         font-weight: 400;
+        height: 84px;
         color: #ffffff;
         overflow: hidden;
         width: 122px;
+        text-indent: 1em;
         display: -webkit-box;
-        -webkit-line-clamp: 3; /* 设置最多显示2行 */
+        -webkit-line-clamp: 4; /* 设置最多显示4行 */
         -webkit-box-orient: vertical;
         text-overflow: ellipsis;
       }