From e9e8b1c7b481415714fff9a0d83099fd5a7d6ff0 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 五月 2023 17:25:11 +0800
Subject: [PATCH] 2023-05-18
---
src/templates/zshare/verifycard/baseform/index.jsx | 93 +++++++++++++++++++---------------------------
1 files changed, 38 insertions(+), 55 deletions(-)
diff --git a/src/templates/zshare/verifycard/baseform/index.jsx b/src/templates/zshare/verifycard/baseform/index.jsx
index a0f5892..7910852 100644
--- a/src/templates/zshare/verifycard/baseform/index.jsx
+++ b/src/templates/zshare/verifycard/baseform/index.jsx
@@ -5,10 +5,7 @@
import { QuestionCircleOutlined } from '@ant-design/icons'
import Api from '@/api'
-import asyncComponent from '@/utils/asyncComponent'
import './index.scss'
-
-const ColorSketch = asyncComponent(() => import('@/mob/colorsketch'))
class BillCodeForm extends Component {
static propTpyes = {
@@ -26,7 +23,6 @@
}
componentDidMount() {
- const { verify } = this.props
let wxTemps = sessionStorage.getItem('wxTemplates')
if (window.GLOB.WXAppID && window.GLOB.nginx && !wxTemps) {
@@ -38,21 +34,22 @@
Api.wxNginxRequest(`cgi-bin/template/get_all_private_template?access_token=${wxtoken}`, 'get').then(res => {
let temps = []
if (res.template_list) {
- temps = res.template_list.filter(item => item.primary_industry)
- let selectTemp = temps.filter(item => item.template_id === verify.wxTemplateId)[0]
+ temps = res.template_list.filter(item => {
+ if (!item.primary_industry) return false
+ if (item.content) {
+ item.content = item.content.replace('{{first.DATA}}\n', '').replace('\n{{remark.DATA}}', '')
+ }
- if (selectTemp) {
- selectTemp.content = selectTemp.content.replace(/\r\n|\n/g, '<br/>')
- selectTemp.example = selectTemp.example.replace(/\r\n|\n/g, '<br/>')
- }
-
- this.setState({wxTemps: temps, selectTemp})
+ return true
+ })
}
-
+
sessionStorage.setItem('wxTemplates', JSON.stringify(temps))
localStorage.setItem('wxTemplates', JSON.stringify(temps))
localStorage.removeItem('wxTemplates')
+
+ this.resetTemps(temps)
})
} else {
sessionStorage.setItem('wxTemplates', JSON.stringify([]))
@@ -75,15 +72,27 @@
} else if (wxTemps) {
wxTemps = JSON.parse(wxTemps)
- let selectTemp = wxTemps.filter(item => item.template_id === verify.wxTemplateId)[0]
-
- if (selectTemp) {
- selectTemp.content = selectTemp.content.replace(/\r\n|\n/g, '<br/>')
- selectTemp.example = selectTemp.example.replace(/\r\n|\n/g, '<br/>')
- }
-
- this.setState({wxTemps, selectTemp})
+ this.resetTemps(wxTemps)
}
+ }
+
+ resetTemps = (wxTemps) => {
+ const { verify } = this.props
+
+ let sysTemps = [{"template_id":"UdGBwbjFKnIBzW2TalsdJkwZ9R2LvaAozWZ-yo2Dn00","title":"缂磋垂閫氱煡","primary_industry":"IT绉戞妧","deputy_industry":"IT杞欢涓庢湇鍔�","content":"{{first.DATA}}\n鍙楃悊缂栧彿锛歿{keyword1.DATA}}\n缂磋垂鏃堕棿锛歿{keyword2.DATA}}\n缂磋垂绫诲埆锛歿{keyword3.DATA}}\n缂磋垂閲戦锛歿{keyword4.DATA}}\n缂磋垂缁撴灉锛歿{keyword5.DATA}}\n{{remark.DATA}}","example":"鎮ㄧ殑缂磋垂淇℃伅濡備笅\r\n鍙楃悊缂栧彿锛�010000000001\r\n缂磋垂鏃堕棿锛�2018骞�07鏈�23鏃r\n缂磋垂绫诲埆锛氫緵鏆栫即璐筡r\n缂磋垂閲戦锛�20鍏僜r\n缂磋垂缁撴灉锛氭垚鍔焅r\n鎰熻阿鎮ㄧ殑浣跨敤锛�"}]
+
+ sysTemps = []
+
+ let _wxTemps = [...wxTemps, ...sysTemps]
+
+ let selectTemp = _wxTemps.filter(item => item.template_id === verify.wxTemplateId)[0]
+
+ if (selectTemp) {
+ selectTemp.content = selectTemp.content.replace(/\r\n|\n/g, '<br/>')
+ selectTemp.example = selectTemp.example.replace(/\r\n|\n/g, '<br/>')
+ }
+
+ this.setState({wxTemps: _wxTemps, selectTemp})
}
handleConfirm = () => {
@@ -165,21 +174,10 @@
let index = 1
_verify.wxNoteKeys = keys.map(key => {
- let item = {
- key: key,
- color: '#000000',
- readonly: false
- }
- if (key === 'first') {
- item.value = 'first'
- item.readonly = true
- } else if (key === 'remark') {
- item.value = 'remark'
- item.readonly = true
- } else {
- item.value = 'p' + index
- index++
- }
+ let item = { key: key }
+
+ item.value = 'p' + index
+ index++
return item
})
@@ -195,20 +193,6 @@
_verify.wxNoteKeys = _verify.wxNoteKeys.map(m => {
if (m.key === key) {
m.value = val
- }
-
- return m
- })
-
- this.props.onChange(_verify)
- }
-
- onWxNoteColorChange = (key, val) => {
- let _verify = fromJS(this.props.verify).toJS()
-
- _verify.wxNoteKeys = _verify.wxNoteKeys.map(m => {
- if (m.key === key) {
- m.color = val
}
return m
@@ -413,9 +397,9 @@
<Input placeholder="" autoComplete="off" value={verify.wxNoteLinkMenuId || ''} onChange={(e) => {this.onOptionChange(e.target.value, 'wxNoteLinkMenuId')}}/>
</Form.Item>
</Col> : null}
- {verify.wxNote === 'true' && verify.wxNoteKeys ? verify.wxNoteKeys.map(item => <Col span={8} key={item.key}>
- <Form.Item className="mk-note-keyword" label={item.key} required>
- <Select value={item.value} disabled={item.readonly} onSelect={(val) => this.onWxNoteKeyChange(item.key, val)}>
+ {verify.wxNote === 'true' && verify.wxNoteKeys ? verify.wxNoteKeys.map((item, index) => <Col span={8} key={'mk' + index}>
+ <Form.Item label={item.key} required>
+ <Select value={item.value} onSelect={(val) => this.onWxNoteKeyChange(item.key, val)}>
<Select.Option value="p1">p1</Select.Option>
<Select.Option value="p2">p2</Select.Option>
<Select.Option value="p3">p3</Select.Option>
@@ -427,7 +411,6 @@
<Select.Option value="p9">p9</Select.Option>
<Select.Option value="p10">p10</Select.Option>
</Select>
- <ColorSketch value={item.color || '#ffffff'} onChange={(val, hex) => {this.onWxNoteColorChange(item.key, hex)}} />
</Form.Item>
</Col>) : null}
{selectTemp && verify.wxNoteKeys ? <Col span={24} className="wx-note">
@@ -449,7 +432,7 @@
<div>
<p>openid: "鎺ユ敹鑰卭penid",</p>
<p>send_id: "闃查噸鍏d",</p>
- {verify.wxNoteKeys.map(item => <p>{item.value}: "=> {item.key}",</p>)}
+ {verify.wxNoteKeys.map((item, i) => <p key={'index' + i}>{item.value}: "=> {item.key}",</p>)}
<p>bid: "璺宠浆灏忕▼搴忔椂锛屽彲浣滀负BID銆�"</p>
</div>
</div>
--
Gitblit v1.8.0