代码提交

src/views/next/dialog-module/hsyf-left/company/attractions.vue

@@ -213,66 +213,66 @@
 </template>
 
 <script>
-import { mapGetters, mapActions } from 'vuex'
-import { partyPlacePage, partyPlace } from '@/api/hsyf'
+import { mapGetters, mapActions } from "vuex";
+import { partyPlacePage, partyPlace } from "@/api/hsyf";
 export default {
-  name: '',
-  data () {
+  name: "",
+  data() {
     return {
-      dialogTitle: '移风阵地',
-      currentId: '1',
+      dialogTitle: "移风阵地",
+      currentId: "1",
       dataList: [],
       titles: {
-        4: '干部队伍建设',
-        5: '战斗堡垒筑牢',
-        6: '强村共富先行',
-        7: '党建品牌打造'
+        4: "干部队伍建设",
+        5: "战斗堡垒筑牢",
+        6: "强村共富先行",
+        7: "党建品牌打造",
       },
-      info: { description: '' },
-      loading: false
-    }
+      info: { description: "" },
+      loading: false,
+    };
   },
   computed: {
-    ...mapGetters(['hsyfAttractions', 'djType'])
+    ...mapGetters(["hsyfAttractions", "djType"]),
   },
   watch: {
-    djType (value) {
-      this.getData()
-    }
+    djType(value) {
+      this.getData();
+    },
   },
   components: {},
-  mounted () {},
-  created () {
+  mounted() {},
+  created() {
     if (this.djType) {
-      this.getData()
+      this.getData();
     }
   },
   methods: {
     ...mapActions({
-      showGlobalDialog: 'showGlobalDialog'
+      showGlobalDialog: "showGlobalDialog",
     }),
-    getData () {
+    getData() {
       partyPlacePage({ page: 1, limit: 100, type: this.djType }).then((res) => {
-        this.currentId = res.data.list.id
-        this.dataList = res.data.list
+        this.currentId = res.data.list.id;
+        this.dataList = res.data.list;
         if (this.dataList.length > 0) {
-          this.onDatils(this.dataList[0])
+          this.onDatils(this.dataList[0]);
         } else {
-          this.info = { description: '' }
+          this.info = { description: "" };
         }
-      })
+      });
     },
-    closeDialog () {
-      this.showGlobalDialog('')
+    closeDialog() {
+      this.showGlobalDialog("");
     },
-    onDatils (item) {
-      this.currentId = item.id
+    onDatils(item) {
+      this.currentId = item.id;
       partyPlace(item.id).then((res) => {
-        this.info = res.data
-      })
-    }
-  }
-}
+        this.info = res.data;
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -360,7 +360,7 @@ export default {
       );
       &-list {
         &-item {
-          width: 272px;
+          width: 248px;
           height: 44px;
           line-height: 44px;
           font-size: 16px;
@@ -368,6 +368,9 @@ export default {
           font-weight: 500;
           color: #fbe9c5;
           font-family: PingFang SC;
+          overflow: hidden; /* 隐藏超出的内容 */
+          text-overflow: ellipsis; /* 显示省略号 */
+          white-space: nowrap;
         }
         .action {
           color: #ffffff;