样式调整

QYF-GitLab1

13 小时以前 07b53eedf9771d98485c9d7e310f6126a53af80e

 src/views/personalCenter/myMessage.vue

@@ -33,7 +33,7 @@
      </div>
    </div>
    <el-dialog align-center v-model="detailDialog" title="消息" class="messageDialog">
      <div>
      <div class="messageContent">
        <div class="title">{{ dataInfo.name }}</div>
        <div class="content" v-html="dataInfo.content"></div>
      </div>
@@ -43,64 +43,64 @@
</template>

<script setup lang="ts">
import { reactive, ref, onMounted, inject, watch } from "vue";
import moment from "moment";
import { useUserStore } from "@/store";
const userStore = useUserStore();
const MG: any = inject("MG");
const config: any = inject("config");
let dataList = ref([]);
import { reactive, ref, onMounted, inject, watch } from 'vue'
import moment from 'moment'
import { useUserStore } from '@/store'
const userStore = useUserStore()
const MG: any = inject('MG')
const config: any = inject('config')
let dataList = ref([])
let pages = reactive({
  page: 1,
  pageSize: 10,
  count: 0,
  loading: false,
});
const detailDialog = ref(false);
})
const detailDialog = ref(false)
let dataInfo = reactive({
  name: "",
  content: "",
});
  name: '',
  content: '',
})

function getDataList() {
  pages.loading = true;
  pages.loading = true
  MG.app
    .getAppMessageList({
      appRefCode: config.appRefCode,
      start: (pages.page - 1) * pages.pageSize,
      size: pages.pageSize,
      sort: {
        type: "Desc",
        field: "CreateDate",
        type: 'Desc',
        field: 'CreateDate',
      },
    })
    .then((res) => {
      pages.count = res.totalSize;
      pages.count = res.totalSize
      res.datas.forEach((item) => {
        item.createDate = moment(item.createDate).format("YYYY-MM-DD HH:mm:ss");
      });
      dataList.value = res.datas;
      pages.loading = false;
        item.createDate = moment(item.createDate).format('YYYY-MM-DD HH:mm:ss')
      })
      dataList.value = res.datas
      pages.loading = false
    })
    .catch(() => {
      pages.loading = false;
    });
      pages.loading = false
    })
}
onMounted(() => {
  getDataList();
});
  getDataList()
})

watch(
  () => userStore?.token,
  () => {
    getDataList();
  }
);
    getDataList()
  },
)

const handleCurrentChange = (val: number) => {
  pages.page = val;
  getDataList();
};
  pages.page = val
  getDataList()
}

function viewDetail(data) {
  MG.app
@@ -109,11 +109,11 @@
    })
    .then((res) => {
      if (res) {
        dataInfo.name = res.name;
        dataInfo.content = res.content;
        detailDialog.value = true;
        dataInfo.name = res.name
        dataInfo.content = res.content
        detailDialog.value = true
      }
    });
    })
}
</script>
<style lang="less" scoped>
@@ -173,6 +173,10 @@

.messageDialog {
  width: 600px;
  .messageContent {
    padding: 15px;
    box-sizing: border-box;
  }

  .title {
    line-height: 22px;