328 lines
11 KiB
Plaintext
328 lines
11 KiB
Plaintext
import {
|
||
authStore,
|
||
BasicConstant, ChangePhotoGrids,
|
||
ChangeUtil,
|
||
hdHttp,
|
||
HdLoadingDialog, HdNav,
|
||
HdResponse,
|
||
preferenceStore, ViewImageInfo } from "@itcast/basic"
|
||
import { PhotoActionSheet } from '@itcast/basic'
|
||
import { AnswerListBean } from "../model/ConsulModel"
|
||
import { promptAction, router } from "@kit.ArkUI"
|
||
import { PerfactInputSheet } from "@itcast/basic/src/main/ets/Views/PerfactInputSheet"
|
||
import { BusinessError } from "@kit.BasicServicesKit"
|
||
import { HashMap } from "@kit.ArkTS"
|
||
import { StringIsEmpty } from "@nimkit/common"
|
||
import { http } from "@kit.NetworkKit"
|
||
import { TimestampBean } from "@itcast/basic/src/main/ets/utils/request"
|
||
import { bundleManager } from "@kit.AbilityKit"
|
||
import { rcp } from "@kit.RemoteCommunicationKit"
|
||
import { CryptoJS } from '@ohos/crypto-js'
|
||
@Component
|
||
export struct MyOpinionComp {
|
||
@State photos: string[] = []
|
||
@State base64Array:string[] = []
|
||
@State previewIndex: number = -1
|
||
@State maxSelectNumber: number = 6
|
||
|
||
private photoSheetDialog!: CustomDialogController;
|
||
@State
|
||
@Watch('onRemoveImg')
|
||
removeImg: boolean=false
|
||
@State text: string = ''
|
||
@State
|
||
@Watch('onAddImg')
|
||
addImg: boolean=false
|
||
@State params:param = router.getParams() as param;
|
||
@State removeIndex: number=0
|
||
hashMap: HashMap<string, Object> = new HashMap();
|
||
hashMapImg: HashMap<string, string> = new HashMap();
|
||
|
||
onAddImg() {
|
||
this.photoSheetDialog.open()
|
||
}
|
||
|
||
onRemoveImg() {
|
||
this.photos.splice(this.removeIndex, 1)
|
||
this.maxSelectNumber =6- this.photos.length;
|
||
|
||
ChangeUtil.convertUrisOrUrlsToBase64(this.photos).then(base64Array => {
|
||
console.info('转换结果:', base64Array+'转换个数:'+base64Array.length)
|
||
this.base64Array = base64Array
|
||
}).catch((err:BusinessError) => {
|
||
console.error('批量转换失败:', err)
|
||
})
|
||
}
|
||
private custom!:CustomDialogController;
|
||
dialog: CustomDialogController = new CustomDialogController({
|
||
builder: HdLoadingDialog({ message: '加载中...' }),
|
||
customStyle: true,
|
||
alignment: DialogAlignment.Center
|
||
})
|
||
|
||
initDialog() {
|
||
this.custom = new CustomDialogController({
|
||
builder:PerfactInputSheet({
|
||
controller:this.custom,
|
||
inputTitle:'提示',
|
||
okText:'保存',
|
||
needcancelCallBack:true,
|
||
okColor:$r('app.color.top_title'),
|
||
inputPlaceholder:'您有未发布的内容，是否保存？',
|
||
style:'2',
|
||
inputCallBack:(input: string,title:string)=>{
|
||
if(title=='needcancelCallBack') {
|
||
preferenceStore.setItemString('MyOpinionComp'+this.params.uuid,'')
|
||
} else {
|
||
preferenceStore.setItemString('MyOpinionComp'+this.params.uuid,this.text)
|
||
}
|
||
router.back()
|
||
}
|
||
}),
|
||
alignment: DialogAlignment.Center,
|
||
customStyle: true,
|
||
autoCancel: false,
|
||
backgroundColor: ('rgba(0,0,0,0.5)'),
|
||
height: '100%'
|
||
})
|
||
}
|
||
|
||
private initPhotoDialog() {
|
||
this.photoSheetDialog = new CustomDialogController({
|
||
builder: PhotoActionSheet({
|
||
controller: this.photoSheetDialog,
|
||
maxSelectNumber:this.maxSelectNumber,
|
||
// 修改为支持多选
|
||
onPhotoSelected: async (uris: string[] | string) => {
|
||
let selectedUris: string[] = [];
|
||
if (Array.isArray(uris)) {
|
||
selectedUris = uris;
|
||
} else if (typeof uris === 'string') {
|
||
selectedUris = [uris];
|
||
}
|
||
this.photos.push(...selectedUris);
|
||
this.maxSelectNumber = 6- this.photos.length;
|
||
|
||
ChangeUtil.convertUrisOrUrlsToBase64(this.photos).then(base64Array => {
|
||
console.info('转换结果:', base64Array+'转换个数:'+base64Array.length)
|
||
this.base64Array = base64Array
|
||
}).catch((err:BusinessError) => {
|
||
console.error('批量转换失败:', err)
|
||
})
|
||
}
|
||
}),
|
||
alignment: DialogAlignment.Bottom,
|
||
customStyle: true,
|
||
autoCancel: false,
|
||
backgroundColor: ('rgba(0,0,0,0.5)'),
|
||
height: '100%'
|
||
});
|
||
}
|
||
|
||
aboutToAppear(): void {
|
||
console.log('Response aboutToAppear')
|
||
this.initPhotoDialog()
|
||
this.initDialog()
|
||
if(this.params.isHistory =='true') {
|
||
this.text=this.params.myAnswer.note
|
||
if(this.params.myAnswer.imgs!=null) {
|
||
this.photos.push(...this.changeToImgs(this.params.myAnswer.imgs.split(",")))
|
||
this.maxSelectNumber = 6- this.photos.length;
|
||
|
||
ChangeUtil.convertUrisOrUrlsToBase64(this.changeToImgs(this.params.myAnswer.imgs.split(","))).then(base64Array => {
|
||
console.info('转换结果:', base64Array+'转换个数:'+base64Array.length)
|
||
this.base64Array = base64Array
|
||
}).catch((err:BusinessError) => {
|
||
console.error('批量转换失败:', err)
|
||
})
|
||
}
|
||
} else {
|
||
this.text=preferenceStore.getItemString('MyOpinionComp'+this.params.uuid)
|
||
}
|
||
}
|
||
|
||
build() {
|
||
Column() {
|
||
HdNav({ title: '我的意见', showRightIcon: false, showLeftIcon: true ,isLeftAction:true,leftItemAction:()=>{
|
||
|
||
if(this.params.isHistory =='false')
|
||
{
|
||
if(this.text.length>0)
|
||
{
|
||
this.custom.open()
|
||
}
|
||
else
|
||
{
|
||
router.back()
|
||
}
|
||
}
|
||
else
|
||
{
|
||
router.back()
|
||
}
|
||
}})
|
||
Text('我的意见 *').fontSize(17).fontColor($r('app.color.top_title')).padding(10).width('100%').textAlign(TextAlign.Start)
|
||
TextArea({ placeholder: '请依据患者的个人信息、疾病资料及患者所咨询的问题详细解答患者的问题（信息仅提问患者及医生可见、最多输入300个字）', text: $$this.text })
|
||
.fontColor($r('app.color.common_gray_03'))
|
||
.height(100)
|
||
.textAlign(TextAlign.Start)
|
||
.fontSize(14).padding(9).margin({left:10,right:10,bottom:10})
|
||
.backgroundColor($r('app.color.f6f6f6')).borderRadius(8)
|
||
Text('相关图片').fontSize(17).fontColor($r('app.color.top_title')).padding({left:10,right:10,bottom:10}).width('100%').textAlign(TextAlign.Start)
|
||
Text('可以用部分科普或文献来协助问答问题，最多6张').fontSize(14).fontColor($r('app.color.999999')).padding({left:10,right:10,bottom:10}).width('100%').textAlign(TextAlign.Start)
|
||
ChangePhotoGrids({imgList:this.changeToImg(this.photos),maxSelectNumber:6
|
||
,addImg:this.addImg,removeImg:this.removeImg,removeIndex:this.removeIndex}).layoutWeight(1)
|
||
Column()
|
||
{
|
||
Button({ type: ButtonType.Normal }){
|
||
Text('提交')
|
||
}
|
||
.width('100%')
|
||
.height(53)
|
||
.backgroundColor($r('app.color.patient_theme'))
|
||
.fontColor(Color.White)
|
||
.onClick(() => {
|
||
if(StringIsEmpty(this.text)||this.text.length<5)
|
||
{
|
||
promptAction.showToast({ message: '意见至少5个字' })
|
||
return
|
||
}
|
||
if(this.params.isHistory =='false')
|
||
{
|
||
|
||
this.addInterrogationAnswer()
|
||
}
|
||
else
|
||
{
|
||
this.updateInterrogationAnswer()
|
||
|
||
}
|
||
})
|
||
}
|
||
.backgroundColor(Color.White)
|
||
.width('100%')
|
||
}
|
||
.height('100%')
|
||
.width('100%')
|
||
}
|
||
|
||
async getUploadImg() {
|
||
this.hashMapImg.clear();
|
||
if(this.photos.length>0) {
|
||
for (let index = 0; index < this.photos.length; index++) {
|
||
if(this.photos[index].includes('http')) {
|
||
this.hashMapImg.set('img'+index+1,await ChangeUtil.getImageBase64(this.photos[index]))
|
||
} else {
|
||
this.hashMapImg.set('img'+index+1, await ChangeUtil.convertUriToBase64(this.photos[index]))
|
||
}
|
||
}
|
||
}
|
||
return this.hashMapImg
|
||
}
|
||
|
||
async updateInterrogationAnswer() {
|
||
this.dialog.open()
|
||
this.hashMap.clear();
|
||
this.hashMap.set("note",this.text);
|
||
this.hashMap.set('uuid', this.params.uuid)
|
||
this.hashMap.set('imgsBean',this.assembleBase64Images(this.base64Array))
|
||
hdHttp.httpReqObject<string>(BasicConstant.updateInterrogationAnswer,this.hashMap).then(async (res: HdResponse<string>) => {
|
||
this.dialog.close()
|
||
let json:Record<string,string> = JSON.parse(res+'') as Record<string,string>;
|
||
promptAction.showToast({ message: json.message })
|
||
if(json.code == '200') {
|
||
router.back()
|
||
}
|
||
}).catch((err: BusinessError) => {
|
||
this.dialog.close()
|
||
})
|
||
// let req = new rcp.Request("http://example.com", "POST", headers, simpleForm, cookies, transferRange, configuration);
|
||
}
|
||
|
||
addInterrogationAnswer() {
|
||
this.dialog.open()
|
||
this.hashMap.clear();
|
||
this.hashMap.set("note",this.text);
|
||
this.hashMap.set('step1_uuid', this.params.step1_uuid)
|
||
this.hashMap.set('imgsBean',this.assembleBase64Images(this.base64Array))
|
||
hdHttp.httpReqObject<string>(BasicConstant.addInterrogationAnswer,this.hashMap).then(async (res: HdResponse<string>) => {
|
||
this.dialog.close()
|
||
let json:Record<string,string> = JSON.parse(res+'') as Record<string,string>;
|
||
promptAction.showToast({ message: json.message })
|
||
if(json.code == '200') {
|
||
router.back()
|
||
}
|
||
}).catch((err: BusinessError) => {
|
||
this.dialog.close()
|
||
})
|
||
// this.httpReqImg(BasicConstant.addInterrogationAnswer)
|
||
}
|
||
|
||
changeToImg( imgListurl:string[]) {
|
||
let imgListtmps:ViewImageInfo[]=[]
|
||
imgListurl.forEach((url: string) => {
|
||
let item = {uri:url} as ViewImageInfo
|
||
imgListtmps.push(item)
|
||
})
|
||
return imgListtmps
|
||
}
|
||
|
||
changeToImgs( imgListurl:string[]) {
|
||
let imgListtmps:string[]=[]
|
||
imgListurl.forEach((url: string) => {
|
||
let item = BasicConstant.urlHtml + url
|
||
imgListtmps.push(item)
|
||
})
|
||
return imgListtmps
|
||
}
|
||
|
||
/**
|
||
* 将base64数组组装为对象
|
||
* @param base64Array base64字符串数组
|
||
* @param maxImages 最大图片数量，默认8
|
||
* @returns 包含img1~imgN字段的对象
|
||
*/
|
||
assembleBase64Images(
|
||
base64Array: string[],
|
||
maxImages: number = 6
|
||
): Record<string, string> {
|
||
const imgObject: Record<string, string> = {};
|
||
// 确定实际处理的图片数量
|
||
const processCount = Math.min(base64Array.length, maxImages);
|
||
for (let i = 0; i < processCount; i++) {
|
||
const originalBase64 = base64Array[i];
|
||
// 清理base64前缀[9,10](@ref)
|
||
const cleanBase64 = originalBase64.replace(
|
||
/^data:image\/\w+;base64,/i,
|
||
''
|
||
);
|
||
// 生成字段名
|
||
const fieldName = `img${i + 1}`;
|
||
imgObject[fieldName] = cleanBase64;
|
||
}
|
||
return imgObject;
|
||
}
|
||
|
||
|
||
|
||
async getVersion() {
|
||
let res = await bundleManager.getBundleInfoForSelf(
|
||
bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION |
|
||
bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_METADATA
|
||
)
|
||
return res.versionName
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
interface param{
|
||
uuid:string,
|
||
isHistory:string,
|
||
myAnswer:AnswerListBean
|
||
step1_uuid:string
|
||
}
|
||
|
||
|