新闻资讯

src/api/index.js

@@ -98,3 +98,38 @@ export const list_log = (data) =>
     method: "post",
     data
   });
+// 新闻资讯管理列表
+export const n_list = (data) =>
+  request({
+    url: window._config.baseUrl + "n/list",
+    method: "post",
+    data
+  });
+// 新闻资讯添加
+export const n_save = (data) =>
+  request({
+    url: window._config.baseUrl + "n/save",
+    method: "post",
+    data
+  });
+// 新闻资讯修改
+export const n_update = (data) =>
+  request({
+    url: window._config.baseUrl + "n/update",
+    method: "post",
+    data
+  });
+// 新闻资讯删除
+export const n_remove = (data) =>
+  request({
+    url: window._config.baseUrl + "n/remove",
+    method: "post",
+    data
+  });
+// 新闻资讯详情
+export const n_detail = (data) =>
+  request({
+    url: window._config.baseUrl + "n/detail",
+    method: "post",
+    data
+  });

src/main.js

@@ -11,7 +11,7 @@ Vue.use(VueViewer);
 Vue.directive(
   "viewer",
   viewerDirective({
-    debug: true
+    debug: false
   })
 );
 Vue.use(ViewUI);

src/views/history/index.vue

@@ -14,9 +14,9 @@
           <Radio :label="1">中文</Radio>
           <Radio :label="2">英文</Radio>
         </RadioGroup>
-        <Button type="primary" style="margin-left: 16px" @click="searchList()"
+        <!-- <Button type="primary" style="margin-left: 16px" @click="searchList()"
           >搜索</Button
-        >
+        > -->
       </div>
       <div>
         <Button type="primary" @click="toAdd()">添加</Button>

src/views/log/index.vue

@@ -14,12 +14,13 @@
         />
         <Input
           v-model="logSearch.loginname"
-          @on-enter="searchList()"
+          @on-search="searchList()"
           placeholder="请输入登录账号或用户姓名"
-          style="margin: 0 16px; width: 200px"
+          style="margin: 0 16px; width: 240px"
           clearable
+          search
         />
-        <Button type="primary" @click="searchList()">搜索</Button>
+        <!-- <Button type="primary" @click="searchList()">搜索</Button> -->
       </div>
     </div>
     <Table border :columns="logColumns" :data="logSearch.list">

src/views/news/index.vue

@@ -1,14 +1,361 @@
 <template>
