修改文本换行

src/modules/compnay/views/View.vue

@@ -43,22 +43,20 @@ onMounted(() => {
 <template>
   <AppCard title="公司详情">
     <el-descriptions :column="2" border>
-      <el-descriptions-item label="公司名称:">{{ detailList?.name }}</el-descriptions-item>
-      <el-descriptions-item label="企业邮箱:" align="left">{{ detailList?.email }}</el-descriptions-item>
-      <el-descriptions-item label="社会统一信用代码:">{{ detailList?.code }}</el-descriptions-item>
-      <el-descriptions-item label="公司运营性质:" align="left">
+      <el-descriptions-item label="公司名称:" width="150px">{{ detailList?.name }}</el-descriptions-item>
+      <el-descriptions-item label="企业邮箱:" align="left" width="150px">{{ detailList?.email }}</el-descriptions-item>
+      <el-descriptions-item label="社会统一信用代码:" width="150px">{{ detailList?.code }}</el-descriptions-item>
+      <el-descriptions-item label="公司运营性质:" align="left" width="150px">
         {{ natureList.filter((item:any) => item.value === detailList?.nature)[0]?.label }}
       </el-descriptions-item>
-      <el-descriptions-item label="营业执照附件:">
-        <el-image :src="detailList?.business_licence" style="width: 300px"></el-image>
+      <el-descriptions-item label="营业执照附件:" width="150px">
+        <el-image :src="detailList?.business_licence" style="width: 150px"></el-image>
       </el-descriptions-item>
-      <el-descriptions-item label="公司Logo:" class="logo_class">
-        <el-image :src="detailList?.logo" style="width: 300px"></el-image>
+      <el-descriptions-item label="公司Logo:" class="logo_class" width="200px">
+        <el-image :src="detailList?.logo" style="width: 150px"></el-image>
       </el-descriptions-item>
-      <el-descriptions-item label="公司介绍:" :span="1">
-        <div class="project_intro">
-          {{ detailList?.desc }}
-        </div>
+      <el-descriptions-item label="公司介绍:" :span="1" width="150px">
+        <div class="project_intro" v-html="detailList?.desc"></div>
       </el-descriptions-item>
     </el-descriptions>
     <el-row justify="end" v-if="route.query.status === '3'" style="margin-top: 20px">

src/modules/job/views/View.vue

@@ -29,12 +29,14 @@ const handleAdultFailed = () => {
   })
 }
 const detailList: any = ref({})
+
 const handleDetail = () => {
   const params: any = {
     id: route.query.id
   }
   getPositionDetails(params).then((res: any) => {
     detailList.value = res.data.detail
+    detailList.value.desc = res.data.detail.desc.replace(/\n/g, '<br>')
   })
 }
 onMounted(() => {
@@ -60,8 +62,8 @@ onMounted(() => {
         {{ detailList?.salary_min }}-{{ detailList?.salary_max }}
       </el-descriptions-item>
       <el-descriptions-item label="岗位介绍:">
-        <div class="project_intro">{{ detailList?.desc }}</div></el-descriptions-item
-      >
+        <div class="project_intro" v-html="detailList.desc"></div>
+      </el-descriptions-item>
     </el-descriptions>
     <el-row justify="end" v-if="route.query.status === '3'">
       <el-button type="primary" @click="handleAdultSuccess">审核通过</el-button>

src/modules/project/views/View.vue

@@ -36,6 +36,7 @@ onMounted(() => {
   const params: any = { id: route.query.id }
   getProjectDetails(params).then(res => {
     detailList.value = res.data.detail
+    detailList.value.desc = res.data.detail.desc.replace(/\n/g, '<br>')
   })
 })
 </script>
@@ -64,9 +65,7 @@ onMounted(() => {
       </el-descriptions-item>
     </el-descriptions>
     <div class="project_intro_title">项目介绍</div>
-    <div class="project_intro_desc">
-      {{ detailList.desc }}
-    </div>
+    <div class="project_intro_desc" v-html="detailList.desc"></div>
     <div class="project_intro_title">项目文件</div>
     <div class="dataList">
       <a target="_blank" :href="item.url || item" v-for="(item, index) in detailList.documents" :key="index">