renguanyu111
4 years ago
99 changed files with 3318 additions and 224 deletions
@ -1,53 +1,55 @@ |
|||
{ |
|||
"name": "gin-vue-admin", |
|||
"version": "2.3.5", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "vite --host --mode development", |
|||
"build": "vite build --mode production", |
|||
"preview": "vite preview" |
|||
}, |
|||
"dependencies": { |
|||
"@babel/polyfill": "^7.12.1", |
|||
"@element-plus/icons": "0.0.11", |
|||
"axios": "^0.19.2", |
|||
"core-js": "^3.6.5", |
|||
"echarts": "4.9.0", |
|||
"element-plus": "^1.1.0-beta.24", |
|||
"highlight.js": "^10.6.0", |
|||
"marked": "^2.0.0", |
|||
"mitt": "^3.0.0", |
|||
"path": "^0.12.7", |
|||
"qs": "^6.8.0", |
|||
"quill": "^1.3.7", |
|||
"screenfull": "^5.0.2", |
|||
"script-ext-html-webpack-plugin": "^2.1.4", |
|||
"spark-md5": "^3.0.1", |
|||
"vue": "^3.2.0", |
|||
"vue-particle-line": "^0.1.4", |
|||
"vue-router": "^4.0.0-0", |
|||
"vuex": "^4.0.0-0", |
|||
"vuex-persist": "^2.1.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@vitejs/plugin-legacy": "^1.4.4", |
|||
"@vitejs/plugin-vue": "latest", |
|||
"@vue/cli-plugin-babel": "~4.5.0", |
|||
"@vue/cli-plugin-eslint": "~4.5.0", |
|||
"@vue/cli-plugin-router": "~4.5.0", |
|||
"@vue/cli-plugin-vuex": "~4.5.0", |
|||
"@vue/cli-service": "~4.5.0", |
|||
"@vue/compiler-sfc": "^3.1.5", |
|||
"babel-eslint": "^10.1.0", |
|||
"babel-plugin-import": "^1.13.3", |
|||
"babel-polyfill": "^6.26.0", |
|||
"dotenv": "^10.0.0", |
|||
"es6-promise": "^4.2.8", |
|||
"eslint": "^6.7.2", |
|||
"eslint-plugin-vue": "^7.0.0", |
|||
"sass": "^1.26.5", |
|||
"sass-loader": "^8.0.2", |
|||
"vite": "2", |
|||
"vite-plugin-importer": "^0.2.5" |
|||
} |
|||
"name": "gin-vue-admin", |
|||
"version": "2.3.5", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "vite --host --mode development", |
|||
"build": "vite build --mode production", |
|||
"preview": "vite preview" |
|||
}, |
|||
"dependencies": { |
|||
"@babel/polyfill": "^7.12.1", |
|||
"@element-plus/icons": "0.0.11", |
|||
"axios": "^0.19.2", |
|||
"core-js": "^3.6.5", |
|||
"echarts": "^5.2.2", |
|||
"element-plus": "^1.1.0-beta.24", |
|||
"highlight.js": "^10.6.0", |
|||
"marked": "^2.0.0", |
|||
"mitt": "^3.0.0", |
|||
"path": "^0.12.7", |
|||
"qs": "^6.8.0", |
|||
"quill": "^1.3.7", |
|||
"screenfull": "^5.0.2", |
|||
"script-ext-html-webpack-plugin": "^2.1.4", |
|||
"spark-md5": "^3.0.1", |
|||
"vue": "^3.2.0", |
|||
"vue-baidu-map": "^0.21.22", |
|||
"vue-particle-line": "^0.1.4", |
|||
"vue-router": "^4.0.0-0", |
|||
"vuex": "^4.0.0-0", |
|||
"vuex-persist": "^2.1.0", |
|||
"wangeditor": "^4.7.9" |
|||
}, |
|||
"devDependencies": { |
|||
"@vitejs/plugin-legacy": "^1.4.4", |
|||
"@vitejs/plugin-vue": "latest", |
|||
"@vue/cli-plugin-babel": "~4.5.0", |
|||
"@vue/cli-plugin-eslint": "~4.5.0", |
|||
"@vue/cli-plugin-router": "~4.5.0", |
|||
"@vue/cli-plugin-vuex": "~4.5.0", |
|||
"@vue/cli-service": "~4.5.0", |
|||
"@vue/compiler-sfc": "^3.1.5", |
|||
"babel-eslint": "^10.1.0", |
|||
"babel-plugin-import": "^1.13.3", |
|||
"babel-polyfill": "^6.26.0", |
|||
"dotenv": "^10.0.0", |
|||
"es6-promise": "^4.2.8", |
|||
"eslint": "^6.7.2", |
|||
"eslint-plugin-vue": "^7.0.0", |
|||
"sass": "^1.26.5", |
|||
"sass-loader": "^8.0.2", |
|||
"vite": "2", |
|||
"vite-plugin-importer": "^0.2.5" |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,118 @@ |
|||
// 集团api
|
|||
import service from '@/utils/request' |
|||
|
|||
// @Tags api
|
|||
// @Summary 获取集团详情 不分页
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
|||
// @Router /api/getApiList [post]
|
|||
// {
|
|||
// page int
|
|||
// pageSize int
|
|||
// }
|
|||
export const getgroupinfo = (data) => { |
|||
return service({ |
|||
url: '/group/getgroupinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags Api
|
|||
// @Summary 获取子公司详情
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body api.CreateApiParams true "创建api"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
|||
// @Router /api/createApi [post]
|
|||
export const getsubsidiaryinfo = (data) => { |
|||
return service({ |
|||
url: '/group/getsubsidiaryinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags menu
|
|||
// @Summary 添加集团信息
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body api.GetById true "添加集团信息"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
|||
// @Router /menu/getApiById [post]
|
|||
export const addgroupinfo = (data) => { |
|||
return service({ |
|||
url: '/group/addgroupinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags Api
|
|||
// @Summary 获取工段详情
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body api.CreateApiParams true "获取工段详情"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"更新成功"}"
|
|||
// @Router /api/updateApi [post]
|
|||
export const getgrouppositioninfo = (data) => { |
|||
return service({ |
|||
url: '/group/getgrouppositioninfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags Api
|
|||
// @Summary 修改集团信息
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body api.CreateApiParams true "修改集团信息"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"更新成功"}"
|
|||
// @Router /group/eitegroupinfo [post]
|
|||
export const eitegroupinfo = (data) => { |
|||
return service({ |
|||
url: '/group/eitegroupinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags Api
|
|||
// @Summary 删除集团框架相应信息
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
|||
// @Router /group/delgroupinfo [post]
|
|||
export const delgroupinfo = (data) => { |
|||
return service({ |
|||
url: '/group/delgroupinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// @Tags Api
|
|||
// @Summary 获取集团架构
|
|||
// @Security ApiKeyAuth
|
|||
// @accept application/json
|
|||
// @Produce application/json
|
|||
// @Param data body dbModel.Api true "获取集团架构"
|
|||
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
|||
// @Router /group/grouplist [get]
|
|||
export const grouplist = (data) => { |
|||
return service({ |
|||
url: '/group/grouplist', |
|||
method: 'get', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
@ -0,0 +1,143 @@ |
|||
<template lang="html"> |
|||
<div class="editor"> |
|||
<div ref="toolbar" class="toolbar"> |
|||
</div> |
|||
<div ref="editor" class="text"> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import E from 'wangeditor' |
|||
export default { |
|||
name: 'editoritem', |
|||
data() { |
|||
return { |
|||
// uploadPath, |
|||
editor: null, |
|||
info_: null |
|||
} |
|||
}, |
|||
model: { |
|||
prop: 'value', |
|||
event: 'change' |
|||
}, |
|||
props: { |
|||
value: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
isClear: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
watch: { |
|||
isClear(val) { |
|||
// 触发清除文本域内容 |
|||
if (val) { |
|||
this.editor.txt.clear() |
|||
this.info_ = null |
|||
} |
|||
}, |
|||
value: function(value) { |
|||
if (value !== this.editor.txt.html()) { |
|||
this.editor.txt.html(this.value) |
|||
} |
|||
} |
|||
//value为编辑框输入的内容，这里我监听了一下值，当父组件调用得时候，如果给value赋值了，子组件将会显示父组件赋给的值 |
|||
}, |
|||
mounted() { |
|||
this.seteditor() |
|||
this.editor.txt.html(this.value) |
|||
}, |
|||
methods: { |
|||
seteditor() { |
|||
// http://192.168.2.125:8080/admin/storage/create |
|||
this.editor = new E(this.$refs.toolbar, this.$refs.editor) |
|||
this.editor.customConfig.uploadImgShowBase64 = false // base 64 存储图片 |
|||
this.editor.customConfig.uploadImgServer = 'http://otp.cdinfotech.top/file/upload_images'// 配置服务器端地址 |
|||
this.editor.customConfig.uploadImgHeaders = { }// 自定义 header |
|||
this.editor.customConfig.uploadFileName = 'file' // 后端接受上传文件的参数名 |
|||
this.editor.customConfig.uploadImgMaxSize = 2 * 1024 * 1024 // 将图片大小限制为 2M |
|||
this.editor.customConfig.uploadImgMaxLength = 6 // 限制一次最多上传 3 张图片 |
|||
this.editor.customConfig.uploadImgTimeout = 3 * 60 * 1000 // 设置超时时间 |
|||
|
|||
// 配置菜单 |
|||
this.editor.customConfig.menus = [ |
|||
'head', // 标题 |
|||
'bold', // 粗体 |
|||
'fontSize', // 字号 |
|||
'fontName', // 字体 |
|||
'italic', // 斜体 |
|||
'underline', // 下划线 |
|||
'strikeThrough', // 删除线 |
|||
'foreColor', // 文字颜色 |
|||
'backColor', // 背景颜色 |
|||
'link', // 插入链接 |
|||
'list', // 列表 |
|||
'justify', // 对齐方式 |
|||
'quote', // 引用 |
|||
'emoticon', // 表情 |
|||
'image', // 插入图片 |
|||
'table', // 表格 |
|||
'video', // 插入视频 |
|||
'code', // 插入代码 |
|||
'undo', // 撤销 |
|||
'redo', // 重复 |
|||
'fullscreen' // 全屏 |
|||
] |
|||
|
|||
this.editor.customConfig.uploadImgHooks = { |
|||
fail: (xhr, editor, result) => { |
|||
// 插入图片失败回调 |
|||
}, |
|||
success: (xhr, editor, result) => { |
|||
// 图片上传成功回调 |
|||
}, |
|||
timeout: (xhr, editor) => { |
|||
// 网络超时的回调 |
|||
}, |
|||
error: (xhr, editor) => { |
|||
// 图片上传错误的回调 |
|||
}, |
|||
customInsert: (insertImg, result, editor) => { |
|||
// 插入图片的回调函数 |
|||
// 图片上传成功，插入图片的回调 |
|||
//result为上传图片成功的时候返回的数据，这里我打印了一下发现后台返回的是data：[{url:"路径的形式"},...] |
|||
// console.log(result.data[0].url) |
|||
//insertImg()为插入图片的函数 |
|||
//循环插入图片 |
|||
// for (let i = 0; i < 1; i++) { |
|||
// console.log(result) |
|||
let url = "http://otp.cdinfotech.top"+result.url |
|||
insertImg(url) |
|||
// } |
|||
} |
|||
} |
|||
this.editor.customConfig.onchange = (html) => { |
|||
this.info_ = html // 绑定当前逐渐地值 |
|||
this.$emit('change', this.info_) // 将内容同步到父组件中 |
|||
} |
|||
// 创建富文本编辑器 |
|||
this.editor.create() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="css"> |
|||
.editor { |
|||
width: 100%; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
z-index: 0; |
|||
} |
|||
.toolbar { |
|||
border: 1px solid #ccc; |
|||
} |
|||
.text { |
|||
border: 1px solid #ccc; |
|||
min-height: 500px; |
|||
} |
|||
</style> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,27 @@ |
|||
(function (root, factory) { |
|||
if (typeof define === 'function' && define.amd) { |
|||
// AMD. Register as an anonymous module.
|
|||
define(['exports', 'echarts'], factory); |
|||
} else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { |
|||
// CommonJS
|
|||
factory(exports, require('echarts')); |
|||
} else { |
|||
// Browser globals
|
|||
factory({}, root.echarts); |
|||
} |
|||
}(this, function (exports, echarts) { |
|||
var log = function (msg) { |
|||
if (typeof console !== 'undefined') { |
|||
console && console.error && console.error(msg); |
|||
} |
|||
} |
|||
if (!echarts) { |
|||
log('ECharts is not Loaded'); |
|||
return; |
|||
} |
|||
if (!echarts.registerMap) { |
|||
log('ECharts Map is not loaded') |
|||
return; |
|||
} |
|||
echarts.registerMap('澳门', {"type":"FeatureCollection","features":[{"id":"820001","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@LADC^umZ@DONWE@DALBBF@H@DFBBTC"],["@@P@LC@AGM@OECMBABBTCD@DDH"]],"encodeOffsets":[[[116285,22746]],[[116303,22746]]]},"properties":{"cp":[113.552965,22.207882],"name":"花地玛堂区","childNum":2}},{"id":"820002","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@MK@CA@AAGDEB@NVFJG"],"encodeOffsets":[[116281,22734]]},"properties":{"cp":[113.549052,22.199175],"name":"花王堂区","childNum":1}},{"id":"820003","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@EGOB@DNLHE@C"],"encodeOffsets":[[116285,22729]]},"properties":{"cp":[113.550252,22.193791],"name":"望德堂区","childNum":1}},{"id":"820004","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@YMVAN@BFCBBDAFHDBBFDHIJJEFDPCHHlYJQ"],"encodeOffsets":[[116313,22707]]},"properties":{"cp":[113.55374,22.188119],"name":"大堂区","childNum":1}},{"id":"820005","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@JICGAECACGEBAAEDBFNXB@"],"encodeOffsets":[[116266,22728]]},"properties":{"cp":[113.54167,22.187778],"name":"风顺堂区","childNum":1}},{"id":"820006","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@ ZNWRquZCBCC@AEA@@ADCDCAACEAGBQ@INEL"],"encodeOffsets":[[116265,22694]]},"properties":{"cp":[113.558783,22.154124],"name":"嘉模堂区","childNum":1}},{"id":"820007","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@MOIAIEI@@GE@AAUCBdCFIFR@HAFBBDDBDCBC@@FB@BDDDA\\M"],"encodeOffsets":[[116316,22676]]},"properties":{"cp":[113.56925,22.136546],"name":"路凼填海区","childNum":1}},{"id":"820008","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@DKMMa_GC_COD@dVDBBF@@HJ@JFJBNPZK"],"encodeOffsets":[[116329,22670]]},"properties":{"cp":[113.559954,22.124049],"name":"圣方济各堂区","childNum":1}}],"UTF8Encoding":true}); |
|||
})); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
{"type":"FeatureCollection","features":[{"id":"820001","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@LADC^umZ@DONWE@DALBBF@H@DFBBTC"],["@@P@LC@AGM@OECMBABBTCD@DDH"]],"encodeOffsets":[[[116285,22746]],[[116303,22746]]]},"properties":{"cp":[113.552965,22.207882],"name":"花地玛堂区","childNum":2}},{"id":"820002","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@MK@CA@AAGDEB@NVFJG"],"encodeOffsets":[[116281,22734]]},"properties":{"cp":[113.549052,22.199175],"name":"花王堂区","childNum":1}},{"id":"820003","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@EGOB@DNLHE@C"],"encodeOffsets":[[116285,22729]]},"properties":{"cp":[113.550252,22.193791],"name":"望德堂区","childNum":1}},{"id":"820004","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@YMVAN@BFCBBDAFHDBBFDHIJJEFDPCHHlYJQ"],"encodeOffsets":[[116313,22707]]},"properties":{"cp":[113.55374,22.188119],"name":"大堂区","childNum":1}},{"id":"820005","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@JICGAECACGEBAAEDBFNXB@"],"encodeOffsets":[[116266,22728]]},"properties":{"cp":[113.54167,22.187778],"name":"风顺堂区","childNum":1}},{"id":"820006","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@ ZNWRquZCBCC@AEA@@ADCDCAACEAGBQ@INEL"],"encodeOffsets":[[116265,22694]]},"properties":{"cp":[113.558783,22.154124],"name":"嘉模堂区","childNum":1}},{"id":"820007","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@MOIAIEI@@GE@AAUCBdCFIFR@HAFBBDDBDCBC@@FB@BDDDA\\M"],"encodeOffsets":[[116316,22676]]},"properties":{"cp":[113.56925,22.136546],"name":"路凼填海区","childNum":1}},{"id":"820008","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@DKMMa_GC_COD@dVDBBF@@HJ@JFJBNPZK"],"encodeOffsets":[[116329,22670]]},"properties":{"cp":[113.559954,22.124049],"name":"圣方济各堂区","childNum":1}}],"UTF8Encoding":true} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,371 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 数据提报表设置 --> |
|||
<div class="gva-search-box"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
|||
<el-form-item label="名称"> |
|||
<el-input v-model="searchInfo.path" placeholder="请输入报表名称" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div class="gva-table-box"> |
|||
<div class="gva-btn-list"> |
|||
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button> |
|||
<!-- <el-button size="mini" type="primary" icon="el-icon-upload" @click="openDialog('addApi')">导入员工数据</el-button> --> |
|||
<el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
|||
<p>确定要删除吗？</p> |
|||
<div style="text-align: right; margin-top: 8px;"> |
|||
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
|||
<el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
|||
</div> |
|||
<template #reference> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button> |
|||
</template> |
|||
</el-popover> |
|||
</div> |
|||
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55"/> |
|||
<el-table-column align="left" label="数据提报表名称" prop="ID"/> |
|||
<el-table-column align="left" label="发布时间" prop="path"/> |
|||
<el-table-column align="left" label="评分分配" prop="apiGroup"/> |
|||
<el-table-column align="left" label="发布人" prop="description"/> |
|||
<el-table-column align="left" fixed="right" label="操作" width="200"> |
|||
|
|||
<template #default="scope"> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="editApi(scope.row)" |
|||
>编辑</el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteApi(scope.row)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="gva-pagination"> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-size="pageSize" |
|||
:page-sizes="[10, 30, 50, 100]" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@current-change="handleCurrentChange" |
|||
@size-change="handleSizeChange" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width="40%"> |
|||
<el-form ref="apiForm" :model="form" :rules="rules" label-width="100px"> |
|||
<el-form-item label="数据提报表名称" prop="num"> |
|||
<el-input v-model="form.num" autocomplete="off"/> |
|||
</el-form-item> |
|||
<el-form-item |
|||
v-for="(domain, index) in form.domains" |
|||
:label="'评分标准' + (index+1)" |
|||
:key="domain.key" |
|||
:prop="'domains.' + index + '.value'" |
|||
:rules="{ |
|||
required: true, message: '评分标准不能为空', trigger: 'blur' |
|||
}" |
|||
> |
|||
<el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">删除</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="addDomain">新增评分标准</el-button> |
|||
</el-form-item> |
|||
<el-form-item label="阅读量" prop="num"> |
|||
<div>{{form.domains}}</div> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="closeDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
|||
|
|||
import { |
|||
getApiById, |
|||
getApiList, |
|||
createApi, |
|||
updateApi, |
|||
deleteApi, |
|||
deleteApisByIds |
|||
} from '@/api/api' |
|||
import infoList from '@/mixins/infoList' |
|||
// import EditorBar from '../../components/wangEnduit/index.vue' |
|||
import { toSQLLine } from '@/utils/stringFun' |
|||
import warningBar from '@/components/warningBar/warningBar.vue' |
|||
|
|||
const methodOptions = [ |
|||
{ |
|||
value: 'POST', |
|||
label: '创建', |
|||
type: 'success' |
|||
}, |
|||
{ |
|||
value: 'GET', |
|||
label: '查看', |
|||
type: '' |
|||
}, |
|||
{ |
|||
value: 'PUT', |
|||
label: '更新', |
|||
type: 'warning' |
|||
}, |
|||
{ |
|||
value: 'DELETE', |
|||
label: '删除', |
|||
type: 'danger' |
|||
} |
|||
] |
|||
|
|||
export default { |
|||
name: 'Api', |
|||
components: { |
|||
// warningBar,EditorBar |
|||
warningBar |
|||
}, |
|||
mixins: [infoList], |
|||
data() { |
|||
return { |
|||
deleteVisible: false, |
|||
// listApi: getApiList, |
|||
dialogFormVisible: false, |
|||
dialogTitle: '新增新闻', |
|||
apis: [], |
|||
form: { |
|||
domains: [{ |
|||
value: '' |
|||
}], |
|||
wxId:'', |
|||
jdId:'', |
|||
num:'', |
|||
name:'', |
|||
type:'', |
|||
birthDate:'', |
|||
onboardingDate:'', |
|||
password:'', |
|||
passwordTwo:'', |
|||
department:'', |
|||
post: '', |
|||
gender: '', |
|||
age: '', |
|||
certificate: '', |
|||
certificateNum: '', |
|||
phone: '', |
|||
state: '', |
|||
}, |
|||
methodOptions: methodOptions, |
|||
type: '', |
|||
rules: { |
|||
path: [{ required: true, message: '请输入api路径', trigger: 'blur' }], |
|||
apiGroup: [ |
|||
{ required: true, message: '请输入组名称', trigger: 'blur' } |
|||
], |
|||
description: [ |
|||
{ required: true, message: '请输入api介绍', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
// 删除控件 |
|||
removeDomain(item) { |
|||
var index = this.form.domains.indexOf(item) |
|||
if (index !== -1) { |
|||
this.form.domains.splice(index, 1) |
|||
} |
|||
}, |
|||
// 新增控件 |
|||
addDomain() { |
|||
this.form.domains.push({ |
|||
value: '', |
|||
key: Date.now() |
|||
}); |
|||
}, |
|||
methodFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.label}` |
|||
}, |
|||
tagTypeFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.type}` |
|||
}, |
|||
// 选中api |
|||
handleSelectionChange(val) { |
|||
this.apis = val |
|||
}, |
|||
async onDelete() { |
|||
const ids = this.apis.forEach(item => item.ID) |
|||
const res = await deleteApisByIds({ ids }) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}) |
|||
if (this.tableData.length === ids.length && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.deleteVisible = false |
|||
this.getTableData() |
|||
} |
|||
}, |
|||
// 排序 |
|||
sortChange({ prop, order }) { |
|||
if (prop) { |
|||
this.searchInfo.orderKey = toSQLLine(prop) |
|||
this.searchInfo.desc = order === 'descending' |
|||
} |
|||
this.getTableData() |
|||
}, |
|||
onReset() { |
|||
this.searchInfo = {} |
|||
}, |
|||
// 搜索时调用 |
|||
// 条件搜索前端看此方法 |
|||
onSubmit() { |
|||
this.page = 1 |
|||
this.pageSize = 10 |
|||
this.getTableData() |
|||
}, |
|||
initForm() { |
|||
this.$refs.apiForm.resetFields() |
|||
this.form = { |
|||
domains: [{ |
|||
value: '' |
|||
}], |
|||
path: '', |
|||
apiGroup: '', |
|||
method: '', |
|||
description: '' |
|||
} |
|||
}, |
|||
closeDialog() { |
|||
this.initForm() |
|||
this.dialogFormVisible = false |
|||
|
|||
}, |
|||
openDialog(type) { |
|||
switch (type) { |
|||
case 'addApi': |
|||
this.dialogTitle = '新增数据提报表' |
|||
break |
|||
case 'edit': |
|||
this.dialogTitle = '编辑新增数据提报表' |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
this.type = type |
|||
this.dialogFormVisible = true |
|||
}, |
|||
async editApi(row) { |
|||
const res = await getApiById({ id: row.ID }) |
|||
this.form = res.data.api |
|||
this.openDialog('edit') |
|||
}, |
|||
async deleteApi(row) { |
|||
this.$confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(async() => { |
|||
const res = await deleteApi(row) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}) |
|||
if (this.tableData.length === 1 && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.getTableData() |
|||
} |
|||
}) |
|||
}, |
|||
async enterDialog() { |
|||
this.$refs.apiForm.validate(async valid => { |
|||
if (valid) { |
|||
switch (this.type) { |
|||
case 'addApi': |
|||
{ |
|||
const res = await createApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '添加成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
|
|||
break |
|||
case 'edit': |
|||
{ |
|||
const res = await updateApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '编辑成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
break |
|||
default: |
|||
// eslint-disable-next-line no-lone-blocks |
|||
{ |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '未知操作', |
|||
showClose: true |
|||
}) |
|||
} |
|||
break |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.el-input { |
|||
width: 220px; |
|||
} |
|||
.button-box { |
|||
padding: 10px 20px; |
|||
.el-button { |
|||
float: right; |
|||
} |
|||
} |
|||
.warning { |
|||
color: #dc143c; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,17 @@ |
|||
<template> |
|||
<div> |
|||
<router-view v-slot="{ Component }"> |
|||
<transition mode="out-in" name="el-fade-in-linear"> |
|||
<keep-alive :include="$store.getters['router/keepAliveRouters']"> |
|||
<component :is="Component" /> |
|||
</keep-alive> |
|||
</transition> |
|||
</router-view> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'dataReport' |
|||
} |
|||
</script> |
|||
@ -0,0 +1,331 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 岗位管理 --> |
|||
<div class="gva-search-box"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
|||
<el-form-item label="岗位名称"> |
|||
<el-input v-model="searchInfo.name" placeholder="请输入岗位名称" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div class="gva-table-box"> |
|||
<div class="gva-btn-list"> |
|||
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button> |
|||
<el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
|||
<p>确定要删除吗？</p> |
|||
<div style="text-align: right; margin-top: 8px;"> |
|||
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
|||
<el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
|||
</div> |
|||
<template #reference> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button> |
|||
</template> |
|||
</el-popover> |
|||
</div> |
|||
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange"> |
|||
<el-table-column |
|||
type="selection" |
|||
width="55" |
|||
/> |
|||
<el-table-column align="left" label="岗位名称" min-width="150" prop="name"/> |
|||
<el-table-column align="left" label="岗位权重" min-width="150" prop="weights"/> |
|||
<el-table-column align="left" label="岗位状态" min-width="150" prop="state"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row"></el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column align="left" fixed="right" label="操作" width="200"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="editApi(scope.row)" |
|||
>编辑</el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteApi(scope.row)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="gva-pagination"> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-size="pageSize" |
|||
:page-sizes="[10, 30, 50, 100]" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@current-change="handleCurrentChange" |
|||
@size-change="handleSizeChange" |
|||
/> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width=20%> |
|||
|
|||
<el-form ref="apiForm" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="岗位名称" prop="path"> |
|||
<el-input v-model="form.path" autocomplete="off" /> |
|||
</el-form-item> |
|||
<el-form-item label="岗位权重" prop="method"> |
|||
<el-input v-model="form.path" autocomplete="off" /> |
|||
</el-form-item> |
|||
<el-form-item label="岗位状态" prop="apiGroup"> |
|||
<el-switch v-model="form.delivery"></el-switch> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="closeDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
|||
|
|||
import { |
|||
getApiById, |
|||
getApiList, |
|||
createApi, |
|||
updateApi, |
|||
deleteApi, |
|||
deleteApisByIds |
|||
} from '@/api/api' |
|||
import infoList from '@/mixins/infoList' |
|||
import { toSQLLine } from '@/utils/stringFun' |
|||
import warningBar from '@/components/warningBar/warningBar.vue' |
|||
const methodOptions = [ |
|||
{ |
|||
value: 'POST', |
|||
label: '创建', |
|||
type: 'success' |
|||
}, |
|||
{ |
|||
value: 'GET', |
|||
label: '查看', |
|||
type: '' |
|||
}, |
|||
{ |
|||
value: 'PUT', |
|||
label: '更新', |
|||
type: 'warning' |
|||
}, |
|||
{ |
|||
value: 'DELETE', |
|||
label: '删除', |
|||
type: 'danger' |
|||
} |
|||
] |
|||
|
|||
export default { |
|||
name: 'Api', |
|||
components: { |
|||
warningBar |
|||
}, |
|||
mixins: [infoList], |
|||
data() { |
|||
return { |
|||
deleteVisible: false, |
|||
// listApi: getApiList, |
|||
dialogFormVisible: false, |
|||
dialogTitle: '新增', |
|||
apis: [], |
|||
form: { |
|||
path: '', |
|||
apiGroup: '', |
|||
method: '', |
|||
description: '' |
|||
}, |
|||
methodOptions: methodOptions, |
|||
type: '', |
|||
rules: { |
|||
path: [{ required: true, message: '请输入api路径', trigger: 'blur' }], |
|||
apiGroup: [ |
|||
{ required: true, message: '请输入组名称', trigger: 'blur' } |
|||
], |
|||
method: [ |
|||
{ required: true, message: '请选择请求方式', trigger: 'blur' } |
|||
], |
|||
description: [ |
|||
{ required: true, message: '请输入api介绍', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
methodFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.label}` |
|||
}, |
|||
tagTypeFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.type}` |
|||
}, |
|||
// 选中api |
|||
handleSelectionChange(val) { |
|||
this.apis = val |
|||
}, |
|||
async onDelete() { |
|||
const ids = this.apis.forEach(item => item.ID) |
|||
const res = await deleteApisByIds({ ids }) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}) |
|||
if (this.tableData.length === ids.length && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.deleteVisible = false |
|||
this.getTableData() |
|||
} |
|||
}, |
|||
// 排序 |
|||
sortChange({ prop, order }) { |
|||
if (prop) { |
|||
this.searchInfo.orderKey = toSQLLine(prop) |
|||
this.searchInfo.desc = order === 'descending' |
|||
} |
|||
this.getTableData() |
|||
}, |
|||
onReset() { |
|||
this.searchInfo = {} |
|||
}, |
|||
// 条件搜索前端看此方法 |
|||
onSubmit() { |
|||
this.page = 1 |
|||
this.pageSize = 10 |
|||
this.getTableData() |
|||
}, |
|||
initForm() { |
|||
this.$refs.apiForm.resetFields() |
|||
this.form = { |
|||
path: '', |
|||
apiGroup: '', |
|||
method: '', |
|||
description: '' |
|||
} |
|||
}, |
|||
closeDialog() { |
|||
this.initForm() |
|||
this.dialogFormVisible = false |
|||
}, |
|||
|
|||
openDialog(type) { |
|||
switch (type) { |
|||
case 'addApi': |
|||
this.dialogTitle = '新增岗位信息' |
|||
break |
|||
case 'edit': |
|||
this.dialogTitle = '编辑岗位信息' |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
this.type = type |
|||
this.dialogFormVisible = true |
|||
}, |
|||
async editApi(row) { |
|||
const res = await getApiById({ id: row.ID }) |
|||
this.form = res.data.api |
|||
this.openDialog('edit') |
|||
}, |
|||
async deleteApi(row) { |
|||
this.$confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(async() => { |
|||
const res = await deleteApi(row) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}) |
|||
if (this.tableData.length === 1 && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.getTableData() |
|||
} |
|||
}) |
|||
}, |
|||
async enterDialog() { |
|||
this.$refs.apiForm.validate(async valid => { |
|||
if (valid) { |
|||
switch (this.type) { |
|||
case 'addApi': |
|||
{ |
|||
const res = await createApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '添加成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
|
|||
break |
|||
case 'edit': |
|||
{ |
|||
const res = await updateApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '编辑成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
break |
|||
default: |
|||
// eslint-disable-next-line no-lone-blocks |
|||
{ |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '未知操作', |
|||
showClose: true |
|||
}) |
|||
} |
|||
break |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.button-box { |
|||
padding: 10px 20px; |
|||
.el-button { |
|||
float: right; |
|||
} |
|||
} |
|||
.warning { |
|||
color: #dc143c; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,506 @@ |
|||
<template> |
|||
<!-- 员工管理 --> |
|||
<div> |
|||
<div class="gva-search-box"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
|||
<el-form-item label="工段"> |
|||
<el-select v-model="searchInfo.workSection" clearable placeholder="请选择"> |
|||
<el-option value="1" label="a工段">a工段</el-option> |
|||
<el-option value="2" label="b工段">b工段</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="职务"> |
|||
<el-select v-model="searchInfo.method" clearable placeholder="职务"> |
|||
<el-option value="1" label="a职务">a职务</el-option> |
|||
<el-option value="2" label="b职务">b职务</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="员工姓名"> |
|||
<el-input v-model="searchInfo.path" placeholder="请输入员工姓名" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
|||
</el-form-item> |
|||
<el-date-picker |
|||
v-model="value2" |
|||
align="right" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
:picker-options="pickerOptions"> |
|||
</el-date-picker> |
|||
</el-form> |
|||
</div> |
|||
<div class="gva-table-box"> |
|||
<div class="gva-btn-list"> |
|||
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button> |
|||
<el-button size="mini" type="primary" icon="el-icon-upload" @click="openDialog('addApi')">导入员工数据</el-button> |
|||
<el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
|||
<p>确定要删除吗？</p> |
|||
<div style="text-align: right; margin-top: 8px;"> |
|||
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
|||
<el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
|||
</div> |
|||
<template #reference> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button> |
|||
</template> |
|||
</el-popover> |
|||
</div> |
|||
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange"> |
|||
<el-table-column |
|||
type="selection" |
|||
width="55" |
|||
/> |
|||
<el-table-column align="left" label="编号" prop="ID"/> |
|||
<el-table-column align="left" label="姓名" prop="path"/> |
|||
<el-table-column align="left" label="归属" prop="apiGroup"/> |
|||
<el-table-column align="left" label="职务" prop="description"/> |
|||
<el-table-column align="left" label="班组" prop="method"/> |
|||
<el-table-column align="left" label="员工类别" prop="method"/> |
|||
<el-table-column align="left" label="雇佣状态" prop="method"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column align="left" label="状态" prop="method"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column align="left" label="企业微信ID" prop="method"/> |
|||
<el-table-column align="left" label="金蝶ID" prop="method"/> |
|||
<el-table-column align="left" fixed="right" label="操作" width="200"> |
|||
<template #default="scope"> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="editApi(scope.row)" |
|||
>编辑</el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteApi(scope.row)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="gva-pagination"> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-size="pageSize" |
|||
:page-sizes="[10, 30, 50, 100]" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@current-change="handleCurrentChange" |
|||
@size-change="handleSizeChange" |
|||
/> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width="40%"> |
|||
<el-form ref="apiForm" :model="form" :rules="rules" label-width="85px"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="职工编号" prop="num"> |
|||
<el-input style="width: 162px;" v-model="form.num" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="职工姓名" prop="name"> |
|||
<el-input style="width: 162px;" v-model="form.name" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="员工类别" prop="type"> |
|||
<el-select v-model="form.type" clearable placeholder="请选择员工类别"> |
|||
<el-option value="1" label="正式工">正式工</el-option> |
|||
<el-option value="2" label="合同工">合同工</el-option> |
|||
<el-option value="3" label="实习生">实习生</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="出生日期" prop="birthDate"> |
|||
<el-date-picker |
|||
v-model="form.birthDate" |
|||
align="right" |
|||
type="date" |
|||
format="YYYY/MM/DD" |
|||
value-format="x" |
|||
placeholder="选择出生日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="入职日期" prop="onboardingDate"> |
|||
<el-date-picker |
|||
v-model="form.onboardingDate" |
|||
type="date" |
|||
placeholder="选择入职日期" |
|||
format="YYYY/MM/DD" |
|||
value-format="x"> |
|||
</el-date-picker> |
|||
<!-- <el-date-picker v-model="form.onboardingDate" type="date" placeholder="选择入职日期"></el-date-picker> --> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="登录密码" prop="password"> |
|||
<el-input placeholder="请输入密码" v-model="form.password1" show-password></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="确认密码" prop="passwordTwo"> |
|||
<el-input placeholder="请输入密码" v-model="form.passwordTwo" show-password></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="所属部门" prop="department"> |
|||
<el-cascader |
|||
:options="options" |
|||
:props="{ checkStrictly: true }" |
|||
clearable></el-cascader> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="岗位" prop="past"> |
|||
<el-select v-model="form.past" clearable placeholder="岗位"> |
|||
<el-option value="1" label="a岗位">a岗位</el-option> |
|||
<el-option value="2" label="b岗位">b岗位</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="性别" prop="gender"> |
|||
<el-select v-model="form.gender" clearable placeholder="性别"> |
|||
<el-option value="1" label="a岗位">男 </el-option> |
|||
<el-option value="2" label="b岗位">女</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="年龄" prop="age"> |
|||
<el-input v-model="form.age" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="证件类型" prop="certificate"> |
|||
<el-select v-model="form.certificate" clearable placeholder="证件类型"> |
|||
<el-option value="1" label="身份证">身份证</el-option> |
|||
<el-option value="2" label="驾驶证">驾驶证</el-option> |
|||
<el-option value="3" label="军人证">军人证</el-option> |
|||
<el-option value="4" label="护照">居住证</el-option> |
|||
<el-option value="5" label="居住证">护照</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="证件号" prop="certificateNum"> |
|||
<el-input v-model="form.certificateNum" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系方式" prop="phone"> |
|||
<el-input v-model="form.phone" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
|
|||
<el-form-item label="雇佣状态" prop="state"> |
|||
<!-- <el-select v-model="from.state" clearable placeholder="雇佣状态"> |
|||
<el-option value="1" label="在职">在职</el-option> |
|||
<el-option value="2" label="离职">离职</el-option> |
|||
</el-select> --> |
|||
<el-select v-model="form.state" clearable placeholder="请选择雇佣状态"> |
|||
<el-option value="1" label="在职">在职</el-option> |
|||
<el-option value="2" label="离职">离职</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="企业微信ID" prop="phone"> |
|||
<el-input v-model="form.wxId" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
|
|||
<el-form-item label="金蝶ID" prop="state"> |
|||
<el-input v-model="form.jdId" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="closeDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
|||
|
|||
import { |
|||
getApiById, |
|||
getApiList, |
|||
createApi, |
|||
updateApi, |
|||
deleteApi, |
|||
deleteApisByIds |
|||
} from '@/api/api' |
|||
import infoList from '@/mixins/infoList' |
|||
import { toSQLLine } from '@/utils/stringFun' |
|||
import warningBar from '@/components/warningBar/warningBar.vue' |
|||
const methodOptions = [ |
|||
{ |
|||
value: 'POST', |
|||
label: '创建', |
|||
type: 'success' |
|||
}, |
|||
{ |
|||
value: 'GET', |
|||
label: '查看', |
|||
type: '' |
|||
}, |
|||
{ |
|||
value: 'PUT', |
|||
label: '更新', |
|||
type: 'warning' |
|||
}, |
|||
{ |
|||
value: 'DELETE', |
|||
label: '删除', |
|||
type: 'danger' |
|||
} |
|||
] |
|||
|
|||
export default { |
|||
name: 'staff', |
|||
components: { |
|||
warningBar |
|||
}, |
|||
mixins: [infoList], |
|||
data() { |
|||
return { |
|||
deleteVisible: false, |
|||
// listApi: getApiList, |
|||
dialogFormVisible: false, |
|||
dialogTitle: '新增', |
|||
apis: [], |
|||
form: { |
|||
wxId:'', |
|||
jdId:'', |
|||
num:'', |
|||
name:'', |
|||
type:'', |
|||
birthDate:'', |
|||
onboardingDate:'', |
|||
password:'', |
|||
passwordTwo:'', |
|||
department:'', |
|||
post: '', |
|||
gender: '', |
|||
age: '', |
|||
certificate: '', |
|||
certificateNum: '', |
|||
phone: '', |
|||
state: '', |
|||
}, |
|||
methodOptions: methodOptions, |
|||
type: '', |
|||
rules: { |
|||
path: [{ required: true, message: '请输入api路径', trigger: 'blur' }], |
|||
apiGroup: [ |
|||
{ required: true, message: '请输入组名称', trigger: 'blur' } |
|||
], |
|||
description: [ |
|||
{ required: true, message: '请输入api介绍', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
methodFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.label}` |
|||
}, |
|||
tagTypeFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.type}` |
|||
}, |
|||
// 选中api |
|||
handleSelectionChange(val) { |
|||
this.apis = val |
|||
}, |
|||
async onDelete() { |
|||
const ids = this.apis.forEach(item => item.ID) |
|||
const res = await deleteApisByIds({ ids }) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}) |
|||
if (this.tableData.length === ids.length && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.deleteVisible = false |
|||
this.getTableData() |
|||
} |
|||
}, |
|||
// 排序 |
|||
sortChange({ prop, order }) { |
|||
if (prop) { |
|||
this.searchInfo.orderKey = toSQLLine(prop) |
|||
this.searchInfo.desc = order === 'descending' |
|||
} |
|||
this.getTableData() |
|||
}, |
|||
onReset() { |
|||
this.searchInfo = {} |
|||
}, |
|||
// 条件搜索前端看此方法 |
|||
onSubmit() { |
|||
this.page = 1 |
|||
this.pageSize = 10 |
|||
this.getTableData() |
|||
}, |
|||
initForm() { |
|||
this.$refs.apiForm.resetFields() |
|||
this.form = { |
|||
path: '', |
|||
apiGroup: '', |
|||
method: '', |
|||
description: '' |
|||
} |
|||
}, |
|||
closeDialog() { |
|||
this.initForm() |
|||
this.dialogFormVisible = false |
|||
}, |
|||
openDialog(type) { |
|||
switch (type) { |
|||
case 'addApi': |
|||
this.dialogTitle = '新增员工信息' |
|||
break |
|||
case 'edit': |
|||
this.dialogTitle = '编辑员工信息' |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
this.type = type |
|||
this.dialogFormVisible = true |
|||
}, |
|||
async editApi(row) { |
|||
const res = await getApiById({ id: row.ID }) |
|||
this.form = res.data.api |
|||
this.openDialog('edit') |
|||
}, |
|||
async deleteApi(row) { |
|||
this.$confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(async() => { |
|||
const res = await deleteApi(row) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}) |
|||
if (this.tableData.length === 1 && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.getTableData() |
|||
} |
|||
}) |
|||
}, |
|||
async enterDialog() { |
|||
this.$refs.apiForm.validate(async valid => { |
|||
if (valid) { |
|||
switch (this.type) { |
|||
case 'addApi': |
|||
{ |
|||
const res = await createApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '添加成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
|
|||
break |
|||
case 'edit': |
|||
{ |
|||
const res = await updateApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '编辑成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
break |
|||
default: |
|||
// eslint-disable-next-line no-lone-blocks |
|||
{ |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '未知操作', |
|||
showClose: true |
|||
}) |
|||
} |
|||
break |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.el-input { |
|||
width: 220px; |
|||
} |
|||
.button-box { |
|||
padding: 10px 20px; |
|||
.el-button { |
|||
float: right; |
|||
} |
|||
} |
|||
.warning { |
|||
color: #dc143c; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,17 @@ |
|||
<template> |
|||
<div> |
|||
<router-view v-slot="{ Component }"> |
|||
<transition mode="out-in" name="el-fade-in-linear"> |
|||
<keep-alive :include="$store.getters['router/keepAliveRouters']"> |
|||
<component :is="Component" /> |
|||
</keep-alive> |
|||
</transition> |
|||
</router-view> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'healthy' |
|||
} |
|||
</script> |
|||
@ -0,0 +1,183 @@ |
|||
<template> |
|||
<div class="echarts"> |
|||
<div id="main" style="width:100%; height:500px"></div> |
|||
<div :style="{height:'400px',width:'100%'}" ref="myEchart"></div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import "../map/shandong.js"; |
|||
import obj from "../map/shandong.json"; |
|||
import echarts from "echarts"; |
|||
// import '../../node_modules/echarts/map/js/world.js' |
|||
import '../../../utils/map/js/china' // 引入中国地图数据 |
|||
export default { |
|||
name: "echarts", |
|||
props: ["userJson"], |
|||
data() { |
|||
return { |
|||
listArr: [], //城市json |
|||
max: "", //最大value值 |
|||
min: "" ,// 最小value值 |
|||
chart: null |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getData(); |
|||
}, |
|||
mounted() { |
|||
this.DrawMap(); |
|||
this.chinaConfigure(); |
|||
}, |
|||
beforeDestroy() { |
|||
if (!this.chart) { |
|||
return; |
|||
} |
|||
this.chart.dispose(); |
|||
this.chart = null; |
|||
}, |
|||
methods: { |
|||
chinaConfigure() { |
|||
console.log(this.userJson) |
|||
let myChart = echarts.init(this.$refs.myEchart); //这里是为了获得容器所在位置 |
|||
window.onresize = myChart.resize; |
|||
myChart.setOption({ // 进行相关配置 |
|||
backgroundColor: "#02AFDB", |
|||
tooltip: {}, // 鼠标移到图里面的浮动提示框 |
|||
dataRange: { |
|||
show: false, |
|||
min: 0, |
|||
max: 1000, |
|||
text: ['High', 'Low'], |
|||
realtime: true, |
|||
calculable: true, |
|||
color: ['orangered', 'yellow', 'lightskyblue'] |
|||
}, |
|||
geo: { // 这个是重点配置区 |
|||
map: 'china', // 表示中国地图 |
|||
roam: true, |
|||
label: { |
|||
normal: { |
|||
show: true, // 是否显示对应地名 |
|||
textStyle: { |
|||
color: 'rgba(0,0,0,0.4)' |
|||
} |
|||
} |
|||
}, |
|||
itemStyle: { |
|||
normal: { |
|||
borderColor: 'rgba(0, 0, 0, 0.2)' |
|||
}, |
|||
emphasis: { |
|||
areaColor: null, |
|||
shadowOffsetX: 0, |
|||
shadowOffsetY: 0, |
|||
shadowBlur: 20, |
|||
borderWidth: 0, |
|||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|||
} |
|||
} |
|||
}, |
|||
series: [{ |
|||
type: 'scatter', |
|||
coordinateSystem: 'geo' // 对应上方配置 |
|||
}, |
|||
{ |
|||
name: '启动次数', // 浮动框的标题 |
|||
type: 'map', |
|||
geoIndex: 0, |
|||
data: [{ |
|||
"name": "北京", |
|||
"value": 599 |
|||
}, { |
|||
"name": "上海", |
|||
"value": 142 |
|||
}, { |
|||
"name": "黑龙江", |
|||
"value": 44 |
|||
}, { |
|||
"name": "深圳", |
|||
"value": 92 |
|||
}, { |
|||
"name": "湖北", |
|||
"value": 810 |
|||
}, { |
|||
"name": "四川", |
|||
"value": 453 |
|||
}] |
|||
} |
|||
] |
|||
}) |
|||
}, |
|||
getData() { |
|||
// 获取城市名称数据 |
|||
console.log("取到的山东省的json数据", obj); |
|||
if (obj) { |
|||
let arr = obj.features; |
|||
// 循环取出 城市名称和value值 |
|||
for (var j = 0; j < arr.length; j++) { |
|||
this.max = arr[0].id; |
|||
this.min = arr[0].id; |
|||
if (arr[j].id > this.max) { |
|||
this.max = arr[j].id; |
|||
} |
|||
if (arr[j].id < this.min) { |
|||
this.min = arr[j].id; |
|||
} |
|||
this.listArr.push({ |
|||
name: arr[j].properties.name, |
|||
value: arr[j].id |
|||
}); |
|||
} |
|||
} |
|||
}, |
|||
DrawMap() { |
|||
let _this = this; |
|||
let myChart8 = this.$echarts.init(document.getElementById("main")); |
|||
console.log( |
|||
"最大value值", |
|||
this.max, |
|||
"\n", |
|||
"最小value值", |
|||
this.min, |
|||
"\n", |
|||
"城市数据", |
|||
this.listArr |
|||
); |
|||
myChart8.setOption({ |
|||
visualMap: { |
|||
min: _this.min, |
|||
max: _this.max, |
|||
show: false, |
|||
inRange: { |
|||
// color: ["lightskyblue", "yellow", "orangered"] |
|||
color: ["white"] |
|||
} |
|||
}, |
|||
series: [ |
|||
{ |
|||
type: "map", |
|||
map: "山东", |
|||
itemStyle: { |
|||
normal: { label: { show: true } }, |
|||
emphasis: { label: { show: true } }, |
|||
emphasis: { |
|||
areaColor: "#67C23A" //鼠标进入时的颜色 |
|||
} |
|||
}, |
|||
data: _this.listArr |
|||
} |
|||
] |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
.o-echarts { |
|||
min-width: 30px; |
|||
min-height: 30px; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
</style> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,95 @@ |
|||
<template> |
|||
<div class="upload"> |
|||
<div class="gva-search-box"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
|||
<el-form-item label="姓名"> |
|||
<el-input clearable v-model="searchInfo.name" placeholder="请输入姓名" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否异常"> |
|||
<el-select clearable v-model="searchInfo.value" placeholder="请选择"> |
|||
<el-option label="正常" value="1"></el-option> |
|||
<el-option label="异常" value="2"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="选择日期"> |
|||
<el-date-picker |
|||
v-model="searchInfo.date" |
|||
type="date" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div class="gva-table-box"> |
|||
|
|||
<div class="gva-btn-list"> |
|||
<el-button class="excel-btn" size="mini" type="primary" icon="el-icon-download" @click="handleExcelExport('ExcelExport.xlsx')">导出</el-button> |
|||
|
|||
</div> |
|||
<el-table :data="tableData"> |
|||
<el-table-column label="姓名" prop="ID" /> |
|||
<el-table-column label="所在部门" prop="ID" /> |
|||
<el-table-column label="工号" prop="ID" /> |
|||
<el-table-column label="是否上传行程码" prop="ID" /> |
|||
<el-table-column label="是否异常" prop="ID" /> |
|||
<el-table-column label="上传日期" prop="ID" /> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
const path = import.meta.env.VITE_BASE_API |
|||
import { mapGetters } from 'vuex' |
|||
import infoList from '@/mixins/infoList' |
|||
import { exportExcel, loadExcelData, downloadTemplate } from '@/api/excel' |
|||
import { getMenuList } from '@/api/menu' |
|||
export default { |
|||
name: 'Excel', |
|||
mixins: [infoList], |
|||
data() { |
|||
return { |
|||
listApi: getMenuList, |
|||
path: path |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters('user', ['userInfo', 'token']) |
|||
}, |
|||
created() { |
|||
this.pageSize = 999 |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
handleExcelExport(fileName) { |
|||
if (!fileName || typeof fileName !== 'string') { |
|||
fileName = 'ExcelExport.xlsx' |
|||
} |
|||
exportExcel(this.tableData, fileName) |
|||
}, |
|||
loadExcel() { |
|||
this.listApi = loadExcelData |
|||
this.getTableData() |
|||
}, |
|||
downloadExcelTemplate() { |
|||
downloadTemplate('ExcelTemplate.xlsx') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.btn-list{ |
|||
display: flex; |
|||
margin-bottom: 12px; |
|||
justify-content: flex-end; |
|||
|
|||
} |
|||
.excel-btn+.excel-btn{ |
|||
margin-left: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,350 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 新闻管理 --> |
|||
<div class="gva-search-box"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
|||
<el-form-item label="名称"> |
|||
<el-input v-model="searchInfo.path" placeholder="请输入新闻名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="选择发布日期"> |
|||
<el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div class="gva-table-box"> |
|||
<div class="gva-btn-list"> |
|||
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button> |
|||
<!-- <el-button size="mini" type="primary" icon="el-icon-upload" @click="openDialog('addApi')">导入员工数据</el-button> --> |
|||
<el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
|||
<p>确定要删除吗？</p> |
|||
<div style="text-align: right; margin-top: 8px;"> |
|||
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
|||
<el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
|||
</div> |
|||
<template #reference> |
|||
<el-button icon="el-icon-delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button> |
|||
</template> |
|||
</el-popover> |
|||
</div> |
|||
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55"/> |
|||
<el-table-column align="left" label="新闻名称" prop="ID"/> |
|||
<el-table-column align="left" label="发布时间" prop="path"/> |
|||
<el-table-column align="left" label="阅读量" prop="apiGroup"/> |
|||
<el-table-column align="left" label="详细介绍" prop="description"/> |
|||
|
|||
<el-table-column align="left" fixed="right" label="操作" width="200"> |
|||
|
|||
<template #default="scope"> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="editApi(scope.row)" |
|||
>编辑</el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteApi(scope.row)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="gva-pagination"> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-size="pageSize" |
|||
:page-sizes="[10, 30, 50, 100]" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@current-change="handleCurrentChange" |
|||
@size-change="handleSizeChange" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width="40%"> |
|||
<el-form ref="apiForm" :model="form" :rules="rules" label-width="100px"> |
|||
<el-form-item label="新闻名称" prop="num"> |
|||
<el-input v-model="form.num" autocomplete="off"/> |
|||
</el-form-item> |
|||
<el-form-item label="选择发布日期"> |
|||
<el-date-picker |
|||
v-model="value2" |
|||
align="right" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
:picker-options="pickerOptions"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="阅读量" prop="num"> |
|||
<el-input v-model="form.num" autocomplete="off"/> |
|||
</el-form-item> |
|||
<el-form-item label="详情" prop="num"> |
|||
<!-- <editor-bar v-model="detail" :isClear="isClear" @change="change"></editor-bar> --> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="closeDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
|||
|
|||
import { |
|||
getApiById, |
|||
getApiList, |
|||
createApi, |
|||
updateApi, |
|||
deleteApi, |
|||
deleteApisByIds |
|||
} from '@/api/api' |
|||
import infoList from '@/mixins/infoList' |
|||
// import EditorBar from '../../components/wangEnduit/index.vue' |
|||
import { toSQLLine } from '@/utils/stringFun' |
|||
import warningBar from '@/components/warningBar/warningBar.vue' |
|||
|
|||
const methodOptions = [ |
|||
{ |
|||
value: 'POST', |
|||
label: '创建', |
|||
type: 'success' |
|||
}, |
|||
{ |
|||
value: 'GET', |
|||
label: '查看', |
|||
type: '' |
|||
}, |
|||
{ |
|||
value: 'PUT', |
|||
label: '更新', |
|||
type: 'warning' |
|||
}, |
|||
{ |
|||
value: 'DELETE', |
|||
label: '删除', |
|||
type: 'danger' |
|||
} |
|||
] |
|||
|
|||
export default { |
|||
name: 'Api', |
|||
components: { |
|||
// warningBar,EditorBar |
|||
warningBar |
|||
}, |
|||
mixins: [infoList], |
|||
data() { |
|||
return { |
|||
deleteVisible: false, |
|||
// listApi: getApiList, |
|||
dialogFormVisible: false, |
|||
dialogTitle: '新增新闻', |
|||
apis: [], |
|||
form: { |
|||
wxId:'', |
|||
jdId:'', |
|||
num:'', |
|||
name:'', |
|||
type:'', |
|||
birthDate:'', |
|||
onboardingDate:'', |
|||
password:'', |
|||
passwordTwo:'', |
|||
department:'', |
|||
post: '', |
|||
gender: '', |
|||
age: '', |
|||
certificate: '', |
|||
certificateNum: '', |
|||
phone: '', |
|||
state: '', |
|||
}, |
|||
methodOptions: methodOptions, |
|||
type: '', |
|||
rules: { |
|||
path: [{ required: true, message: '请输入api路径', trigger: 'blur' }], |
|||
apiGroup: [ |
|||
{ required: true, message: '请输入组名称', trigger: 'blur' } |
|||
], |
|||
description: [ |
|||
{ required: true, message: '请输入api介绍', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
methodFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.label}` |
|||
}, |
|||
tagTypeFiletr(value) { |
|||
const target = methodOptions.filter(item => item.value === value)[0] |
|||
return target && `${target.type}` |
|||
}, |
|||
// 选中api |
|||
handleSelectionChange(val) { |
|||
this.apis = val |
|||
}, |
|||
async onDelete() { |
|||
const ids = this.apis.forEach(item => item.ID) |
|||
const res = await deleteApisByIds({ ids }) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}) |
|||
if (this.tableData.length === ids.length && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.deleteVisible = false |
|||
this.getTableData() |
|||
} |
|||
}, |
|||
// 排序 |
|||
sortChange({ prop, order }) { |
|||
if (prop) { |
|||
this.searchInfo.orderKey = toSQLLine(prop) |
|||
this.searchInfo.desc = order === 'descending' |
|||
} |
|||
this.getTableData() |
|||
}, |
|||
onReset() { |
|||
this.searchInfo = {} |
|||
}, |
|||
// 条件搜索前端看此方法 |
|||
onSubmit() { |
|||
this.page = 1 |
|||
this.pageSize = 10 |
|||
this.getTableData() |
|||
}, |
|||
initForm() { |
|||
this.$refs.apiForm.resetFields() |
|||
this.form = { |
|||
path: '', |
|||
apiGroup: '', |
|||
method: '', |
|||
description: '' |
|||
} |
|||
}, |
|||
closeDialog() { |
|||
this.initForm() |
|||
this.dialogFormVisible = false |
|||
}, |
|||
openDialog(type) { |
|||
switch (type) { |
|||
case 'addApi': |
|||
this.dialogTitle = '新增新闻' |
|||
break |
|||
case 'edit': |
|||
this.dialogTitle = '编辑新闻' |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
this.type = type |
|||
this.dialogFormVisible = true |
|||
}, |
|||
async editApi(row) { |
|||
const res = await getApiById({ id: row.ID }) |
|||
this.form = res.data.api |
|||
this.openDialog('edit') |
|||
}, |
|||
async deleteApi(row) { |
|||
this.$confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(async() => { |
|||
const res = await deleteApi(row) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}) |
|||
if (this.tableData.length === 1 && this.page > 1) { |
|||
this.page-- |
|||
} |
|||
this.getTableData() |
|||
} |
|||
}) |
|||
}, |
|||
async enterDialog() { |
|||
this.$refs.apiForm.validate(async valid => { |
|||
if (valid) { |
|||
switch (this.type) { |
|||
case 'addApi': |
|||
{ |
|||
const res = await createApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '添加成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
|
|||
break |
|||
case 'edit': |
|||
{ |
|||
const res = await updateApi(this.form) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '编辑成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getTableData() |
|||
this.closeDialog() |
|||
} |
|||
break |
|||
default: |
|||
// eslint-disable-next-line no-lone-blocks |
|||
{ |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '未知操作', |
|||
showClose: true |
|||
}) |
|||
} |
|||
break |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.el-input { |
|||
width: 220px; |
|||
} |
|||
.button-box { |
|||
padding: 10px 20px; |
|||
.el-button { |
|||
float: right; |
|||
} |
|||
} |
|||
.warning { |
|||
color: #dc143c; |
|||
} |
|||
</style> |
|||
@ -1,5 +1,12 @@ |
|||
module.exports = { |
|||
configureWebpack: { |
|||
externals: { |
|||
"BMap": "BMap" |
|||
} |
|||
}, |
|||
configureWebpack:config => { |
|||
config.entry.app = ["@babel/polyfill","./src/main.js"] |
|||
} |
|||
}, |
|||
|
|||
|
|||
} |
|||
Loading…
Reference in new issue