-  <div>user</div>
+  <div>
+    <div class="searchBox">
+      <div>
+        <RadioGroup v-model="newsSearch.ltype" @on-change="searchList()">
+          <Radio :label="1">中文</Radio>
+          <Radio :label="2">英文</Radio>
+        </RadioGroup>
+        <Input
+          v-model="newsSearch.newstitle"
+          @on-search="searchList()"
+          placeholder="请输入标题"
+          style="margin: 0 16px; width: 200px"
+          clearable
+          search
+        />
+        <!-- <Button type="primary" @click="searchList()">搜索</Button> -->
+      </div>
+      <div>
+        <Button type="primary" @click="toAdd()">添加</Button>
+      </div>
+    </div>
+    <Table border :columns="newsColumns" :data="newsSearch.list">
+      <template slot-scope="{ row }" slot="newspicSlot">
+        <img v-viewer class="news_pic" :src="$api.showImageUrl + row.newspic" />
+      </template>
+      <template slot-scope="{ row }" slot="loginstateSlot">
+        <span>{{ row.loginstate === 1 ? "成功" : "失败" }}</span>
+      </template>
+      <template slot-scope="{ row }" slot="createtimeSlot">
+        <span>{{ dateFormat(row.createtime) }}</span>
+      </template>
+      <template slot-scope="{ row }" slot="actionSlot">
+        <div>
+          <span
+            style="color: #2d8cf0; cursor: pointer"
+            @click="toViewDetail(row)"
+            >查看</span
+          >
+          <span style="margin: 0 10px; color: #2d8cf0">|</span>
+          <span style="color: #2d8cf0; cursor: pointer" @click="toModify(row)"
+            >修改</span
+          >
+          <span style="margin: 0 10px; color: #2d8cf0">|</span>
+          <span
+            style="color: #ff001e; cursor: pointer"
+            @click="toDel(row.newsid)"
+            >删除</span
+          >
+        </div>
+      </template>
+    </Table>
+    <div class="foot_page" v-if="newsSearch.total > 0">
+      <Page
+        :total="newsSearch.total"
+        @on-change="changePage"
+        :current="newsSearch.page"
+        show-total
+      ></Page>
+    </div>
+    <Modal
+      v-model="addForm.show"
+      class="modal1"
+      :mask-closable="false"
+      title="添加新闻资讯"
+    >
+      <Form
+        :label-width="60"
+        label-position="right"
+        ref="addForm"
+        :rules="formRules"
+        :model="addForm"
+      >
+        <FormItem label="语言" prop="ltype">
+          <RadioGroup v-model="addForm.ltype">
+            <Radio :label="1">中文</Radio>
+            <Radio :label="2">英文</Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem label="封面" prop="newspic"></FormItem>
+        <FormItem label="置顶" prop="newsup">
+          <RadioGroup v-model="addForm.newsup">
+            <Radio :label="1">置顶</Radio>
+            <Radio :label="2">不置顶</Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem label="排序" prop="newsorder">
+          <InputNumber :min="1" v-model="addForm.newsorder" />
+        </FormItem>
+        <FormItem label="标题" prop="newstitle">
+          <Input
+            :maxlength="255"
+            show-word-limit
+            v-model="addForm.newstitle"
+            placeholder="请输入标题"
+          />
+        </FormItem>
+        <FormItem label="摘要" prop="newssummary">
+          <Input
+            type="textarea"
+            :rows="3"
+            v-model="addForm.newssummary"
+            :maxlength="255"
+            show-word-limit
+            placeholder="请输入摘要"
+          />
+        </FormItem>
+        <FormItem label="内容" prop="newscontent"></FormItem>
+      </Form>
+      <div slot="footer" style="text-align: right">
+        <Button @click="addForm.show = false">取消</Button>
+        <Button @click="toSaveAdd()" type="primary">保存</Button>
+      </div>
+    </Modal>
+  </div>
 </template>
 
 <script>
+import { n_list, n_save, n_update, n_remove, n_detail } from "@/api";
+import { dateFormat } from "@/utils";
 export default {
   data() {
-    return {};
+    return {
+      dateFormat,
+      newsSearch: {
+        ltype: 1,
+        newstitle: "",
+        page: 1,
+        size: 10,
+        total: 0,
+        list: []
+      },
+      newsColumns: [
+        {
+          title: "序号",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.newsSearch.page - 1) * this.newsSearch.size +
+                1
+            );
+          }
+        },
+        {
+          title: "封面",
+          slot: "newspicSlot",
+          width: 240
+        },
+        {
+          title: "置顶",
+          key: "newsup",
+          width: 70
+        },
+        {
+          title: "排序",
+          key: "newsorder",
+          width: 70
+        },
+        {
+          title: "标题",
+          key: "newstitle",
+          width: 240
+        },
+        {
+          title: "摘要",
+          key: "newssummary"
+        },
+        {
+          title: "创建人",
+          key: "createname",
+          width: 100
+        },
+        {
+          title: "创建时间",
+          slot: "createtimeSlot",
+          width: 180
+        },
+        {
+          title: "操作",
+          slot: "actionSlot",
+          width: 180
+        }
+      ],
+      userInfo: {},
+      searchOption: {
+        disabledDate(date) {
+          return date && date.valueOf() > Date.now();
+        }
+      },
+      addForm: {
+        show: false,
+        ltype: 1,
+        newspic: "",
+        newstitle: "",
+        newssummary: "",
+        newsup: 2,
+        newsorder: 1,
+        newscontent: ""
+      },
+      formRules: {
+        ltype: [
+          {
+            required: true,
+            message: "请选择语言",
+            trigger: "change"
+          }
+        ],
+        newsup: [
+          {
+            required: true,
+            message: "请选择是否置顶",
+            trigger: "change"
+          }
+        ],
+        newspic: [
+          {
+            required: true,
+            message: "请上传图片",
+            trigger: "change"
+          }
+        ],
+        newstitle: [
+          {
+            required: true,
+            message: "请输入标题",
+            trigger: "blur"
+          }
+        ],
+        newscontent: [
+          {
+            required: true,
+            message: "请输入内容",
+            trigger: "change"
+          }
+        ],
+        newssummary: [
+          {
+            required: true,
+            message: "请输入摘要",
+            trigger: "blur"
+          }
+        ],
+        newsorder: [
+          {
+            required: true,
+            message: "请输入排序",
+            trigger: "blur"
+          }
+        ]
+      },
+      modifyForm: {
+        show: false,
+        newsid: null,
+        newspic: "",
+        newstitle: "",
+        newssummary: "",
+        newsup: 2,
+        newsorder: 1,
+        newscontent: ""
+      }
+    };
   },
