elink-star
/
tduck-front
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

保存微信信息 

局部微调
old
wangqing 4 years ago
parent
3d3c957988
commit
7edbbc8aa5
7 changed files with 290 additions and 219 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. BIN
      src/assets/images/form-bg.png
  2. 2
      src/assets/styles/form/home.scss
  3. 3
      src/components/generator/config.js
  4. 23
      src/components/parser/Parser.vue
  5. 3
      src/views/form/editor/index.vue
  6. 206
      src/views/form/setting/index.vue
  7. 4
      src/views/form/write/index.vue

BIN
src/assets/images/form-bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

2
src/assets/styles/form/home.scss
View File

@ -87,7 +87,7 @@ $lighterBlue: #1890ff;
} }
.empty-info { .empty-info {
position: absolute; position: absolute;
top: 46%; top: 36%;
left: 0; left: 0;
right: 0; right: 0;
text-align: center; text-align: center;

3
src/components/generator/config.js
View File

@ -795,6 +795,7 @@ export const personalInfoComponents = [
layout: 'colFormItem', layout: 'colFormItem',
span: 24, span: 24,
showRegList: false, showRegList: false,
regList: [],
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: 'https://element.eleme.cn/#/zh-CN/component/input'
}, },
placeholder: '请选择省市县', placeholder: '请选择省市县',
@ -814,6 +815,7 @@ export const personalInfoComponents = [
layout: 'colFormItem', layout: 'colFormItem',
span: 24, span: 24,
showRegList: false, showRegList: false,
regList: [],
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: 'https://element.eleme.cn/#/zh-CN/component/input'
}, },
placeholder: '请选择位置', placeholder: '请选择位置',
@ -833,6 +835,7 @@ export const personalInfoComponents = [
layout: 'colFormItem', layout: 'colFormItem',
span: 24, span: 24,
showRegList: false, showRegList: false,
regList: [],
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: 'https://element.eleme.cn/#/zh-CN/component/input'
}, },
placeholder: '请验证手机号', placeholder: '请验证手机号',

23
src/components/parser/Parser.vue
View File

