录入添加新闻

package.json

@@ -1,8 +1,8 @@
 {
   "name": "ruoyi",
   "version": "3.8.8",
-  "description": "若依管理系统",
-  "author": "若依",
+  "description": "新晃企业信用分级分类管理系统",
+  "author": "nahida",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -19,6 +19,7 @@
     "@element-plus/icons-vue": "2.3.1",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "10.11.0",
+    "aieditor": "^1.3.4",
     "axios": "0.28.1",
     "echarts": "5.5.1",
     "element-plus": "2.7.6",

src/components/CreditReport/index.vue

@@ -496,6 +496,11 @@ init()
           </div>
         </div>
       </div>
+      <div class="page-content pt-30px">
+        <div class="text-center text-30px font-800">二、企业资产信息</div>
+        <div class="w-80% mx-a line-height-50px text-24px text-black">1、行政许可信息</div>
+
+      </div>
     </el-col>
     <el-button @click="printContent">导出 PDF</el-button>
   </el-row>

src/views/xyjsxx/zwxxfb/components/MyEdit.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import {AiEditor} from "aieditor";
+import "aieditor/dist/style.css"
+import {onMounted, onUnmounted, ref} from "vue";
+
+const divRef = ref();
+let aiEditor: AiEditor | null = null;
+onMounted(() => {
+  aiEditor = new AiEditor({
+    element: divRef.value as Element,
+    placeholder: "点击输入内容...",
+    content: '',
+    toolbarKeys: ["undo", "redo", "brush", "eraser",
+      "|", "heading", "font-family", "font-size",
+      "|", "bold", "italic", "underline", "strike", "link", "code", "subscript", "superscript", "hr", "todo", "emoji",
+      "|", "highlight", "font-color",
+      "|", "align", "line-height",
+      "|", "bullet-list", "ordered-list", "indent-decrease", "indent-increase", "break",
+      "|", "image", "video", "attachment",
+      "|", "source-code", "fullscreen"
+    ],
+    textSelectionBubbleMenu:{
+      enable: true,
+      items: ["Bold", "Italic", "Underline", "Strike", "code", "comment"],
+    }
+  })
+})
+
+defineExpose({
+  getContent() {
+    return aiEditor.getHtml()
+  },
+})
+
+onUnmounted(() => {
+  aiEditor && aiEditor.destroy();
+})
+</script>
+
+<template>
+  <div ref="divRef" style="height: 600px"></div>
+</template>

src/views/xyjsxx/zwxxfb/index.vue

@@ -0,0 +1,298 @@
+<script setup>
+import { ref, onMounted } from 'vue';
+import request from "@/utils/request.js";
+import {
+  ElTable,
+  ElTableColumn,
+  ElPagination,
+  ElInput,
+  ElButton,
+  ElForm,
+  ElFormItem,
+  ElSelect,
+  ElOption,
+  ElMessageBox,
+  ElMessage,
+  ElDialog,
+  ElDatePicker
+} from 'element-plus';
+import { newsMap } from "./newsMap.js";
+import MyEdit from "@/views/xyjsxx/zwxxfb/components/MyEdit.vue";
+
+const tableData = ref([]);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const searchTitle = ref('');
+const searchSpecialColumn = ref('');
+const multipleSelection = ref([]);
+const specialColumns = ref([]);
+const dialogVisible = ref(false);
+const myEdit = ref(null);
+const form = ref({
+  title: '',
+  specialColumn: '',
+  date: '',
+  content: '',
+  dataSource: '',
+  introduce: ''
+});
+const previewDialogVisible = ref(false);
+const previewContent = ref('');
+
+const getList = async () => {
+  const conditionJson = [];
+  if (searchTitle.value) {
+    conditionJson.push({
+      column: 'title',
+      value: searchTitle.value,
+      type: 'like'
+    });
+  }
+  if (searchSpecialColumn.value) {
+    conditionJson.push({
+      column: 'special_column',
+      value: searchSpecialColumn.value,
+      type: 'eq'
+    });
+  }
+  const res = await request.get('/xcrNewsRelease/findByPage', {
+    params: {
+      pageNum: currentPage.value,
+      pageSize: pageSize.value,
+      conditionJson: encodeURIComponent(JSON.stringify(conditionJson))
+    }
+  });
+  tableData.value = res.records;
+  total.value = res.total;
+};
+
+const handleSizeChange = (newPageSize) => {
+  pageSize.value = newPageSize;
+  getList();
+};
+
+const handleCurrentChange = (newPage) => {
+  currentPage.value = newPage;
+  getList();
+};
+
+const handleSearch = () => {
+  currentPage.value = 1; // 重置页码为第一页
+  getList();
+};
+
+const handleReset = () => {
+  searchTitle.value = '';
+  searchSpecialColumn.value = '';
+  currentPage.value = 1; // 重置页码为第一页
+  getList();
+};
+
+const handleSubmit = (event) => {
+  event.preventDefault();
+  handleSearch();
+};
+
+const handleDelete = async (id) => {
+  try {
+    await ElMessageBox.confirm('确定要删除该记录吗?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    });
+    await request.post('/xcrNewsRelease/delete', [id]);
+    ElMessage.success('删除成功');
+    getList();
+  } catch (error) {
+    ElMessage.error('删除失败');
+  }
+};
+
+const handleBatchDelete = async () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请选择要删除的记录');
+    return;
+  }
+  try {
+    await ElMessageBox.confirm('确定要删除选中的记录吗?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    });
+
+    const ids = multipleSelection.value.map(item => item.id.toString());
+    await request.post('/xcrNewsRelease/delete', ids);
+    ElMessage.success('删除成功');
+    getList();
+  } catch (error) {
+    ElMessage.error('删除失败');
+  }
+};
+
+const handleSelectionChange = (val) => {
+  multipleSelection.value = val;
+};
+
+const handleAdd = () => {
+  dialogVisible.value = true;
+};
+
+const handleAddSubmit = async () => {
+  try {
+    form.value.content = myEdit.value.getContent();
+    await request.post('/xcrNewsRelease/save', form.value);
+    ElMessage.success('新增成功');
+    dialogVisible.value = false;
+    getList();
+  } catch (error) {
+    ElMessage.error('新增失败');
+  }
+};
+
+const handleAddCancel = () => {
+  ElMessageBox.confirm('确定退出编辑页面吗？')
+      .then(() => {
+        dialogVisible.value = false;
+      });
+};
+
+const handlePreview = (content) => {
+  previewContent.value = content;
+  previewDialogVisible.value = true;
+};
+
+onMounted(() => {
+  newsMap.forEach((k, v) => {
+    specialColumns.value.push({ value: v, label: k });
+  });
+  getList();
+});
+</script>
+
+<template>
+  <div class="p-20px">
+    <el-form @submit="handleSubmit" inline>
+      <el-form-item label="请输入标题">
+        <el-input
+            v-model="searchTitle"
+            placeholder="请输入标题进行筛选"
+            style="width: 300px;"
+            @keyup.enter="handleSubmit"
+        />
+      </el-form-item>
+      <el-form-item label="选择专栏">
+        <el-select v-model="searchSpecialColumn" placeholder="请选择专栏" style="width: 200px;">
+          <el-option
+              v-for="item in specialColumns"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSubmit">搜索</el-button>
+        <el-button @click="handleReset">重置</el-button>
+        <el-button type="danger" @click="handleBatchDelete">批量删除</el-button>
+        <el-button type="success" @click="handleAdd">新增</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+        :data="tableData"
+        style="width: 100%"
+        max-height="80vh"
+        @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55"/>
+      <el-table-column prop="title" label="标题" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="specialColumn" label="专栏" width="180" :show-overflow-tooltip="true">
+        <template #default="{ row }">
+          {{ newsMap.get(row.specialColumn) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" label="发布时间" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="content" label="内容" :show-overflow-tooltip="true"/>
+      <el-table-column prop="dataSource" label="数据来源" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="introduce" label="介绍" :show-overflow-tooltip="true"/>
+      <el-table-column prop="createBy" label="创建者" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="createTime" label="创建时间" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="updateBy" label="更新者" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column prop="updateTime" label="更新时间" width="180" :show-overflow-tooltip="true"/>
+      <el-table-column label="预览" width="180">
+        <template #default="{ row }">
+          <el-button type="primary" size="small" @click="handlePreview(row.content)">预览</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="120">
+        <template #default="{ row }">
+          <el-button type="danger" size="small" @click="handleDelete(row.id)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        layout="total, sizes, prev, pager, next, jumper"
+        :page-sizes="[10, 20, 30, 50]"
+    />
+    <el-dialog
+        title="新增记录"
+        v-model="dialogVisible"
+        width="50%"
+        :before-close="handleAddCancel"
+        destroy-on-close
+    >
+      <el-form :model="form" label-width="120px">
+        <el-form-item label="标题">
+          <el-input v-model="form.title" placeholder="请输入标题"/>
+        </el-form-item>
+        <el-form-item label="专栏">
+          <el-select v-model="form.specialColumn" placeholder="请选择专栏">
+            <el-option
+                v-for="item in specialColumns"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="内容">
+          <el-input v-model="form.content" type="textarea" v-show="false" placeholder="请输入内容"/>
+          <MyEdit ref="myEdit" />
+        </el-form-item>
+        <el-form-item label="介绍">
+          <el-input v-model="form.introduce" type="textarea" placeholder="请输入介绍"/>
+        </el-form-item>
+        <el-form-item label="数据来源">
+          <el-input v-model="form.dataSource" placeholder="请输入数据来源"/>
+        </el-form-item>
+        <el-form-item label="发布时间">
+          <el-date-picker
+              v-model="form.date"
+              type="datetime"
+              placeholder="选择日期时间"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="handleAddCancel">取消</el-button>
+          <el-button type="primary" @click="handleAddSubmit">确定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <el-dialog
+        title="内容预览"
+        v-model="previewDialogVisible"
+        width="60%"
+        :before-close="() => previewDialogVisible = false"
+        destroy-on-close
+    >
+      <div v-html="previewContent"></div>
+    </el-dialog>
+  </div>
+</template>

src/views/xyjsxx/zwxxfb/newsMap.js

@@ -0,0 +1,10 @@
+export const newsMap = new Map();
+newsMap.set('static_news', '首页不动的新闻')
+newsMap.set('big_news', '首页轮播新闻')
+newsMap.set('financial_need', '政府项目资金需求发布及链接')
+newsMap.set('financing_loans', '园区企业融资贷款')
+newsMap.set('notification_announcement', '园区动态通告')
+newsMap.set('outsideProvincialDynamics', '全国动态')
+newsMap.set('provincialDynamics', '省内动态')
+newsMap.set('currentCityDynamics', '本市动态')
+newsMap.set('parkDynamics', '政策法规')

vite.config.js

@@ -31,7 +31,8 @@ export default defineConfig(({ mode, command }) => {
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         '/dev-api': {
-          target: 'http://192.168.110.13:8900/background',
+          // target: 'http://localhost:8900/background',
+          target: 'http://localhost:18902',
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         }