52admln / ts-vue-questionnaire

微型问卷调查系统 TypeScript 版本，演示账号：admin / admin

微型问卷调查系统 TypeScript 版

适用于学校及单位的问卷调查系统，其特点在于参与人员需提前导入，在可控范围内进行问卷调查。

功能

1. 创建问卷、编辑问卷、删除问卷、修改问卷截止时间
2. 可查看结果统计、样本数据、回收情况，单题目交叉分析
3. 使用 Excel 批量导入用户、批量删除用户，用户管理
4. 问卷调查页面适配移动端
5. 支持 TypeScript

目录结构

├── public                     # public static assets (directly copied)
│   │── favicon.ico            # favicon
│   └── index.html             # index.html template
├── src                        # main source code
│   ├── api                    # api service
│   ├── assets                 # module assets like fonts, images (processed by webpack)
│   ├── components             # global components
│   ├── config                 # config of enum etc.
│   ├── filters                # global filter
│   ├── plugins                # third party packages
│   ├── router                 # router
│   ├── store                  # store
│   ├── types                  # namespace declaration
│   ├── utils                  # global utils
│   ├── views                  # views
│   ├── App.vue                # main app component
│   ├── global.d.ts            # third types declaration
│   ├── main.ts                # app entry file
│   ├── shim-request-proper-
        ty.d.ts                # bind $axios on Vue property
│   ├── shims-tsx.d.ts         # type definition shims
│   └── shims-vue.d.ts         # type definition shims
├── tests/                     # tests
├── .browserslistrc            # browserslist config file (to support Autoprefixer)
├── .editorconfig              # editor code format consistency config
├── .env.xxx                   # env variable configuration
├── .eslintrc.js               # eslint config
├── babel.config.js            # babel config
├── jest.config.js             # jest unit test config
├── package.json               # package.json
├── tsconfig.json              # typescript config
└── vue.config.js              # vue-cli config

项目运行

安装依赖

yarn install

开发调试

yarn run serve

生产环境部署

yarn run build

自定义 Vue 配置

查看 Configuration Reference.

第三方插件

• xlsx
• file-saver
• element-ui
• echarts
• qrcode
• clipboard

批量导入

用户批量导入模板文件见 /Import_Template.xls

API 及数据库

.env.development

本地环境请修改根目录下 .env.development 文件中的 VUE_APP_BASE_API 为本地调试的后端部署地址。

.env.production

生产环境请修改根目录下 .env.production 文件中的 VUE_APP_BASE_API 为线上的后端部署地址。

查看 vue-questionnaire-api.

后端代码不堪入目，已计划重构。

LICENSE

MIT

鼓励

ts-vue-questionnaire's Issues

请问能否添加使用匿名填写问卷的功能

谢谢maintainer

刚登陆token就失效，是什么原因？

您好,启动项目之后一直处于加载状态

您好,启动项目之后一直处于加载状态,后台没有维护吗开吗?equest failed with status code 404

问卷选项过长 不自动换行问题

请问这个要咱们解决，希望指示一下在源码什么地方修改 谢谢！~~

离线部署

请问有没有比较简单的离线部署方式

建议，可否答完问卷后，提供一个小的礼品赠送的功能

感谢作者提供的程序，ui很好看，建议，可否答完问卷后，提供一个小的礼品赠送的功能，可以随机赠送，或者是全部赠送，或者抽奖赠送，添加问卷的时候，简单的设置一下礼品就可以了，然后用户答完问卷后，让用户提供地址信息进行礼品派送

yarn run serve 时报错

Failed to compile with 1 errors 1:13:39 PM
error in ./src/utils/excel.ts

Module Error (from ./node_modules/eslint-loader/index.js):
error: 'cellValue' is never reassigned. Use 'const' instead (prefer-const) at src\utils\excel.ts:35:11:
33 | rowspan = parseInt(rowspanStr)
34 | }

35 | let cellValue = cell.innerText
| ^
36 | // Skip ranges
37 | ranges.forEach(function(range) {
38 | if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {

error: Missing space before function parentheses (space-before-function-paren) at src\utils\excel.ts:37:30:
35 | let cellValue = cell.innerText
36 | // Skip ranges

37 | ranges.forEach(function(range) {
| ^
38 | if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
39 | for (let i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null)
40 | }

error: 'result' is never reassigned. Use 'const' instead (prefer-const) at src\utils\excel.ts:201:9:
199 | }))
200 | // 以第一行为初始值

201 | let result = colWidth[0]
| ^
202 | for (let i = 1; i < colWidth.length; i++) {
203 | for (let j = 0; j < colWidth[i].length; j++) {
204 | if (result[j]['wch'] < colWidth[i][j]['wch']) {

3 errors found.
3 errors potentially fixable with the --fix option.