内容管理

src/views/menduner/system/web/PreferredGroup.vue

@@ -3,7 +3,7 @@
     <el-form
       ref="formRef"
       :model="formData"
-      label-width="170px"
+      label-width="150px"
       v-loading="formLoading"
     >
       <el-form-item label="企业名称" prop="enterpriseId" :rules="[{ required: true, message: '请选择企业', trigger: 'blur'}]">
@@ -17,9 +17,9 @@
           @blur="handleChange"
         />
       </el-form-item>
-      <el-form-item label="顶部轮播图左上角LOGO" prop="logo">
+      <!-- <el-form-item label="顶部轮播图左上角LOGO" prop="logo">
         <UploadImg v-model="formData.logo" height="150px" width="150px" />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="顶部轮播图" prop="carousel" :rules="[{ required: true, message: '请上传企业轮播图', trigger: 'change'}]">
         <UploadImgs v-model="formData.carousel" :limit="20" />
       </el-form-item>
@@ -35,8 +35,8 @@
 			<el-form-item label="简介大图" prop="introduce.bigPicture.url">
         <UploadImg v-model="formData.introduce.bigPicture.url" height="150px" width="300px" />
       </el-form-item>
-			<el-form-item label="简介大图高度" prop="introduce.bigPicture.height">
-        <el-input v-model="formData.introduce.bigPicture.height" />
+			<el-form-item label="简介大图高度(小程序)" prop="introduce.bigPicture.height">
+        <el-input-number v-model="formData.introduce.bigPicture.height" :step="20" />
       </el-form-item>
       <el-form-item label="品牌介绍" prop="">
         <el-button @click="handleEditBrandData" type="primary">
@@ -110,7 +110,7 @@ const formData = ref({
     describe: '',
 		thumbnail: [],
 		bigPicture: {
-			height: 115,
+			height: 0,
 			url: ''
 		}
 	}
@@ -126,7 +126,7 @@ const handleChange = () => {
 }
 
 /** 打开弹窗 */
-const result = ref({})
+const result = ref({}) 
 const open = async (key, id) => {
 	currentKey.value = key
   resetForm()

src/views/menduner/system/web/WebContentForm.vue

@@ -7,18 +7,27 @@
       label-width="130px"
       v-loading="formLoading"
     >
-      <el-form-item label="上传图片尺寸" prop="imgSize" required>
-        <el-input v-model="formData.imgSize" disabled />
-      </el-form-item>
       <el-form-item label="图片" prop="url" required>
-        <div style="width: 100%;">
+        <div class="!w-100%">
           <UploadImg v-model="formData.url" :validSpecifications="true" height="150px" width="300px" :fileSize="10" :maxWidth="maxWidth" :maxHeight="maxHeight" />
         </div>
-        <div style="display: flex; color: orange; align-items: center;"><Icon :size="20" icon="ep:warning" class="mr-3px" />提示：请严格按照图片规格上传</div>
+        <div class=" color-orange">
+          <div class="flex items-center">
+            <Icon :size="20" icon="ep:warning" class="mr-3px" />
+            图片尺寸：{{ formData.imgSize }}
+          </div>
+          <div> 注意：请严格按照图片规格上传</div>
+        </div>
       </el-form-item>
       <el-form-item label="展示现有企业详情">
-        <el-switch v-model="showEnterprise" style="display: block;" />
-        <div>点击图片跳转场景：1、跳转到平台现有企业详情页面（有定制集团页面的则会跳转到集团页面），2.跳转已关联的公众号链接或其它外部链接</div>
+        <div class="!w-100%">
+          <el-switch v-model="showEnterprise" />
+        </div>
+        <div>
+          <div>点击图片跳转场景：</div>
+          <div>1、跳转到平台现有企业详情页面（有定制集团页面的则会跳转到集团页面）</div>
+          <div>2、跳转已关联的公众号链接或其它外部链接</div>
+        </div>
       </el-form-item>
       <el-form-item v-if="showEnterprise" label="平台现有企业" prop="link">
         <el-select-v2
@@ -30,14 +39,14 @@
           :props="{ label: 'name', value: 'id' }"
         />
       </el-form-item>
-      <el-form-item v-else label="跳转链接" prop="link" placeholder="请填写">
-        <el-input v-model="formData.link" />
+      <el-form-item v-else label="跳转链接" prop="link">
+        <el-input v-model="formData.link" type="textarea" :rows="3" placeholder="公众号链接或其它外部链接" />
       </el-form-item>
       <el-form-item label="标题" prop="title">
         <el-input v-model="formData.title" placeholder="请填写" />
       </el-form-item>
       <el-form-item label="排序" prop="sort">
-        <el-input v-model="formData.sort" placeholder="请填写" />
+        <el-input-number v-model="formData.sort" />
       </el-form-item>
       <el-form-item label="状态" prop="status" required>
         <el-radio-group v-model="formData.status">
@@ -131,6 +140,7 @@ const open = async (type: string, key: string, title: string, mark?: string) =>
       editId.value = mark
       const { img: url, link, title, status, sort } = query.value[key].find(e => e.mark === mark)
       formData.value = { url, link, title, status, sort }
+      showEnterprise.value = link ? !link.includes('/') : true
     }
   } finally {
     formLoading.value = false
@@ -148,8 +158,14 @@ const submitForm = async () => {
   // 校验表单
   await formRef.value.validate()
   
-  const mark = new Date().getTime().toString()
-  const obj = { img: formData.value.url, link: formData.value.link, mark, title: formData.value.title, status: formData.value.status, sort: formData.value.sort }
+  const obj = { 
+    img: formData.value.url,
+    link: formData.value.link,
+    mark: new Date().getTime().toString(), 
+    title: formData.value.title,
+    status: formData.value.status,
+    sort: formData.value.sort
+  }
   if (formType.value === 'add') {
     query.value[currentKey.value] = query.value[currentKey.value] ? [...query.value[currentKey.value], obj] : [obj]
   } else {

src/views/menduner/system/web/index.vue

@@ -22,7 +22,16 @@
       <el-table-column label="标题" align="center" prop="title" />
       <el-table-column label="图片" align="center" prop="img" width="200">
         <template #default="scope">
-          <el-image v-if="scope.row.img" class="h-150px w-200px" :initial-index="info[tabList[tab].key].findIndex(e => e.mark === scope.row.mark)" :src="scope.row.img" lazy preview-teleported :preview-src-list="info[tabList[tab].key].map(e => e.img)" fit="scale-down" />
+          <el-image
+            v-if="scope.row.img"
+            class="h-150px w-200px"
+            :initial-index="info[tabList[tab].key].findIndex(e => e.mark === scope.row.mark)"
+            :src="scope.row.img"
+            lazy
+            preview-teleported
+            :preview-src-list="info[tabList[tab].key].map(e => e.img)"
+            fit="scale-down"
+          />
         </template>
       </el-table-column>
       <el-table-column label="点击跳转链接" align="center" prop="link">