elink-star
/
epdc-admin-luzhou
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

上门帮办去除手动材料录入

feature/convenience_crowd
wanggongfeng 3 years ago
parent
df8694b81b
commit
e8655d9513
3 changed files with 85 additions and 85 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 144
      src/views/modules/custom/convenienceofservice-add-or-update.vue
  2. 14
      src/views/modules/custom/servevisithelphandle-add-or-update.vue
  3. 12
      src/views/modules/custom/servevisithelphandle-look.vue

144
src/views/modules/custom/convenienceofservice-add-or-update.vue
View File

@ -9,7 +9,7 @@
<el-input v-model="dataForm.matter" placeholder="事项" style="width: 300px" ></el-input> <el-input v-model="dataForm.matter" placeholder="事项" style="width: 300px" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="办理时限" prop="timeLimit"> <el-form-item label="办理时限" prop="timeLimit">
<el-input v-model="dataForm.timeLimit" placeholder="办理时限"maxlength="100" <el-input v-model="dataForm.timeLimit" placeholder="办理时限" maxlength="100"
show-word-limit></el-input> show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收费标准" prop="chargeStandard"> <el-form-item label="收费标准" prop="chargeStandard">
@ -19,7 +19,7 @@
<el-input v-model="dataForm.site" placeholder="办理地点"></el-input> <el-input v-model="dataForm.site" placeholder="办理地点"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="办理时间" prop="dealTime"> <el-form-item label="办理时间" prop="dealTime">
<el-input v-model="dataForm.dealTime" placeholder="办理时间"maxlength="100" <el-input v-model="dataForm.dealTime" placeholder="办理时间" maxlength="100"
show-word-limit></el-input> show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="咨询电话" prop="hotline"> <el-form-item label="咨询电话" prop="hotline">
@ -102,24 +102,24 @@ export default {
imgUrl: '', imgUrl: '',
serviceName: '' serviceName: ''
}, },
// 富文本 // 富文本
quillEditor: null, quillEditor: null,
quillEditorToolbarOptions: [ quillEditorToolbarOptions: [
['bold', 'italic', 'underline', 'strike'], ['bold', 'italic', 'underline', 'strike'],
['image'], ['image'],
[{ 'header': 1 }, { 'header': 2 }], [{ 'header': 1 }, { 'header': 2 }],
[{ 'list': 'ordered' }, { 'list': 'bullet' }], [{ 'list': 'ordered' }, { 'list': 'bullet' }],
[{ 'script': 'sub' }, { 'script': 'super' }], [{ 'script': 'sub' }, { 'script': 'super' }],
[{ 'indent': '-1' }, { 'indent': '+1' }], [{ 'indent': '-1' }, { 'indent': '+1' }],
[{ 'size': ['small', false, 'large', 'huge'] }], [{ 'size': ['small', false, 'large', 'huge'] }],
[{ 'header': [1, 2, 3, 4, 5, 6, false] }], [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }], [{ 'color': [] }, { 'background': [] }],
[{ 'font': [] }], [{ 'font': [] }],
[{ 'align': [] }], [{ 'align': [] }],
['clean'] ['clean']
], ],
uploadUrl: '', uploadUrl: ''
// 富文本end // 富文本end
} }
}, },
computed: { computed: {
@ -174,61 +174,61 @@ export default {
} }
}, },
methods: { methods: {
// 上传图片 // 上传图片
handleAvatarSuccess (res, file) { handleAvatarSuccess (res, file) {
this.loading = false this.loading = false
this.dataForm.imgUrl = res.data.url this.dataForm.imgUrl = res.data.url
}, },
beforeAvatarUpload (file) { beforeAvatarUpload (file) {
this.loading = true this.loading = true
}, },
// 上传图片之前 (富文本) // 上传图片之前 (富文本)
uploadBeforeUploadHandle (file) { uploadBeforeUploadHandle (file) {
if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') { if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {
this.$message.error(this.$t('upload.tip', { 'format': 'jpg、png、gif' })) this.$message.error(this.$t('upload.tip', { 'format': 'jpg、png、gif' }))
return false return false
} }
}, },
// 上传图片成功 (富文本) // 上传图片成功 (富文本)
uploadSuccessHandle (res, file, fileList) { uploadSuccessHandle (res, file, fileList) {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
this.quillEditor.insertEmbed(this.quillEditor.getSelection().index, 'image', res.data.url) this.quillEditor.insertEmbed(this.quillEditor.getSelection().index, 'image', res.data.url)
}, },
// 富文本编辑器 // 富文本编辑器
quillEditorHandle () { quillEditorHandle () {
this.quillEditor = new Quill('#J_quillEditor', { this.quillEditor = new Quill('#J_quillEditor', {
modules: { modules: {
toolbar: this.quillEditorToolbarOptions toolbar: this.quillEditorToolbarOptions
}, },
theme: 'snow' theme: 'snow'
}) })
// // 自定义上传图片功能 (使用element upload组件) // // 自定义上传图片功能 (使用element upload组件)
this.quillEditor.getModule('toolbar').addHandler('image', () => { this.quillEditor.getModule('toolbar').addHandler('image', () => {
this.$refs.uploadBtn.$el.click() this.$refs.uploadBtn.$el.click()
}) })
// 监听内容变化，动态赋值 // 监听内容变化，动态赋值
this.quillEditor.on('text-change', () => { this.quillEditor.on('text-change', () => {
this.dataForm.material = this.quillEditor.root.innerHTML this.dataForm.material = this.quillEditor.root.innerHTML
if ((this.dataForm.material).length > 10000) { if ((this.dataForm.material).length > 10000) {
return this.$message.error('您输入的的内容已超过字数不能提交') return this.$message.error('您输入的的内容已超过字数不能提交')
} }
}) })
}, },
init () { init () {
this.visible = true this.visible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields()
// 富文本 // 富文本
this.hideUpload = false this.hideUpload = false
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}` this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}`
if (this.quillEditor) { if (this.quillEditor) {
this.quillEditor.deleteText(0, this.quillEditor.getLength()) this.quillEditor.deleteText(0, this.quillEditor.getLength())
} else { } else {
this.quillEditorHandle() this.quillEditorHandle()
} }
// 富文本end // 富文本end
if (this.dataForm.id) { if (this.dataForm.id) {
this.getInfo() this.getInfo()
} }
@ -244,7 +244,7 @@ export default {
...this.dataForm, ...this.dataForm,
...res.data ...res.data
} }
this.quillEditor.root.innerHTML = res.data.material this.quillEditor.root.innerHTML = res.data.material
}).catch(() => {}) }).catch(() => {})
}, },
// 表单提交 // 表单提交