-  methods: {}
+  created() {
+    this.userInfo = JSON.parse(localStorage.getItem("xhWebAdminUser"));
+    this.getNewsList();
+  },
+  methods: {
+    searchList() {
+      this.newsSearch.page = 1;
+      this.getNewsList();
+    },
+    getNewsList() {
+      n_list({
+        ltype: this.newsSearch.ltype,
+        newstitle: this.newsSearch.newstitle,
+        page: this.newsSearch.page,
+        size: this.newsSearch.size
+      })
+        .then((data) => {
+          if (data.code === 0) {
+            this.newsSearch.total = data.obj.total;
+            this.newsSearch.list = data.obj.list;
+          } else {
+            this.newsSearch.total = 0;
+            this.newsSearch.list = [];
+            this.$Message.error(data.msg);
+          }
+        })
+        .catch(() => {});
+    },
+    changePage(page) {
+      this.newsSearch.page = page;
+      this.getNewsList();
+    },
+    toAdd() {
+      this.addForm = {
+        show: true,
+        ltype: 1,
+        newspic: "",
+        newstitle: "",
+        newssummary: "",
+        newsup: 2,
+        newsorder: 1,
+        newscontent: ""
+      };
+    },
+    toSaveAdd() {},
+    toModify(row) {
+      this.modifyForm = {
+        show: true,
+        newsid: row.newsid,
+        newspic: row.newspic,
+        newstitle: row.newstitle,
+        newssummary: row.newssummary,
+        newsup: row.newsup,
+        newsorder: row.newsorder,
+        newscontent: row.newscontent
+      };
+    },
+    toSaveModify() {},
+    toDel(newsid) {
+      this.$Modal.confirm({
+        title: "提示",
+        content: "您确定删除选中数据吗?",
+        onOk: () => {
+          n_remove({ newsid }).then((res) => {
+            if (res.code == 0) {
+              this.$Message.success(res.msg);
+              this.searchList();
+            }
+          });
+        },
+        onCancel: () => {}
+      });
+    },
+    toViewDetail(row) {
+      console.log("toViewDetail", row);
+    }
+  }
 };
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.searchBox {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 0;
+}
+.news_pic {
+  display: block;
+  margin: 10px auto;
+  width: 200px;
+  object-fit: cover;
+}
+.foot_page {
+  padding: 16px 0;
+  text-align: right;
+}
+</style>

src/views/users/index.vue

@@ -9,12 +9,13 @@
         </RadioGroup>
         <Input
           v-model="userSearch.username"
-          @on-enter="searchList()"
+          @on-search="searchList()"
           placeholder="请输入用户姓名"
           style="margin: 0 16px; width: 200px"
           clearable
+          search
         />
-        <Button type="primary" @click="searchList()">搜索</Button>
+        <!-- <Button type="primary" @click="searchList()">搜索</Button> -->
       </div>
       <div>
         <Button type="primary" @click="toAdd()">添加</Button>