fix : 修改联系方式，首页数据

src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue

@@ -1,42 +1,21 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="dialogVisible" title="添加咨询热线" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="dialogVisible"
-    title="添加咨询热线"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :rules="rules">
       <el-row>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_user" type="text" placeholder="请输入联系人"></el-input>
-            label="咨询留言人"
-            prop="consulting_hotline_user"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_user"
-              type="text"
-              placeholder="请输入咨询留言人"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
-            label="咨询热线方式"
-            prop="consulting_hotline_phone"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_phone"
-              type="text"
-              placeholder="请输入咨询热线方式"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
-            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -44,9 +23,7 @@
 
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleAddClick(formRef)"
+        <el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
-          >添加</el-button
-        >
         <el-button @click="handleResetClick(formRef)">重置</el-button>
       </span>
     </template>
@@ -91,13 +68,13 @@ const rules = reactive({
   consulting_hotline_user: [
     {
       required: true,
-      message: '咨询留言人不能为空'
+      message: '联系人不能为空'
     }
   ],
   consulting_hotline_phone: [
     {
       required: true,
-      message: '咨询热线方式不能为空'
+      message: '联系方式不能为空'
     }
   ]
 });
@@ -105,7 +82,7 @@ const rules = reactive({
 // --基础方法
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   handleResetClick(formRef.value);

src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue

@@ -1,42 +1,21 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="props.modelValue" title="咨询热线详情" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="props.modelValue"
-    title="咨询热线详情"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :disabled="true">
       <el-row>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_user" type="text" placeholder="联系人"></el-input>
-            label="咨询留言人"
-            prop="consulting_hotline_user"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_user"
-              type="text"
-              placeholder="请输入咨询留言人"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
-            label="咨询热线方式"
-            prop="consulting_hotline_phone"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_phone"
-              type="text"
-              placeholder="请输入咨询热线方式"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
-            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -72,7 +51,7 @@ watch(props, v => {
 });
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   emits('update:modelValue', false);

src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue

@@ -1,51 +1,28 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="props.modelValue" title="编辑咨询热线" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="props.modelValue"
-    title="编辑咨询热线"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :rules="rules">
       <el-row>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_user" type="text" placeholder="联系人"></el-input>
-            label="咨询留言人"
-            prop="consulting_hotline_user"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_user"
-              type="text"
-              placeholder="请输入咨询留言人"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
-            :label-width="labelWidth"
+            <el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
-            label="咨询热线方式"
-            prop="consulting_hotline_phone"
-          >
-            <el-input
-              v-model="formData.consulting_hotline_phone"
-              type="text"
-              placeholder="请输入咨询热线方式"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
-            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleEditClick(formRef)"
+        <el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
-          >编辑</el-button
-        >
         <el-button @click="handleResetClick(formRef)">重置</el-button>
       </span>
     </template>
@@ -88,7 +65,7 @@ watch(props, v => {
 });
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   props.done();
@@ -99,13 +76,13 @@ const rules = reactive({
   consulting_hotline_user: [
     {
       required: true,
-      message: '咨询留言人不能为空'
+      message: '联系人不能为空'
     }
   ],
   consulting_hotline_phone: [
     {
       required: true,
-      message: '咨询热线方式不能为空'
+      message: '联系方式不能为空'
     }
   ]
 });

src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue

@@ -1,38 +1,34 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="dialogVisible" title="添加联系扫码" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="dialogVisible"
-    title="添加联系扫码"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :rules="rules">
       <el-row>
         <el-col :span="24">
-          <el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
+          <el-form-item :label-width="labelWidth" label="标题" prop="contact_scancode_title">
             <el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="24">
+        <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
-            :label-width="labelWidth"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
-            label="联系扫码图片"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-            prop="contact_scancode_img"
+          </el-form-item>
-          >
+        </el-col>
-            <UploadImage
+        <el-col :span="12">
-              ref="uploadRef"
+          <el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
-              v-model="formData.contact_scancode_img"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
-              :data="uoloadData"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-              :limit="1"
+          </el-form-item>
-              :fileSize="5"
+        </el-col>
-              :drag="true"
+        <el-col :span='12'>
-              :isShowTip="false"
+          <el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
-            />
+            <el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
+              style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
-            <el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.contact_scancode_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -40,9 +36,7 @@
 
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleAddClick(formRef)"
+        <el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
-          >添加</el-button
-        >
         <el-button @click="handleResetClick(formRef)">重置</el-button>
       </span>
     </template>
@@ -95,7 +89,7 @@ const rules = reactive({
 // --基础方法
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   handleResetClick(formRef.value);

src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue

@@ -1,11 +1,5 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="props.modelValue" title="联系扫码详情" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="props.modelValue"
-    title="联系扫码详情"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :disabled="true">
       <el-row>
         <el-col :span="24">
@@ -14,25 +8,27 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
-            :label-width="labelWidth"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
-            label="联系扫码图片"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-            prop="contact_scancode_img"
+          </el-form-item>
-          >
+        </el-col>
-            <UploadImage
+        <el-col :span="12">
-              ref="uploadRef"
+          <el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
-              v-model="formData.contact_scancode_img"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
-              :data="uoloadData"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-              :limit="1"
+          </el-form-item>
-              :fileSize="5"
+        </el-col>
-              :drag="true"
+        <el-col :span='12'>
-              :isShowTip="false"
+          <el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
-            />
+            <el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
+              style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
-            <el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.contact_scancode_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -68,7 +64,7 @@ watch(props, v => {
 });
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   emits('update:modelValue', false);

src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue

@@ -1,55 +1,41 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="props.modelValue" title="编辑联系扫码" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="props.modelValue"
-    title="编辑联系扫码"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :rules="rules">
       <el-row>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
-            :label-width="labelWidth"
+            <el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
-            label="联系扫码标题"
-            prop="contact_scancode_title"
-          >
-            <el-input
-              v-model="formData.contact_scancode_title"
-              type="text"
-              placeholder="请输入标题"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
-            :label-width="labelWidth"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
-            label="联系扫码图片"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-            prop="contact_scancode_img"
+          </el-form-item>
-          >
+        </el-col>
-            <UploadImage
+        <el-col :span="12">
-              ref="uploadRef"
+          <el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
-              v-model="formData.contact_scancode_img"
+            <UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
-              :data="uoloadData"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-              :limit="1"
+          </el-form-item>
-              :fileSize="5"
+        </el-col>
-              :drag="true"
+        <el-col :span='12'>
-              :isShowTip="false"
+          <el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
-            />
+            <el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
+              style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
-            <el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
+            <el-input-number v-model="formData.contact_scancode_order" controls-position="right"
+              :min="0"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleEditClick(formRef)"
+        <el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
-          >编辑</el-button
-        >
         <el-button @click="handleResetClick(formRef)">重置</el-button>
       </span>
     </template>
@@ -92,7 +78,7 @@ watch(props, v => {
 });
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   props.done();

src/pages/index/contact_us/contact_info/contact_scancode/index.vue

@@ -2,9 +2,7 @@
   <!-- 面包屑 -->
   <el-breadcrumb>
     <el-breadcrumb-item>联系方式</el-breadcrumb-item>
-    <el-breadcrumb-item to="/contact_scancode/list"
+    <el-breadcrumb-item to="/contact_scancode/list">联系扫码列表</el-breadcrumb-item>
-      >联系扫码列表</el-breadcrumb-item
-    >
   </el-breadcrumb>
 
   <el-space style="margin-bottom: 10px">
@@ -30,32 +28,36 @@
     </el-dropdown>
   </el-space>
   <!-- 数据表格 -->
-  <DataTable
+  <DataTable ref="tableRef" style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column"
-    ref="tableRef"
+    :params="params" :request="params => getContactScancodeList(params)">
-    style="width: 100%"
-    :onSelectionChange="data => (selectionData = data)"
-    :column="column"
-    :params="params"
-    :request="params => getContactScancodeList(params)"
-  >
     <template #contact_scancode_img="scope">
-      <el-image
+      <el-image v-if="scope.row.contact_scancode_img" :src="scope.row.contact_scancode_img.split(',')[0]" lazy
-        v-if="scope.row.contact_scancode_img"
+        :preview-src-list="scope.row.contact_scancode_img.split(',')" :preview-teleported="true"
-        :src="scope.row.contact_scancode_img.split(',')[0]"
+        :hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
-        lazy
-        :preview-src-list="scope.row.contact_scancode_img.split(',')"
-        :preview-teleported="true"
-        :hide-on-click-modal="true"
-        fit="contain"
-        class="el-avatar"
-      ></el-image>
       <template v-else>暂无图片</template>
     </template>
- <!-- 排序 -->
+
- <template #contact_scancode_order="scope">
+    <template #contact_scancode_icon="scope">
-  <el-input-number :disabled="loading" v-model='scope.row.contact_scancode_order' controls-position="right"
+      <el-image v-if="scope.row.contact_scancode_icon" :src="scope.row.contact_scancode_icon.split(',')[0]" lazy
-    @change="handleEditOrder(scope.row)" :min="1"></el-input-number>
+        :preview-src-list="scope.row.contact_scancode_icon.split(',')" :preview-teleported="true"
-</template>
+        :hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
+      <template v-else>暂无图片</template>
+    </template>
+
+    <!-- 排序 -->
+    <template #contact_scancode_order="scope">
+      <el-input-number :disabled="loading" v-model='scope.row.contact_scancode_order' controls-position="right"
+        @change="handleEditOrder(scope.row)" :min="1"></el-input-number>
+    </template>
+
+    <!-- 首页是否展示 -->
+    <template #contact_scancode_status='scope'>
+      <el-switch :disabled="loading" v-model="scope.row.contact_scancode_status" class="mt-2"
+        inline-prompt :inactive-value=1 :active-value=2
+        style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" @click="handleEditShow(scope.row)" />
+      <!-- <dict-tag :options='show_status' :value='scope.row.info_article_status' /> -->
+    </template>
+
     <template #chaoz="scope">
       <el-space>
         <el-button size="small" @click="handleUpdate(scope.row)">
@@ -81,21 +83,14 @@
   </DataTable>
 
   <!-- 添加联系扫码 -->
-  <AddContactScancodeDialog
+  <AddContactScancodeDialog v-model="addContactScancodeDialogVisible" :done="() => tableRef.reload()">
-    v-model="addContactScancodeDialogVisible"
+  </AddContactScancodeDialog>
-    :done="() => tableRef.reload()"
-  ></AddContactScancodeDialog>
   <!-- 编辑联系扫码 -->
-  <EditContactScancodeDialog
+  <EditContactScancodeDialog v-model="EditContactScancodeDialogVisible" :data="EditContactScancodeDialogRow"
-    v-model="EditContactScancodeDialogVisible"
+    :done="() => tableRef.reload()"></EditContactScancodeDialog>
-    :data="EditContactScancodeDialogRow"
-    :done="() => tableRef.reload()"
-  ></EditContactScancodeDialog>
   <!-- 联系扫码详情 -->
-  <DetailContactScancodeDialog
+  <DetailContactScancodeDialog v-model="DetailContactScancodeDialogVisible" :data="DetailContactScancodeDialogRow">
-    v-model="DetailContactScancodeDialogVisible"
+  </DetailContactScancodeDialog>
-    :data="DetailContactScancodeDialogRow"
-  ></DetailContactScancodeDialog>
 </template>
 <script setup>
 import { ArrowDown } from '@element-plus/icons-vue';
@@ -142,6 +137,16 @@ const column = [
     label: '联系扫码图片',
     width: '150'
   },
+  {
+    prop: 'contact_scancode_icon',
+    label: '底部图标',
+    width: '150'
+  },
+  {
+    prop: 'contact_scancode_status',
+    label: '是否在底部展示',
+    width: '150'
+  },
   {
     prop: 'contact_scancode_order',
     label: '联系扫码排序',
@@ -156,18 +161,6 @@ const column = [
 ];
 
 
-//排序
-const loading = ref(false)
-async function handleEditOrder(data) {
-  loading.value = true
-  const { code } = await editContactScancode(data);
-  if (code == 0) {
-    loading.value = false
-    tableRef.value.reload()
-  }
-}
-
-
 const handleCommand = ({ type, row }) => {
   switch (type) {
     case 'detail':
@@ -202,4 +195,26 @@ function handleDetail(row) {
   DetailContactScancodeDialogVisible.value = true;
   DetailContactScancodeDialogRow.value = row;
 }
+
+
+//排序
+const loading = ref(false)
+async function handleEditOrder(data) {
+  loading.value = true
+  const { code } = await editContactScancode(data);
+  if (code == 0) {
+    loading.value = false
+    tableRef.value.reload()
+  }
+}
+
+// 开关
+async function handleEditShow(data) {
+  loading.value = true
+  const { code } = await editinfoArticle(data);
+  if (code == 0) {
+    loading.value = false
+    tableRef.value.reload()
+  }
+}
 </script>

src/pages/index/honorary_achievement/school/school_category/components/AddSchoolCategoryDialog.vue

@@ -1,83 +1,40 @@
 <template>
-  <el-dialog
+  <el-dialog v-model="dialogVisible" title="添加录取院校分类" width="900px" @closed="closeDialog" @open="openDialog">
-    v-model="dialogVisible"
-    title="添加录取院校分类"
-    width="900px"
-    @closed="closeDialog"
-    @open="openDialog"
-  >
     <el-form ref="formRef" :model="formData" :rules="rules">
       <el-row>
         <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="标题" prop="school_category_title">
-            :label-width="labelWidth"
+            <el-input v-model="formData.school_category_title" type="text" placeholder="请输入标题"></el-input>
-            label="标题"
-            prop="school_category_title"
-          >
-            <el-input
-              v-model="formData.school_category_title"
-              type="text"
-              placeholder="请输入标题"
-            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="名称" prop="school_category_name">
-            :label-width="labelWidth"
+            <el-input v-model="formData.school_category_name" type="text" placeholder="请输入名称"></el-input>
-            label="名称"
-            prop="school_category_name"
-          >
-            <el-input
-              v-model="formData.school_category_name"
-              type="text"
-              placeholder="请输入名称"
-            ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="24">
+        <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="图片" prop="school_category_img">
-            :label-width="labelWidth"
+            <UploadImage ref="uploadRef" v-model="formData.school_category_img" :data="uoloadData" :limit="1"
-            label="图片"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-            prop="school_category_img"
+          </el-form-item>
-          >
+        </el-col>
-            <UploadImage
+        <el-col :span="12">
-              ref="uploadRef"
+          <el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
-              v-model="formData.school_category_img"
+            <UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
-              :data="uoloadData"
+              :fileSize="5" :drag="true" :isShowTip="false" />
-              :limit="1"
-              :fileSize="5"
-              :drag="true"
-              :isShowTip="false"
-            />
           </el-form-item>
         </el-col>
 
         <el-col :span="12">
-          <el-form-item
+          <el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">
-            :label-width="labelWidth"
+            <el-input-number v-model="formData.school_category_sort" controls-position="right" :min="1"></el-input-number>
-            label="排序"
-            prop="school_category_sort"
-          >
-            <el-input-number
-              v-model="formData.school_category_sort"
-              controls-position="right"
-              :min="1"
-            ></el-input-number>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="首页是否展示" prop="school_category_status">
-            <el-select
+            <el-select v-model="formData.school_category_status" clearable placeholder="请选择">
-              v-model="formData.school_category_status"
+              <el-option v-for="item in show_status" :key="item.dictionary_guid" :label="item.dictionary_name"
-              clearable
+                :value="item.dictionary_value"></el-option>
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in show_status"
-                :key="item.dictionary_guid"
-                :label="item.dictionary_name"
-                :value="item.dictionary_value"
-              ></el-option>
             </el-select>
           </el-form-item>
         </el-col>
@@ -86,9 +43,7 @@
 
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleAddClick(formRef)"
+        <el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
-          >添加</el-button
-        >
         <el-button @click="handleResetClick(formRef)">重置</el-button>
       </span>
     </template>
@@ -97,7 +52,7 @@
 
 <script setup>
 import { reactive, ref, watch } from 'vue';
-import { addSchoolCategory,getDictionary } from '~/service/school_category';
+import { addSchoolCategory, getDictionary } from '~/service/school_category';
 import { useLoginStore } from '~/store';
 
 // --业务参数
@@ -161,7 +116,7 @@ const rules = reactive({
 // --基础方法
 
 // 打开弹窗时执行
-const openDialog = () => {};
+const openDialog = () => { };
 
 const closeDialog = () => {
   handleResetClick(formRef.value);

src/pages/index/honorary_achievement/school/school_category/components/DetailSchoolCategoryDialog.vue

@@ -14,12 +14,18 @@
             <el-input v-model='formData.school_category_name' type="text" placeholder='请输入名称'></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span='24'>
+        <el-col :span='12'>
           <el-form-item :label-width='labelWidth' label='图片' prop='school_category_img'>
             <UploadImage ref='uploadRef' v-model='formData.school_category_img' :data=uoloadData :limit='1' :fileSize='5'
               :drag='true' :isShowTip='false' />
           </el-form-item>
         </el-col>
+        <el-col :span="12">
+          <el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
+            <UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
+              :fileSize="5" :drag="true" :isShowTip="false" />
+          </el-form-item>
+        </el-col>
 
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">

src/pages/index/honorary_achievement/school/school_category/components/EditSchoolCategoryDialog.vue

@@ -14,12 +14,18 @@
             <el-input v-model='formData.school_category_name' type="text" placeholder='请输入名称'></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span='24'>
+        <el-col :span='12'>
           <el-form-item :label-width='labelWidth' label='图片' prop='school_category_img'>
             <UploadImage ref='uploadRef' v-model='formData.school_category_img' :data=uoloadData :limit='1' :fileSize='5'
               :drag='true' :isShowTip='false' />
           </el-form-item>
         </el-col>
+        <el-col :span="12">
+          <el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
+            <UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
+              :fileSize="5" :drag="true" :isShowTip="false" />
+          </el-form-item>
+        </el-col>
 
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">

src/pages/index/honorary_achievement/school/school_category/index.vue

@@ -63,6 +63,14 @@
         <template v-else>暂无图片</template>
       </template>
     </el-table-column>
+    <el-table-column prop="school_category_icon" width="200" label="首页Icon" align="center"> 
+      <template #default="scope">
+        <el-image v-if="scope.row.school_category_icon" :src="scope.row.school_category_icon.split(',')[0]" lazy
+          :preview-src-list="scope.row.school_category_icon.split(',')" :preview-teleported="true"
+          :hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
+        <template v-else>暂无图片</template>
+      </template>
+    </el-table-column>
     <el-table-column sortable prop="school_category_sort" width="200" label="排序" sort>
       <template #default="scope">
         <el-input-number v-model='scope.row.school_category_sort' controls-position="right" :min="1"