20201112

public/coverLetter/20200701/0524219cc49fb1b1cfa4d70272ae50e0.vue

@@ -0,0 +1,266 @@
+<template>
+    <div>
+        <div class="crumbs">
+            <el-breadcrumb separator="/">
+                <el-breadcrumb-item>
+                    <i class="el-icon-lx-cascades"></i> 稿件列表
+                </el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+        <div class="container">
+            <div class="handle-box">
+                <el-select v-model="query.journal" placeholder="Please select journal">
+                    <el-option
+                        v-for="item in items"
+                        :key="item.journal_id"
+                        :label="item.title"
+                        :value="item.journal_id"
+                    ></el-option>
+                </el-select>
+                <!-- <el-select v-model="query.address" placeholder="期刊" class="handle-select mr10">
+                    <el-option key="1" label="广东省" value="广东省"></el-option>
+                    <el-option key="2" label="湖南省" value="湖南省"></el-option>
+                </el-select>-->
+                <el-input v-model="query.name" placeholder="标题" class="handle-input mr10"></el-input>
+                <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
+                <el-button type="primary" icon="el-icon-circle-plus-outline" @click="addArticle">新增</el-button>
+            </div>
+            <el-table
+                :data="tableData"
+                border
+                stripe
+                class="table"
+                ref="multipleTable"
+                header-cell-class-name="table-header"
+            >
+                <el-table-column prop="article_id" label="ID" width="55" align="center"></el-table-column>
+                <el-table-column prop="title" label="title" align="center"></el-table-column>
+                <el-table-column prop="journalname" label="journal" align="center"></el-table-column>
+                <!-- <el-table-column label="头像(查看大图)" align="center">
+                    <template slot-scope="scope">
+                        <el-image
+                            class="table-td-thumb"
+                            :src="scope.row.thumb"
+                            :preview-src-list="[scope.row.thumb]"
+                        ></el-image>
+                    </template>
+                </el-table-column>-->
+                <!-- <el-table-column prop="address" label="地址"></el-table-column> -->
+                <!-- <el-table-column label="状态" align="center">
+                    <template slot-scope="scope">
+                        <el-tag
+                            :type="scope.row.state==='成功'?'success':(scope.row.state==='失败'?'danger':'')"
+                        >{{scope.row.state}}</el-tag>
+                    </template>
+                </el-table-column>-->
+
+                <el-table-column prop="state" label="statue" :formatter="stateFormat"  align="center"></el-table-column>
+                <el-table-column label="操作" width="180" align="center">
+                    <!-- <template slot-scope="scope">
+                        <el-button
+                            type="text"
+                            icon="el-icon-edit"
+                            @click="handleEdit(scope.$index, scope.row)"
+                        >编辑</el-button>
+                        <el-button
+                            type="text"
+                            icon="el-icon-delete"
+                            class="red"
+                            @click="handleDelete(scope.$index, scope.row)"
+                        >删除</el-button>
+                    </template>-->
+                </el-table-column>
+            </el-table>
+            <div class="pagination">
+                <el-pagination
+                    background
+                    layout="total, prev, pager, next"
+                    :current-page="query.pageIndex"
+                    :page-size="query.pageSize"
+                    :total="Total"
+                    @current-change="handlePageChange"
+                ></el-pagination>
+            </div>
+        </div>
+
+        <!-- 编辑弹出框 -->
+        <!-- <el-dialog title="编辑" :visible.sync="editVisible" width="30%">
+            <el-form ref="form" :model="form" label-width="70px">
+                <el-form-item label="用户名">
+                    <el-input v-model="form.name"></el-input>
+                </el-form-item>
+                <el-form-item label="地址">
+                    <el-input v-model="form.address"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="editVisible = false">取 消</el-button>
+                <el-button type="primary" @click="saveEdit">确 定</el-button>
+            </span>
+        </el-dialog>-->
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: '',
+            query: {
+                username: localStorage.getItem('ms_username'),
+                journal: 1,
+                name: '',
+                pageIndex: 1,
+                pageSize: 10
+            },
+            tableData: [],
+            multipleSelection: [],
+            delList: [],
+            editVisible: false,
+            Total: 0
+            // form: {},
+            // idx: -1,
+            // id: -1
+        };
+    },
+    created() {
+        this.initselect();
+        this.getdate();
+    },
+    methods: {
+        //初始化期刊选项
+        initselect() {
+            this.$api
+                .post('api/Article/getJournal')
+                .then(res => {
+                    this.items = res;
+                })
+                .catch(err => {
+                    console.log(err);
+                });
+        },
+        // 获取数据
+        getdate() {
+            this.$api
+                .post('api/Article/getArticle', this.query)
+                .then(res => {
+                    this.Total = res.total;
+                    this.tableData = res.data;
+                })
+                .catch(err => {
+                    console.log(err);
+                });
+        },
+        // 触发搜索按钮
+        handleSearch() {
+            this.$set(this.query, 'pageIndex', 1);
+            this.getdate();
+        },
+        //跳转到增加稿件页面
+        addArticle() {
+            this.$router.push('/form');
+        },
+        //格式化状态输出
+        stateFormat(row, column) {
+            let str = '';
+            switch(row.state){
+                case 0:
+                    str = '投稿中';
+                    break;
+                case 1:
+                    str = '已受理';
+                    break;
+                case 2:
+                    str = '送审中';
+                    break;
+                case 3:
+                    str = '拒稿';
+                    break;
+                case 4:
+                    str = '退修中';
+                    break;
+                case 5:
+                    str = '已录用';
+                    break;
+                default:
+                    str = 'error!!'
+            }
+            return str;
+        },
+        // // 删除操作
+        // handleDelete(index, row) {
+        //     // 二次确认删除
+        //     this.$confirm('确定要删除吗？', '提示', {
+        //         type: 'warning'
+        //     })
+        //         .then(() => {
+        //             this.$message.success('删除成功');
+        //             this.tableData.splice(index, 1);
+        //         })
+        //         .catch(() => {});
+        // },
+        // // 多选操作
+        // handleSelectionChange(val) {
+        //     this.multipleSelection = val;
+        // },
+        // delAllSelection() {
+        //     const length = this.multipleSelection.length;
+        //     let str = '';
+        //     this.delList = this.delList.concat(this.multipleSelection);
+        //     for (let i = 0; i < length; i++) {
+        //         str += this.multipleSelection[i].name + ' ';
+        //     }
+        //     this.$message.error(`删除了${str}`);
+        //     this.multipleSelection = [];
+        // },
+        // // 编辑操作
+        // handleEdit(index, row) {
+        //     this.idx = index;
+        //     this.form = row;
+        //     this.editVisible = true;
+        // },
+        // // 保存编辑
+        // saveEdit() {
+        //     this.editVisible = false;
+        //     this.$message.success(`修改第 ${this.idx + 1} 行成功`);
+        //     this.$set(this.tableData, this.idx, this.form);
+        // },
+        // 分页导航
+        handlePageChange(val) {
+            this.$set(this.query, 'pageIndex', val);
+            this.getdate();
+        }
+    }
+};
+</script>
+
+<style scoped>
+.handle-box {
+    margin-bottom: 20px;
+}
+
+.handle-select {
+    width: 120px;
+}
+
+.handle-input {
+    width: 300px;
+    display: inline-block;
+}
+.table {
+    width: 100%;
+    font-size: 14px;
+}
+.red {
+    color: #ff0000;
+}
+.mr10 {
+    margin-right: 10px;
+}
+.table-td-thumb {
+    display: block;
+    margin: auto;
+    width: 40px;
+    height: 40px;
+}
+</style>

public/index.php

@@ -0,0 +1,23 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006-2016 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+
+// [ 应用入口文件 ]
+
+// 定义应用目录
+define('APP_PATH', __DIR__ . '/../application/');
+// 加载框架引导文件
+require __DIR__ . '/../thinkphp/start.php';
+
+//跨越解决
+header("Access-Control-Allow-Origin:*");
+header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE");
+header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type, Accept-Language, Origin, Accept-Encoding");
+