@ -31,6 +31,7 @@ const layouts = {
let labelWidth = config.labelWidth ? `${config.labelWidth}px` : null let labelWidth = config.labelWidth ? `${config.labelWidth}px` : null
if (config.showLabel === false) labelWidth = '0' if (config.showLabel === false) labelWidth = '0'
let label = config.label let label = config.label
// 显示序号
if (formConfCopy.showNumber) { if (formConfCopy.showNumber) {
label = scheme.serialNumber + ': ' + label label = scheme.serialNumber + ': ' + label
} }
@ -404,7 +405,25 @@ export default {
}, trigger: 'change' }, trigger: 'change'
}) })
} }
// 处理其他输入必填校验
const validateOtherInput = (rule, value, callback) => {
// 0 等于选中其他
if (value == 0 || (Array.isArray(value) && value.includes(0))) {
if (!this[this.formConf.labelFormModel][`${rule.field}other`]) {
callback(new Error('请输入其他内容'))
} else {
callback()
}
} else {
callback()
}
}
if (Array.isArray(config.regList)) { if (Array.isArray(config.regList)) {
// 必填其他输入框校验
if (['RADIO', 'CHECKBOX'].includes(cur.typeId)) {
const required = {validator: validateOtherInput, message: cur.placeholder}
config.regList.push(required)
}
if (config.required) { if (config.required) {
const required = {required: config.required, message: cur.placeholder} const required = {required: config.required, message: cur.placeholder}
if (Array.isArray(config.defaultValue)) { if (Array.isArray(config.defaultValue)) {
@ -459,12 +478,14 @@ export default {
::v-deep .el-checkbox-group { ::v-deep .el-checkbox-group {
margin-left: 10px; margin-left: 10px;
} }
::v-deep .el-radio, ::v-deep .el-radio,
::v-deep .el-checkbox { ::v-deep .el-checkbox {
display: block; display: block;
min-height: 23px; min-height: 23px;
line-height: 23px; line-height: 23px;
} }
::v-deep .el-radio__label, ::v-deep .el-radio__label,
::v-deep .el-checkbox__label { ::v-deep .el-checkbox__label {
font-size: 14px; font-size: 14px;
@ -475,10 +496,12 @@ export default {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
} }
::v-deep .item-other-input { ::v-deep .item-other-input {
margin-left: 20px !important; margin-left: 20px !important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
} }
::v-deep .item-other-input:focus { ::v-deep .item-other-input:focus {
outline: none !important; outline: none !important;
} }

3
src/views/form/editor/index.vue
View File

@ -89,7 +89,8 @@
/> />
</draggable> </draggable>
<div v-show="!drawingList.length" class="empty-info"> <div v-show="!drawingList.length" class="empty-info">
从左侧拖入或点选组件进行表单设计 <img style="width: 20%" src="@/assets/images/form-bg.png">
<p>从左侧拖入或点选组件进行表单设计</p>
</div> </div>
</el-form> </el-form>
</el-row> </el-row>

206
src/views/form/setting/index.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<el-form ref="setting" :model="userProjectSettingData" :rules="settingRules"> <el-form ref="setting" :model="userProjectSettingData" :rules="settingRules">
<el-row class="project-setting-container" type="flex" justify="center" align="top"> <el-row align="top" class="project-setting-container" justify="center" type="flex">
<el-col :span="5" :offset="3" class="project-setting-view"> <el-col :offset="3" :span="5" class="project-setting-view">
<p class="project-setting-title"> <p class="project-setting-title">
提交设置 提交设置
</p> </p>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">显示提示图片</p> <p class="project-setting-label">显示提示图片</p>
</el-col> </el-col>
@ -19,8 +19,8 @@
<div v-if="projectSetting.showPromptImg"> <div v-if="projectSetting.showPromptImg">
<div class="block"> <div class="block">
<el-image <el-image
class="submit-prompt-img"
:src="userProjectSettingData.submitPromptImg" :src="userProjectSettingData.submitPromptImg"
class="submit-prompt-img"
fit="cover " fit="cover "
> >
<div slot="error" class="image-slot"> <div slot="error" class="image-slot">
@ -30,16 +30,16 @@
</div> </div>
<el-upload <el-upload
ref="logoUpload" ref="logoUpload"
accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" :action="getUploadUrl"
:headers="getUploadHeader" :headers="getUploadHeader"
:on-success="uploadSubmitPromptHandle" :on-success="uploadSubmitPromptHandle"
:action="getUploadUrl"
:show-file-list="false" :show-file-list="false"
accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP"
> >
<el-button slot="trigger" size="small" type="text">请上传提示图片 *</el-button> <el-button slot="trigger" size="small" type="text">请上传提示图片 *</el-button>
</el-upload> </el-upload>
</div> </div>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">显示提示文字</p> <p class="project-setting-label">显示提示文字</p>
</el-col> </el-col>
@ -56,13 +56,13 @@
<el-row v-if="projectSetting.showPromptText"> <el-row v-if="projectSetting.showPromptText">
<el-col :span="20" class="setting-input"> <el-col :span="20" class="setting-input">
<el-input v-model="userProjectSettingData.submitPromptText" <el-input v-model="userProjectSettingData.submitPromptText"
:show-word-limit="true"
:maxlength="50" :maxlength="50"
:show-word-limit="true"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">跳转网页地址</p> <p class="project-setting-label">跳转网页地址</p>
</el-col> </el-col>
@ -80,14 +80,14 @@
<el-col :span="20" class="setting-input"> <el-col :span="20" class="setting-input">
<el-input <el-input
v-model="userProjectSettingData.submitJumpUrl" v-model="userProjectSettingData.submitJumpUrl"
placeholder="https://demo.tduckapp.com"
:show-word-limit="true"
:maxlength="50" :maxlength="50"
:show-word-limit="true"
placeholder="https://demo.tduckapp.com"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">公开反馈结果</p> <p class="project-setting-label">公开反馈结果</p>
</el-col> </el-col>
@ -105,7 +105,7 @@
<p class="project-setting-title"> <p class="project-setting-title">
回收设置 回收设置
</p> </p>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">只在微信中填写</p> <p class="project-setting-label">只在微信中填写</p>
</el-col> </el-col>
@ -116,7 +116,7 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">定时收集表单</p> <p class="project-setting-label">定时收集表单</p>
</el-col> </el-col>
@ -133,19 +133,19 @@
</el-col> </el-col>
</el-row> </el-row>
<div v-if="projectSetting.timingCollectForm"> <div v-if="projectSetting.timingCollectForm">
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="5"> <el-col :span="5">
<p class="project-setting-sub-label">收集时间：</p> <p class="project-setting-sub-label">收集时间：</p>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-date-picker <el-date-picker
v-model="userProjectSettingData.timedCollectionBeginTime" v-model="userProjectSettingData.timedCollectionBeginTime"
type="datetime"
style="width: 100%; border: none;"
align="center" align="center"
class="collection-date-picker" class="collection-date-picker"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择开始时间" placeholder="选择开始时间"
style="width: 100%; border: none;"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
@ -153,44 +153,44 @@
<el-col :span="8"> <el-col :span="8">
<el-date-picker <el-date-picker
v-model="userProjectSettingData.timedCollectionEndTime" v-model="userProjectSettingData.timedCollectionEndTime"
type="datetime"
align="center" align="center"
class="collection-date-picker" class="collection-date-picker"
placeholder="结束日期"
style="width: 100%; border: none;" style="width: 100%; border: none;"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="结束日期"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">未启用提示语：</p> <p class="project-setting-sub-label">未启用提示语：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedNotEnabledPromptText" class="setting-input" <el-input v-model="userProjectSettingData.timedNotEnabledPromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">停用后提示语：</p> <p class="project-setting-sub-label">停用后提示语：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedDeactivatePromptText" class="setting-input" <el-input v-model="userProjectSettingData.timedDeactivatePromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">定时定量表单</p> <p class="project-setting-label">定时定量表单</p>
</el-col> </el-col>
@ -207,19 +207,19 @@
</el-col> </el-col>
</el-row> </el-row>
<div v-if="projectSetting.timingQuantitativeForm"> <div v-if="projectSetting.timingQuantitativeForm">
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="5"> <el-col :span="5">
<p class="project-setting-sub-label">收集时间：</p> <p class="project-setting-sub-label">收集时间：</p>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-date-picker <el-date-picker
v-model="userProjectSettingData.timedCollectionBeginTime" v-model="userProjectSettingData.timedCollectionBeginTime"
type="datetime"
style="width: 100%; border: none;"
align="center" align="center"
class="collection-date-picker" class="collection-date-picker"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择开始时间" placeholder="选择开始时间"
style="width: 100%; border: none;"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
@ -227,73 +227,95 @@
<el-col :span="8"> <el-col :span="8">
<el-date-picker <el-date-picker
v-model="userProjectSettingData.timedCollectionEndTime" v-model="userProjectSettingData.timedCollectionEndTime"
type="datetime"
align="center" align="center"
class="collection-date-picker" class="collection-date-picker"
placeholder="结束日期"
style="width: 100%; border: none;" style="width: 100%; border: none;"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="结束日期"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">未启用提示语：</p> <p class="project-setting-sub-label">未启用提示语：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedNotEnabledPromptText" class="setting-input" <el-input v-model="userProjectSettingData.timedNotEnabledPromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">停用后提示语：</p> <p class="project-setting-sub-label">停用后提示语：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedDeactivatePromptText" class="setting-input" <el-input v-model="userProjectSettingData.timedDeactivatePromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="projectSetting.timingQuantitativeForm" type="flex" align="middle"> <el-row v-if="projectSetting.timingQuantitativeForm" align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">定量表单填写数量：</p> <p class="project-setting-sub-label">定量表单填写数量：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedQuantitativeQuantity" class="setting-input" <el-input v-model="userProjectSettingData.timedQuantitativeQuantity" class="setting-input"
style="width: 80%;"
oninput="value=value.replace(/[^\d]/g,'')" oninput="value=value.replace(/[^\d]/g,'')"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div v-if="projectSetting.timingQuantitativeForm"> <div v-if="projectSetting.timingQuantitativeForm">
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">收集完成后提示：</p> <p class="project-setting-sub-label">收集完成后提示：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.timedEndPromptText" class="setting-input" <el-input v-model="userProjectSettingData.timedEndPromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">每人限制填写1次</p> <p class="project-setting-label ">
每个微信仅填写一次
</p>
</el-col>
<el-col :span="12">
<el-switch
v-model="userProjectSettingData.wxWriteOnce"
@change="()=>{
this.userProjectSettingData.recordWxUser=true
this.userProjectSettingData.wxWrite=true
this.saveUserProjectSetting
}"
/>
</el-col>
</el-row>
<el-row align="middle" type="flex">
<el-col :span="12">
<p class="project-setting-label ">
每人限制填写1次
<el-tooltip class="item" content="根据IP地址限制填写" effect="dark" placement="top-start">
<i class="el-icon-warning" />
</el-tooltip>
</p>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-switch <el-switch
@ -302,7 +324,7 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">每人每天限制填写1次</p> <p class="project-setting-label">每人每天限制填写1次</p>
</el-col> </el-col>
@ -314,22 +336,22 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="userProjectSettingData.everyoneDayWriteOnce||userProjectSettingData.everyoneWriteOnce" <el-row v-if="userProjectSettingData.everyoneDayWriteOnce||userProjectSettingData.everyoneWriteOnce"
type="flex"
align="middle" align="middle"
type="flex"
> >
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">重复填写后提示：</p> <p class="project-setting-sub-label">重复填写后提示：</p>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-input v-model="userProjectSettingData.writeOncePromptText" class="setting-input" <el-input v-model="userProjectSettingData.writeOncePromptText" :maxlength="50"
style="width: 80%;"
:show-word-limit="true" :show-word-limit="true"
:maxlength="50" class="setting-input"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">新反馈提醒我</p> <p class="project-setting-label">新反馈提醒我</p>
</el-col> </el-col>
@ -338,7 +360,7 @@
</el-col> </el-col>
</el-row> </el-row>
<div v-if="projectSetting.newFeedbackRemind"> <div v-if="projectSetting.newFeedbackRemind">
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="5"> <el-col :span="5">
<p class="project-setting-sub-label">发邮件提醒我</p> <p class="project-setting-sub-label">发邮件提醒我</p>
</el-col> </el-col>
@ -352,21 +374,21 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="projectSetting.newFeedbackRemindEmail" type="flex" align="middle"> <el-row v-if="projectSetting.newFeedbackRemindEmail" align="middle" type="flex">
<el-col :span="5" :offset="3"> <el-col :offset="3" :span="5">
<p class="project-setting-sub-label">请填写邮箱：</p> <p class="project-setting-sub-label">请填写邮箱：</p>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="newWriteNotifyEmail"> <el-form-item prop="newWriteNotifyEmail">
<el-input v-model="userProjectSettingData.newWriteNotifyEmail" class="setting-input" <el-input v-model="userProjectSettingData.newWriteNotifyEmail" class="setting-input"
style="width: 80%;"
placeholder="多个邮箱用 ; 隔开" placeholder="多个邮箱用 ; 隔开"
style="width: 80%;"
@change="saveUserProjectSetting" @change="saveUserProjectSetting"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="5"> <el-col :span="5">
<p class="project-setting-sub-label">发微信提醒我</p> <p class="project-setting-sub-label">发微信提醒我</p>
</el-col> </el-col>
@ -386,8 +408,8 @@
</p> </p>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="userProjectSettingData.newWriteNotifyWx" type="flex" align="middle"> <el-row v-if="userProjectSettingData.newWriteNotifyWx" align="middle" type="flex">
<el-col :span="5" :offset="3"> <el-col :offset="3" :span="5">
<p class="project-setting-sub-label">提醒人：</p> <p class="project-setting-sub-label">提醒人：</p>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -398,17 +420,17 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-dialog title="微信扫描二维码订阅" <el-dialog :visible.sync="dialogSubNotifyVisible"
title="微信扫描二维码订阅"
width="400px" width="400px"
:visible.sync="dialogSubNotifyVisible"
> >
<el-image <el-image
style="width: 150px; height: 150px;"
:src="subNotifyWxQrCode" :src="subNotifyWxQrCode"
fit="fill" fit="fill"
style="width: 150px; height: 150px;"
/> />
</el-dialog> </el-dialog>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">记录微信用户个人信息</p> <p class="project-setting-label">记录微信用户个人信息</p>
</el-col> </el-col>
@ -432,7 +454,7 @@
<p class="project-setting-title"> <p class="project-setting-title">
分享设置 分享设置
</p> </p>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">自定义分享图标</p> <p class="project-setting-label">自定义分享图标</p>
</el-col> </el-col>
@ -443,7 +465,7 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="projectSetting.customizeShareIcon" type="flex" align="middle"> <el-row v-if="projectSetting.customizeShareIcon" align="middle" type="flex">
<el-col :span="10"> <el-col :span="10">
<p class="project-setting-label"> <p class="project-setting-label">
请上传分享图片 * 请上传分享图片 *
@ -453,16 +475,16 @@
<el-col :span="12"> <el-col :span="12">
<el-upload <el-upload
ref="logoUpload" ref="logoUpload"
accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" :action="getUploadUrl"
:headers="getUploadHeader" :headers="getUploadHeader"
:on-success="uploadShareImgHandle" :on-success="uploadShareImgHandle"
:action="getUploadUrl"
:show-file-list="false" :show-file-list="false"
accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP"
> >
<div class="block"> <div class="block">
<el-image <el-image
class="share-img"
:src="userProjectSettingData.shareImg" :src="userProjectSettingData.shareImg"
class="share-img"
fit="cover " fit="cover "
> >
<div slot="error" class="image-slot"> <div slot="error" class="image-slot">
@ -473,7 +495,7 @@
</el-upload> </el-upload>
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">自定义分享标题</p> <p class="project-setting-label">自定义分享标题</p>
</el-col> </el-col>
@ -484,8 +506,8 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="projectSetting.customizeShareTitle" type="flex" <el-row v-if="projectSetting.customizeShareTitle" align="middle"
align="middle" type="flex"
> >
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">请输入标题：</p> <p class="project-setting-sub-label">请输入标题：</p>
@ -493,13 +515,13 @@
<el-col :span="15"> <el-col :span="15">
<el-input <el-input
v-model="userProjectSettingData.shareTitle" v-model="userProjectSettingData.shareTitle"
:show-word-limit="true"
:maxlength="50" :maxlength="50"
:show-word-limit="true"
class="setting-input" style="width: 80%;" @change="saveUserProjectSetting" class="setting-input" style="width: 80%;" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" align="middle"> <el-row align="middle" type="flex">
<el-col :span="12"> <el-col :span="12">
<p class="project-setting-label">自定义分享描述</p> <p class="project-setting-label">自定义分享描述</p>
</el-col> </el-col>
@ -507,8 +529,8 @@
<el-switch v-model="projectSetting.customizeShareDesc" /> <el-switch v-model="projectSetting.customizeShareDesc" />
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="projectSetting.customizeShareDesc" type="flex" <el-row v-if="projectSetting.customizeShareDesc" align="middle"
align="middle" type="flex"
> >
<el-col :span="8"> <el-col :span="8">
<p class="project-setting-sub-label">请输入描述：</p> <p class="project-setting-sub-label">请输入描述：</p>
@ -516,8 +538,8 @@
<el-col :span="15"> <el-col :span="15">
<el-input <el-input
v-model="userProjectSettingData.shareDesc" v-model="userProjectSettingData.shareDesc"
:show-word-limit="true"
:maxlength="50" :maxlength="50"
:show-word-limit="true"
class="setting-input" style="width: 80%;" @change="saveUserProjectSetting" class="setting-input" style="width: 80%;" @change="saveUserProjectSetting"
/> />
</el-col> </el-col>
@ -542,7 +564,7 @@
</div> </div>
</div> </div>
<div> <div>
<img class="share-user-avatar" :src="getUserInfo.avatar"> <img :src="getUserInfo.avatar" class="share-user-avatar">
</div> </div>
</div> </div>
</div> </div>
@ -582,6 +604,7 @@ export default {
}, },
userProjectSettingData: { userProjectSettingData: {
submitPromptImg: '', submitPromptImg: '',
wxWriteOnce: '',
submitPromptText: '提交成功 !', submitPromptText: '提交成功 !',
submitJumpUrl: '', submitJumpUrl: '',
wxWrite: false, wxWrite: false,
@ -731,6 +754,7 @@ export default {
margin: 0; margin: 0;
background-color: #f7f7f7; background-color: #f7f7f7;
} }
.project-setting-view { .project-setting-view {
height: 100%; height: 100%;
line-height: 20px; line-height: 20px;
@ -743,6 +767,7 @@ export default {
margin-right: 10px; margin-right: 10px;
padding: 10px; padding: 10px;
} }
.project-setting-title { .project-setting-title {
color: rgba(16, 16, 16, 100); color: rgba(16, 16, 16, 100);
font-size: 18px; font-size: 18px;
@ -750,12 +775,14 @@ export default {
font-weight: 550; font-weight: 550;
margin-left: 20px; margin-left: 20px;
} }
.project-setting-label { .project-setting-label {
color: rgba(16, 16, 16, 100); color: rgba(16, 16, 16, 100);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
line-height: 20px; line-height: 20px;
} }
.project-setting-sub-label { .project-setting-sub-label {
color: rgba(144, 147, 149, 100); color: rgba(144, 147, 149, 100);
font-size: 14px; font-size: 14px;
@ -763,6 +790,7 @@ export default {
margin-left: 2px; margin-left: 2px;
line-height: 20px; line-height: 20px;
} }
.submit-prompt-img { .submit-prompt-img {
width: 80%; width: 80%;
height: 117px; height: 117px;
@ -772,14 +800,17 @@ export default {
justify-items: center; justify-items: center;
justify-content: center; justify-content: center;
} }
.sub-user-view { .sub-user-view {
position: relative; position: relative;
width: 60px; width: 60px;
cursor: pointer; cursor: pointer;
} }
.sub-user-view:hover .sub-user-delete { .sub-user-view:hover .sub-user-delete {
display: block; display: block;
} }
.sub-user-delete { .sub-user-delete {
position: absolute; position: absolute;
right: -6px; right: -6px;
@ -794,6 +825,7 @@ export default {
line-height: 18px; line-height: 18px;
display: none; display: none;
} }
.share-img { .share-img {
width: 123px; width: 123px;
height: 117px; height: 117px;
@ -803,6 +835,7 @@ export default {
justify-items: center; justify-items: center;
justify-content: center; justify-content: center;
} }
.share-preview { .share-preview {
width: 360px; width: 360px;
height: 162px; height: 162px;
@ -815,6 +848,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.share-preview-msg { .share-preview-msg {
width: 210px; width: 210px;
height: 88px; height: 88px;
@ -829,6 +863,7 @@ export default {
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
.share-preview-msg::after { .share-preview-msg::after {
content: ''; content: '';
border: 10px solid transparent; border: 10px solid transparent;
@ -838,6 +873,7 @@ export default {
top: 5px; top: 5px;
width: 0; width: 0;
} }
.share-preview-msg-title { .share-preview-msg-title {
line-height: 22px; line-height: 22px;
height: 25px; height: 25px;
@ -846,6 +882,7 @@ export default {
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
} }
.share-preview-msg-desc { .share-preview-msg-desc {
margin: 3px; margin: 3px;
color: rgba(144, 147, 153, 100); color: rgba(144, 147, 153, 100);
@ -855,16 +892,19 @@ export default {
width: 155px; width: 155px;
text-align: left; text-align: left;
} }
.share-preview-img { .share-preview-img {
width: 49px; width: 49px;
height: 46px; height: 46px;
margin-right: 5px; margin-right: 5px;
} }
.share-user-avatar { .share-user-avatar {
width: 49px; width: 49px;
height: 49px; height: 49px;
border-radius: 6px; border-radius: 6px;
} }
::v-deep .setting-input input { ::v-deep .setting-input input {
border: none; border: none;
border-bottom: 1px solid rgba(187, 187, 187, 100); border-bottom: 1px solid rgba(187, 187, 187, 100);
@ -872,11 +912,13 @@ export default {
line-height: 20px; line-height: 20px;
height: 20px; height: 20px;
} }
::v-deep .collection-date-picker input { ::v-deep .collection-date-picker input {
border: none; border: none;
border-bottom: 1px solid rgba(187, 187, 187, 100); border-bottom: 1px solid rgba(187, 187, 187, 100);
border-radius: 0; border-radius: 0;
} }
::v-deep .el-form-item--mini.el-form-item, ::v-deep .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item { .el-form-item--small.el-form-item {
margin: 0; margin: 0;

4
src/views/form/write/index.vue
View File

@ -125,7 +125,7 @@ export default {
getWxAuthorizationUserInfo() { getWxAuthorizationUserInfo() {
let wxAuthorizationCode = this.wxAuthorizationCode let wxAuthorizationCode = this.wxAuthorizationCode
// 根据code 获取用户授权信息 // 根据code 获取用户授权信息
this.$api.get('/wx/jsapi//authorization/user/info', { this.$api.get('/wx/jsapi/authorization/user/info', {
params: { params: {
code: wxAuthorizationCode code: wxAuthorizationCode
} }
@ -264,6 +264,8 @@ export default {
'submitOs': ua.os.name, 'submitOs': ua.os.name,
'submitBrowser': ua.browser.name, 'submitBrowser': ua.browser.name,
'submitUa': ua, 'submitUa': ua,
'wxUserInfo': this.wxUserInfo,
'wxOpenId': this.wxUserInfo ? this.wxUserInfo.openid : '',
'originalData': data.formModel, 'originalData': data.formModel,
'processData': data.labelFormModel 'processData': data.labelFormModel
}).then(() => { }).then(() => {

Write Preview
Loading…
Cancel
Save