14
src/views/modules/custom/servevisithelphandle-add-or-update.vue
View File

@ -7,12 +7,12 @@
<el-form-item label="经办人电话" prop="handlerMobile"> <el-form-item label="经办人电话" prop="handlerMobile">
<el-input v-model="dataForm.handlerMobile" placeholder="经办人电话"></el-input> <el-input v-model="dataForm.handlerMobile" placeholder="经办人电话"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="材料录入方式" prop="materialChooseMode"> <!--<el-form-item label="材料录入方式" prop="materialChooseMode">-->
<el-radio-group v-model="dataForm.materialChooseMode" @change="radioModel()"> <!--<el-radio-group v-model="dataForm.materialChooseMode" @change="radioModel()">-->
<el-radio :label="1">手动录入</el-radio> <!--<el-radio :label="1">手动录入</el-radio>-->
<el-radio :label="2">便民服务</el-radio> <!--<el-radio :label="2">便民服务</el-radio>-->
</el-radio-group> <!--</el-radio-group>-->
</el-form-item> <!--</el-form-item>-->
<el-form-item v-if="dataForm.materialChooseMode === 2" label="便民服务" prop="material"> <el-form-item v-if="dataForm.materialChooseMode === 2" label="便民服务" prop="material">
<el-select v-model="dataForm.material" placeholder="请选择便民服务" style="width:50%"> <el-select v-model="dataForm.material" placeholder="请选择便民服务" style="width:50%">
<el-option v-for="item in serveTypeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" > <el-option v-for="item in serveTypeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
@ -41,7 +41,7 @@ export default {
visible: false, visible: false,
dataForm: { dataForm: {
id: '', id: '',
materialChooseMode: 1, materialChooseMode: 2,
helpHandleItem: '', helpHandleItem: '',
handlerMobile: '', handlerMobile: '',
material: '', material: '',

12
src/views/modules/custom/servevisithelphandle-look.vue
View File

@ -7,12 +7,12 @@
<el-form-item label="经办人电话" prop="handlerMobile"> <el-form-item label="经办人电话" prop="handlerMobile">
<el-input v-model="dataForm.handlerMobile" placeholder="经办人电话"></el-input> <el-input v-model="dataForm.handlerMobile" placeholder="经办人电话"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="材料录入方式" prop="materialChooseMode"> <!--<el-form-item label="材料录入方式" prop="materialChooseMode">-->
<el-radio-group v-model="dataForm.materialChooseMode" @change="radioModel()"> <!--<el-radio-group v-model="dataForm.materialChooseMode" @change="radioModel()">-->
<el-radio :label="1">手动录入</el-radio> <!--<el-radio :label="1">手动录入</el-radio>-->
<el-radio :label="2">便民服务</el-radio> <!--<el-radio :label="2">便民服务</el-radio>-->
</el-radio-group> <!--</el-radio-group>-->
</el-form-item> <!--</el-form-item>-->
<el-form-item prop="material" label="所需材料"> <el-form-item prop="material" label="所需材料">
<el-row style="height: 260px;"> <el-row style="height: 260px;">
<!-- 富文本编辑器, 容器 --> <!-- 富文本编辑器, 容器 -->

Write Preview
Loading…
Cancel
Save