news

src/views/website/news/index.vue

@@ -8,47 +8,52 @@ import {ElMessage} from "element-plus";
 const data = reactive({
   queryParams: {
     pageNum: 1,
-    pageSize: 10
+    pageSize: 10,
   },
   form: {
     lang: "zh",
-    classification: "0",// 类别 0 新闻 1 政策
+    classification: "0", // 类别 0 新闻 1 政策 2 公告
     title: undefined,
     titleRu: undefined,
     content: undefined,
     contentRu: undefined,
-    cover: undefined
+    cover: undefined,
   },
-})
+});
 
-const {queryParams, form} = toRefs(data)
+const { queryParams, form } = toRefs(data);
 
 const rules = {
   title: [
     {
-      required: true, message: '请输入标题', trigger: 'change'
+      required: true,
-    }
+      message: "请输入标题",
-  ], cover: [
+      trigger: "change",
+    },
+  ],
+  cover: [
     {
-      required: true, message: '请上传封面图片', trigger: 'change'
+      required: true,
-    }
+      message: "请上传封面图片",
-  ]
+      trigger: "change",
-}
+    },
-const newsList = ref([])
+  ],
-const total = ref(0)
+};
-const formRef = ref(null)
+const newsList = ref([]);
-const showEditDialog = ref(false)
+const total = ref(0);
-const dialogTitle = ref("")
+const formRef = ref(null);
+const showEditDialog = ref(false);
+const dialogTitle = ref("");
 
 const getList = () => {
-  listNews(queryParams.value).then(resp => {
+  listNews(queryParams.value).then((resp) => {
-    newsList.value = resp.rows
+    newsList.value = resp.rows;
-    total.value = resp.total
+    total.value = resp.total;
-  })
+  });
-}
+};
 
 const reset = () => {
-  formRef.value?.resetFields()
+  formRef.value?.resetFields();
   form.value = {
     lang: "zh",
     classification: "0", // 类别 0 新闻 1 政策
@@ -56,35 +61,34 @@ const reset = () => {
     titleRu: undefined,
     content: undefined,
     contentRu: undefined,
-    cover: undefined
+    cover: undefined,
-  }
+  };
-}
+};
 
 const handleAdd = () => {
-  reset()
+  reset();
-  dialogTitle.value = "新增新闻或政策"
+  dialogTitle.value = "新增新闻或政策";
-  showEditDialog.value = true
+  showEditDialog.value = true;
-
+};
-}
 
 const handleSubmit = () => {
-  formRef.value.validate().then(
+  formRef.value
-      () => {
+    .validate()
+    .then(() => {
       if (form.value.id) {
         // TODO: edit
       } else {
         // add
-          addNews(form.value).then(resp => {
+        addNews(form.value).then((resp) => {
-            ElMessage.success("新增成功")
+          ElMessage.success("新增成功");
-            showEditDialog.value = false
+          showEditDialog.value = false;
+        });
+      }
     })
-        }
+    .catch(() => {});
-      }
+};
-  ).catch(() => {
-  })
-}
 
-getList()
+getList();
 </script>
 
 <template>
@@ -107,7 +111,13 @@ getList()
       <el-table-column prop="title" label="标题" />
       <el-table-column prop="content" label="内容">
         <template #default="{ row }">
-          <p style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
+          <p
+            style="
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            "
+          >
             {{ row.content }}
           </p>
         </template>
@@ -120,11 +130,13 @@ getList()
         </template>
       </el-table-column>
     </el-table>
-    <pagination v-show="total > 0"
+    <pagination
+      v-show="total > 0"
       :total="total"
       v-model:page="queryParams.pageNum"
       v-model:limit="queryParams.pageSize"
-                @pagination="getList"/>
+      @pagination="getList"
+    />
 
     <el-dialog v-model="showEditDialog" :title="dialogTitle" :width="500">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
@@ -136,8 +148,9 @@ getList()
         </el-form-item>
         <el-form-item prop="classification" label="分类">
           <el-select v-model="form.classification">
-            <el-option label="新闻" value="0"/>
+            <el-option label="新闻动态" value="0" />
-            <el-option label="政策" value="1"/>
+            <el-option label="政策解读" value="1" />
+            <el-option label="通知公告" value="2" />
           </el-select>
         </el-form-item>
         <template v-if="form.lang === 'zh'">
@@ -174,6 +187,4 @@ getList()
   </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped lang="scss"></style>
-
-</style>