From 98788136ad21877e7cc9f7f7a376041aab4851ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com> Date: Mon, 13 Sep 2021 13:20:07 +0800 Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 16 ++ package.json | 3 + src/main.js | 138 ++++++++++++- src/router/index.js | 27 +++ .../homeApplication/applicationForm.vue | 38 ++-- .../homestead/task/taskCloseCaseAdd.vue | 183 ++++++++++++++++++ .../homestead/task/taskCloseCaseList.vue | 98 ++++++++++ .../homestead/task/taskLssueAdd.vue | 79 ++++++++ 8 files changed, 562 insertions(+), 20 deletions(-) create mode 100644 src/views/onlineHome/homestead/task/taskCloseCaseAdd.vue create mode 100644 src/views/onlineHome/homestead/task/taskCloseCaseList.vue create mode 100644 src/views/onlineHome/homestead/task/taskLssueAdd.vue diff --git a/package-lock.json b/package-lock.json index dd22957c..3e846a41 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4343,6 +4343,16 @@ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz", "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==" }, + "font-awesome": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz", + "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=" + }, + "font-awesome.css": { + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/font-awesome.css/-/font-awesome.css-4.7.2.tgz", + "integrity": "sha1-B1pCARQo8gJyVO9phgx1ergWyVI=" + }, "for-in": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", @@ -12085,6 +12095,12 @@ "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==", "dev": true }, + "vue-html5-editor": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/vue-html5-editor/-/vue-html5-editor-1.1.1.tgz", + "integrity": "sha1-WRAhCoMNjI00eaHx/shHMZKqA7M=", + "dev": true + }, "vue-lazyload": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz", diff --git a/package.json b/package.json index 18ec5cb2..3df15137 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,8 @@ "dependencies": { "axios": "^0.21.1", "element-ui": "^2.15.6", + "font-awesome": "^4.7.0", + "font-awesome.css": "^4.7.2", "global": "^4.4.0", "jquery": "^3.6.0", "js-cookie": "^2.2.1", @@ -61,6 +63,7 @@ "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", + "vue-html5-editor": "^1.1.1", "vue-loader": "^13.3.0", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2", diff --git a/src/main.js b/src/main.js index 9b383095..57316488 100644 --- a/src/main.js +++ b/src/main.js @@ -11,7 +11,8 @@ import './config/flexible' import store from './store/' import './permission' // permission control import SearchTree from 'vue-search-tree' - +import VueHtml5Editor from 'vue-html5-editor' +import "font-awesome/css/font-awesome.css" import global from '@/utils/global'; @@ -32,6 +33,141 @@ import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant) Vue.use(SearchTree) +Vue.use(VueHtml5Editor,{ + // 全局组件名称，使用new VueHtml5Editor(options)时该选项无效 + // global component name + name: "vue-html5-editor", + // 是否显示模块名称，开启的话会在工具栏的图标后台直接显示名称 + // if set true,will append module name to toolbar after icon + showModuleName: false, + // 自定义各个图标的class，默认使用的是font-awesome提供的图标 + // custom icon class of built-in modules,default using font-awesome + icons: { + text: "fa fa-pencil", + color: "fa fa-paint-brush", + font: "fa fa-font", + align: "fa fa-align-justify", + list: "fa fa-list", + link: "fa fa-chain", + unlink: "fa fa-chain-broken", + tabulation: "fa fa-table", + image: "fa fa-file-image-o", + hr: "fa fa-minus", + eraser: "fa fa-eraser", + undo: "fa-undo fa", + "full-screen": "fa fa-arrows-alt", + info: "fa fa-info", + }, + // 配置图片模块 + // config image module + image: { + // 文件最大体积，单位字节 max file size + sizeLimit: 512 * 1024, + // 上传参数,默认把图片转为base64而不上传 + // upload config,default null and convert image to base64 + upload: { + url: null, + headers: {}, + params: {}, + fieldName: {} + }, + // 压缩参数,默认使用localResizeIMG进行压缩,设置为null禁止压缩 + // compression config,default resize image by localResizeIMG (https://github.com/think2011/localResizeIMG) + // set null to disable compression + compress: { + width: 1600, + height: 1600, + quality: 80 + }, + // 响应数据处理,最终返回图片链接 + // handle response data，return image url + uploadHandler(responseText){ + //default accept json data like {ok:false,msg:"unexpected"} or {ok:true,data:"image url"} + var json = JSON.parse(responseText) + if (!json.ok) { + alert(json.msg) + } else { + return json.data + } + } + }, + // 语言，内建的有英文（en-us）和中文（zh-cn） + //default en-us, en-us and zh-cn are built-in + language: "zh-cn", + // 自定义语言 + i18n: { + //specify your language here + "zh-cn": { + "align": "对齐方式", + "image": "图片", + "list": "列表", + "link": "链接", + "unlink": "去除链接", + "table": "表格", + "font": "文字", + "full screen": "全屏", + "text": "排版", + "eraser": "格式清除", + "info": "关于", + "color": "颜色", + "please enter a url": "请输入地址", + "create link": "创建链接", + "bold": "加粗", + "italic": "倾斜", + "underline": "下划线", + "strike through": "删除线", + "subscript": "上标", + "superscript": "下标", + "heading": "标题", + "font name": "字体", + "font size": "文字大小", + "left justify": "左对齐", + "center justify": "居中", + "right justify": "右对齐", + "ordered list": "有序列表", + "unordered list": "无序列表", + "fore color": "前景色", + "background color": "背景色", + "row count": "行数", + "column count": "列数", + "save": "确定", + "upload": "上传", + "progress": "进度", + "unknown": "未知", + "please wait": "请稍等", + "error": "错误", + "abort": "中断", + "reset": "重置" + } + }, + // 隐藏不想要显示出来的模块 + // the modules you don't want + hiddenModules: [], + // 自定义要显示的模块，并控制顺序 + // keep only the modules you want and customize the order. + // can be used with hiddenModules together + visibleModules: [ + "text", + "color", + "font", + "align", + "list", + "link", + "unlink", + "tabulation", + "image", + "hr", + "eraser", + "undo", + "full-screen", + "info", + ], + // 扩展模块，具体可以参考examples或查看源码 + // extended modules + modules: { + //omit,reference to source code of build-in modules + } +}); /*解决手动点击与真正触发click事件会存在300ms的延迟*/ if ('addEventListener' in document) { diff --git a/src/router/index.js b/src/router/index.js index d89d1f0e..8fb769c9 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -851,6 +851,33 @@ export const constantRoutes = [ hidden: true, }, component: (resolve) => require(['@/views/onlineHome/homestead/task/taskRelease'], resolve) + }, + { + path: '/taskLssueAdd', + name: 'taskLssueAdd', + meta: { + title: '添加任务下发', + hidden: true, + }, + component: (resolve) => require(['@/views/onlineHome/homestead/task/taskLssueAdd'], resolve) + }, + { + path: '/taskCloseCaseAdd', + name: 'taskCloseCaseAdd', + meta: { + title: '结案', + hidden: true, + }, + component: (resolve) => require(['@/views/onlineHome/homestead/task/taskCloseCaseAdd'], resolve) + }, + { + path: '/taskCloseCaseList', + name: 'taskCloseCaseList', + meta: { + title: '上报明细', + hidden: true, + }, + component: (resolve) => require(['@/views/onlineHome/homestead/task/taskCloseCaseList'], resolve) } ]; diff --git a/src/views/onlineHome/homestead/homeApplication/applicationForm.vue b/src/views/onlineHome/homestead/homeApplication/applicationForm.vue index c7b98651..6cd9ef2e 100644 --- a/src/views/onlineHome/homestead/homeApplication/applicationForm.vue +++ b/src/views/onlineHome/homestead/homeApplication/applicationForm.vue @@ -23,26 +23,26 @@

申请用户信息

- + + - - - + diff --git a/src/views/onlineHome/homestead/task/taskCloseCaseAdd.vue b/src/views/onlineHome/homestead/task/taskCloseCaseAdd.vue new file mode 100644 index 00000000..5c1b2910 --- /dev/null +++ b/src/views/onlineHome/homestead/task/taskCloseCaseAdd.vue @@ -0,0 +1,183 @@ + + + + + diff --git a/src/views/onlineHome/homestead/task/taskCloseCaseList.vue b/src/views/onlineHome/homestead/task/taskCloseCaseList.vue new file mode 100644 index 00000000..e2ffe32e --- /dev/null +++ b/src/views/onlineHome/homestead/task/taskCloseCaseList.vue @@ -0,0 +1,98 @@ + + + + + diff --git a/src/views/onlineHome/homestead/task/taskLssueAdd.vue b/src/views/onlineHome/homestead/task/taskLssueAdd.vue new file mode 100644 index 00000000..530501a8 --- /dev/null +++ b/src/views/onlineHome/homestead/task/taskLssueAdd.vue @@ -0,0 +1,79 @@ + + + + +