诊断 接口对接

src/api/doctor/disease.js

@@ -18,4 +18,9 @@ export function getInspectCode(configType) {
 //查询疾病编码（诊断名称）
 export function queryDiseaseCode(params) {
     return fetchBase({ url: `/chronic-admin/v1/chronic-disease-code/icd-list`, body: params, loading: true })
+}
+
+//获取诊断详细信息
+export function getDiagnoseDetail(id){
+    return fetchBase({ url: `/chronic-admin/v1/chronic-diagnose-record/record`,body:{ id: id }, loading: true })
 }
\ No newline at end of file

src/doctor/Doctor.vue

@@ -66,7 +66,7 @@ export default {
             if (!token) {
                 token = sessionStorage.getItem('token')
                 if (process.env.NODE_ENV !== 'production') {
-                    token = '0d1698ec-49a1-40db-bbfa-bcdf5b16d13b'
+                    token = 'f44efca7-3c9b-4638-b8b0-8e35c6fbb54b'
                 }
             }
             if (token) {

src/doctor/components/checkBtn/CheckBtn.vue

@@ -45,6 +45,9 @@ export default {
     methods: {
         init() {
             this.innerValue = this.value
+            this.multipleCheck()
+        },
+        multipleCheck() {
             if (this.multiple) {
                 if (this.value != null && !Array.isArray(this.value)) {
                     console.warn('CheckBtn: multiple must be Array type')
@@ -92,6 +95,7 @@ export default {
         value: {
             handler(value) {
                 this.innerValue = value
+                this.multipleCheck()
             },
             immediate: true
         },

src/doctor/diagnose/common/Instpect.vue

@@ -98,10 +98,10 @@
                 @change="onSelectInputConfirm"></InputSelect>
         </div>
         <van-field name="imageData"
-            class="no-back mb-2"
+            class="no-back"
             label="图片上传"
             label-align="top"
-            style="order: 99">
+            style="padding: 0">
             <template #input>
                 <DocImageUpload :imageData="imageData"
                     @change="(ids, option) => image = ids"

src/doctor/diagnose/form/DiagnoseForm.vue

@@ -3,9 +3,12 @@
         <DocNavBar :title="`${id ? '修改' : '新增'}慢病诊断`" class="shrink-0"
             :backFunc="onBack"></DocNavBar>
         <div class="p-4 overflow-y-auto grow" ref="all">
-            <DiseaseSelect v-if="step == 1" :excludeType="excludeType" ref="DiseaseSelect"/>
+            <DiseaseSelect v-if="step == 1"
+                :excludeType="excludeType"
+                :value="diseaseType"
+                ref="DiseaseSelect"/>
             <archiveCommon :info="baseInfo" v-else-if="step == 2"></archiveCommon>
-            <FormCont :diseaseType="innerDiseaseType" v-else-if="step == 3"/>
+            <FormCont :info="diagnoseInfo" :diseaseType="innerDiseaseType" v-else-if="step == 3"/>
         </div>
         <div class="shrink-0">
             <div class='bottom-small-line'></div>
@@ -36,8 +39,10 @@ import DocNavBar from '@/doctor/components/docNavBar/DocNavBar.vue'
 import archiveCommon from '@/doctor/components/archiveCommon/archiveCommon.vue'
 import DiseaseSelect from './DiseaseSelect.vue'
 import FormCont from './FormCont.vue'
+import { fetchDataHandle } from '@/utils/common.js'
 import { getChronicResidentsId } from '@/api/doctor/generalFU'
 import { showSuccessToast } from 'vant'
+import { getDiagnoseDetail } from '@/api/doctor/disease.js'
 
 export default {
     components: {
@@ -51,6 +56,8 @@ export default {
             step: 1,
             // 患者基础信息
             baseInfo: {},
+            // 诊断信息
+            diagnoseInfo: {},
             innerDiseaseType: null
         }
     },
@@ -59,11 +66,15 @@ export default {
             return this.$route.query.id
         },
         diseaseType() {
-            return this.$route.query.diseaseType
+            const val = this.$route.query.diseaseType
+            return val ? +val : undefined
         },
         residentInfoId() {
             return this.$route.query.residentInfoId
         },
+        idCard() {
+            return this.$route.query.idCard
+        },
         excludeType() {
             const excludeType = this.$route.query.excludeType
             return excludeType && excludeType.split(',').map(e => Number(e))
@@ -75,10 +86,21 @@ export default {
     methods: {
         async init() {
             if (this.id) {
-
+                const res = await getDiagnoseDetail(this.id)
+                const result = res.data || {}
+                this.diagnoseInfo = fetchDataHandle(result, {
+                    diagnoseResult: 'strToArrNum'
+                })
+                this.baseInfo = result.residentsRecord || {}
             } else {
-                let res = await getChronicResidentsId(this.residentInfoId)
-                this.baseInfo = res.data || {}
+                if (this.residentInfoId) {
+                    let res = await getChronicResidentsId(this.residentInfoId)
+                    this.baseInfo = res.data || {}
+                    this.diagnoseInfo.residentInfoId = this.residentInfoId
+                } else if (this.idCard) {
+                    // 新建用户
+                    this.baseInfo.idCard = this.idCard
+                }
             }
         },
         submit() {

src/doctor/diagnose/form/DiseaseSelect.vue

@@ -21,7 +21,8 @@ import { useStore } from '@/doctor/store/index.js'
 export default {
     props: {
         // 排除已选择的疾病
-        excludeType: { default: () => [] }
+        excludeType: { default: () => [] },
+        value: { default: () => [] }
     },
     data() {
         return {
@@ -33,6 +34,10 @@ export default {
     methods: {
         onSelect(item) {
             if (this.excludeType.includes(item.value)) return
+            if (this.value) {
+                this.$message.info('编辑状态下 慢病类型 无法修改')
+                return
+            }
             this.diseaseType = item.value
         },
         submit() {
@@ -45,6 +50,14 @@ export default {
                 resolve(this.diseaseType)
             })
         }
+    },
+    watch: {
+        value: {
+            handler(val) {
+                this.diseaseType = val
+            },
+            immediate: true
+        }
     }
 }
 </script>

src/doctor/diagnose/form/DoctorInfo.vue

+<template>
+    <van-form ref='form' class="doc-form doctor-info">
+        <div class="doc-form-label" required>筛查单位</div>
+        <van-field is-link
+            v-model='form.diseaseUnitName'
+            readonly
+            placeholder='请选择'
+            name="diseaseUnitId"
+        />
+
+        <div class="doc-form-label" required>筛查科室</div>
+        <van-field is-link
+            v-model='form.diseaseOfficeName'
+            readonly
+            placeholder='请选择'
+            name="diseaseOfficeId"
+            @click="showOffice = true"
+            :rules="[{ required: true, message: '请选择' }]"
+        />
+        <DocOffice v-model:show="showOffice"
+            v-model:value="form.diseaseOfficeId"
+            :unitId="form.diseaseUnitId"
+            @change="officeChange"
+        />
+
+        <div class="doc-form-label" required>筛查医生</div>
+        <van-field is-link
+            v-model='form.diseaseDoctorName'
+            readonly
+            placeholder='请选择'
+            name="diseaseDoctorId"
+            @click="showDoctor = true"
+            :rules="[{ required: true, message: '请选择' }]"
+        />
+        <DocOfficeDoctor v-model:show="showDoctor"
+            :allowClear="false"
+            v-model:value="form.diseaseDoctorId"
+            :unitId="form.diseaseUnitId"
+            :officeId="form.diseaseOfficeId"
+            @change="(option) => { form.diseaseDoctorName = option.staffName }"
+        />
+    </van-form>
+</template>
+
+<script>
+import { useStore } from '@/doctor/store'
+import dayjs from 'dayjs'
+import DocOffice from '@/doctor/components/docOffice/DocOffice.vue'
+import DocOfficeDoctor from '@/doctor/components/docOfficeDoctor/DocOfficeDoctor.vue'
+
+const defaultForm = (info = {}) => {
+    const form = {
+        createDate: undefined,
+        // 诊断单位
+        diseaseUnitId: undefined,
+        diseaseUnitName: undefined,
+        // 诊断科室
+        diseaseOfficeId: undefined,
+        diseaseOfficeName: undefined,
+        // 诊断医生
+        diseaseDoctorId: undefined,
+        diseaseDoctorName: undefined,
+        // 录入单位
+        createUnitId: undefined,
+        createUnitName: undefined,
+        // 录入科室
+        createOfficeId: undefined,
+        createOfficeName: undefined,
+        // 录入医生
+        createDoctorId: undefined,
+        createDoctorName: undefined
+    }
+    Reflect.ownKeys(form).forEach(key => {
+        if (info[key] != undefined) {
+            form[key] = info[key]
+        }
+    })
+    return form
+}
+export default {
+    components: {
+        DocOffice,
+        DocOfficeDoctor
+    },
+    props: {
+        info: { default: () => ({}) }
+    },
+    data() {
+        return {
+            form: {},
+            store: useStore(),
+            showUnit: false,
+            showOffice: false,
+            showDoctor: false
+        }
+    },
+    computed: {
+        authInfo() {
+            return this.store.authInfo
+        }
+    },
+    methods: {
+        initForm() {
+            this.form.createDate = dayjs().format('YYYY-MM-DD')
+            // 诊断单位
+            this.form.diseaseUnitId = this.authInfo.unitId
+            this.form.diseaseUnitName = this.authInfo.unitName
+            // 诊断科室
+            this.form.diseaseOfficeId = this.authInfo.officeId
+            this.form.diseaseOfficeName = this.authInfo.officeName
+            // 诊断医生
+            this.form.diseaseDoctorId = this.authInfo.relationId
+            this.form.diseaseDoctorName = this.authInfo.nickName
+            // 录入单位
+            this.form.createUnitId = this.authInfo.unitId
+            this.form.createUnitName = this.authInfo.unitName
+            // 录入科室
+            this.form.createOfficeId = this.authInfo.officeId
+            this.form.createOfficeName = this.authInfo.officeName
+            // 录入医生
+            this.form.createDoctorId = this.authInfo.relationId
+            this.form.createDoctorName = this.authInfo.nickName
+        },
+        unitChange(option = {}) {
+            this.form.diseaseUnitName = option.unitName
+            this.form.diseaseDoctorId = undefined
+            this.form.diseaseDoctorName = undefined
+            this.form.diseaseOfficeId = undefined
+            this.form.diseaseOfficeName = undefined
+        },
+
+        officeChange(option = {}) {
+            this.form.diseaseOfficeName = option.officeName
+            this.form.diseaseDoctorId = undefined
+            this.form.diseaseDoctorName = undefined
+        },
+        submit() {
+            return new Promise((resolve, reject) => {
+                this.$refs.form.validate().then(() => {
+                    resolve(this.form)
+                }).catch((e) => {
+                    reject(e)
+                })
+            })
+        }
+    },
+    watch: {
+        info: {
+            handler(info) {
+                this.form = defaultForm(info)
+                if (!this.info.id) {
+                    this.initForm()
+                }
+            },
+            immediate: true
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped></style>

src/doctor/diagnose/form/FormCont.vue

@@ -9,14 +9,14 @@
                 readonly
                 name="manageDate"
                 placeholder="请选择"
-                @click="showManageDate = true"
+                @click="showDate('manageDate')"
                 :rules="rules.requiredSelect"
             />
-            <van-popup v-model:show="showManageDate" position="bottom">
-                <van-date-picker v-model="form._screenDate" 
-                    :min-date="manageDateRange.min"
-                    :max-date="manageDateRange.max"
-                    @confirm="manageDateConfirm" @cancel="showManageDate = false" />
+            <van-popup v-model:show="dateOption.show" position="bottom">
+                <van-date-picker
+                    :min-date="dateRange.min"
+                    :max-date="dateRange.max"
+                    @confirm="dateConfirm" @cancel="dateOption.show = false" />
             </van-popup>
 
             <div class='doc-form-label' required>诊断名称</div>
@@ -33,22 +33,167 @@
                 v-model:value="form.icdCode"
                 :diseaseType="diseaseType"
                 @change="icdChange"/>
+            
+            <div class='doc-form-label' required>诊断日期</div>
+            <van-field
+                v-model="form.diseaseDate"
+                is-link
+                readonly
+                name="diseaseDate"
+                placeholder="请选择"
+                @click="showDate('diseaseDate')"
+                :rules="rules.requiredSelect"
+            />
+
+            <div class='doc-form-label' required v-if="![1, 4].includes(diseaseType)">诊断评估</div>
+            <template v-if="diseaseType == 1">
+                <div class='doc-form-label' required>高血压分级</div>
+                <van-field
+                    v-model="form.diagnoseAssessName"
+                    is-link
+                    readonly
+                    name="diagnoseAssess"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseAssess', 'CP00096')"
+                    :rules="rules.requiredSelect"
+                />
+                <div class='doc-form-label' required>高血压危险分层</div>
+                <van-field
+                    v-model="form.diagnoseLevelName"
+                    is-link
+                    readonly
+                    name="diagnoseLevel"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseLevel', 'CP00097')"
+                    :rules="rules.requiredSelect"
+                />
+            </template>
+            
+            <template v-else-if="diseaseType == 4">
+                <div class='doc-form-label' required>缺血性脑卒中</div>
+                <van-field
+                    v-model="form.diagnoseResultName"
+                    is-link
+                    readonly
+                    name="diagnoseResult"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseResult', 'CP00103', 'checkbox')"
+                    :rules="rules.requiredSelect"
+                />
+                <div class='doc-form-label' required>出血性脑卒中</div>
+                <van-field
+                    v-model="form.diagnoseLevelName"
+                    is-link
+                    readonly
+                    name="diagnoseLevel"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseLevel', 'CP00104')"
+                    :rules="rules.requiredSelect"
+                />
+            </template>
+            <template v-else-if="[2,3].includes(diseaseType)">
+                <!-- 糖尿病 冠心病 -->
+                <van-field
+                    v-model="form.diagnoseResultName"
+                    is-link
+                    readonly
+                    name="diagnoseResult"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseResult', resultSelectOption.dictMap[diseaseType], 'checkbox')"
+                    :rules="rules.requiredSelect"
+                />
+            </template>
+            <template v-else>
+                <!-- 慢阻肺 慢性肾脏病 血脂异常 -->
+                <van-field
+                    v-model="form.diagnoseAssessName"
+                    is-link
+                    readonly
+                    name="diagnoseAssess"
+                    placeholder="请选择"
+                    @click="showOptions('diagnoseAssess', resultSelectOption.dictMap[diseaseType])"
+                    :rules="rules.requiredSelect"
+                />
+            </template>
+            
 
-            <div class='doc-form-label' required>诊断评估</div>
-            <div class='doc-form-label' required>高血压分级</div>
-            <div class='doc-form-label' required>高血压危险分层</div>
-            <div class='doc-form-label' required>缺血性脑卒中</div>
-            <div class='doc-form-label' required>出血性脑卒中</div>
+            <van-popup v-model:show="resultSelectOption.show" position="bottom">
+                <div class="pt-4 pb-4 popup-checkbox">
+                    <div class="flex justify-between pb-2">
+                        <button class="van-picker__cancel van-haptics-feedback" @click="optionCancel">取消</button>
+                        <span class="text-16" >请选择 {{ resultSelectOption.formType === 'radio' ? '（仅单选）' : '（可多选）' }}</span>
+                        <div v-if="resultSelectOption.formType === 'radio'" style="width: .32rem;"></div>
+                        <button v-else class="van-picker__confirm van-haptics-feedback" @click="optionConfirm">确认</button>
+                    </div>
+                    <div class="bottom-small-line"></div>
+                    <CheckBtn v-if="resultSelectOption.formType === 'radio'"
+                        v-model:value="resultSelectOption.value"
+                        :options="resultSelectOption.array"
+                        round column-1
+                        class="py-3 px-4"
+                        activeStyleNone :clearable="false"
+                        @change="optionChange"/>
+                    
+                    <CheckBtn v-else
+                        v-model:value="resultSelectOption.value"
+                        :options="resultSelectOption.array"
+                        multiple round column-1
+                        class="py-3 px-4" />
+                </div>
+            </van-popup>
         </van-form>
-        <InstpectCommon :disease="diseaseType"/>
-        <CheckCommon :disease="diseaseType"/>
+
+        <div class='mt-5 mb-2' style="color: #595959;">是否进行检验</div>
+        <van-field :border="false"
+            name="isInspect"
+            style="padding: 0"
+            :rules="rules.requiredSelect">
+            <template #input>
+                <van-radio-group v-model="form.isInspect"
+                    direction="horizontal"
+                    class="w-full doc-radio-group">
+                    <van-radio v-for="item in store.getDict('CP00120')"
+                        :key="item.value" :name="item.value"
+                        label-position="left">{{item.name}}</van-radio>
+                </van-radio-group>
+            </template>
+        </van-field>
+        <InstpectCommon v-if="form.isInspect == 1"
+            :disease="diseaseType"
+            :imageVisible="true"
+            :info="inspectInfo"
+            ref="inspect"/>
+
+        <div class='mt-5 mb-2' style="color: #595959;">是否进行检查</div>
+        <van-field :border="false"
+            name="isCheck"
+            style="padding: 0"
+            :rules="rules.requiredSelect">
+            <template #input>
+                <van-radio-group v-model="form.isCheck"
+                    direction="horizontal"
+                    class="w-full doc-radio-group">
+                    <van-radio v-for="item in store.getDict('CP00120')"
+                        :key="item.value" :name="item.value"
+                        label-position="left">{{item.name}}</van-radio>
+                </van-radio-group>
+            </template>
+        </van-field>
+        <CheckCommon v-if="form.isCheck == 1"
+           :disease="diseaseType"
+           :info="checkInfo"
+           ref="check"/>
+        <DoctorInfo :info="info"/>
     </div>
 </template>
 
 <script>
+import { useStore } from '@/doctor/store'
 import InstpectCommon from '../common/Instpect.vue'
 import CheckCommon from '../common/Check.vue'
 import DiagnosePicker from './DiagnosePicker.vue'
+import CheckBtn from '@/doctor/components/checkBtn/CheckBtn.vue'
+import DoctorInfo from './DoctorInfo.vue'
 import dayjs from 'dayjs'
 
 const defaultForm = (info = {}) => {
@@ -57,26 +202,26 @@ const defaultForm = (info = {}) => {
         residentInfoId: undefined,
         // 纳入管理日期
         manageDate: undefined,
-        _manageDate: undefined,
         // 诊断名称code
         icdCode: undefined,
         diseaseName: undefined,
         // 诊断日期
         diseaseDate: undefined,
         // 诊断评估
-        // 高血压分级
+        // 用于单选
         diagnoseAssess: undefined,
         diagnoseAssessName: undefined,
-        // 用于单选
+        // 高血压危险分层 出血性脑卒中
         diagnoseLevel: undefined,
         diagnoseLevelName: undefined,
         // 用于多选
-        diagnoseResult: undefined,
+        diagnoseResult: [],
         diagnoseResultName: undefined,
         // 是否需要检查
         isInspect: 2,
         // 是否需要检查
-        isCheck: 2
+        isCheck: 2,
+        diseaseType: undefined
     }
     Reflect.ownKeys(form).forEach(key => {
         if (info[key] != undefined) {
@@ -90,25 +235,113 @@ export default {
     components: {
         InstpectCommon,
         CheckCommon,
-        DiagnosePicker
+        DiagnosePicker,
+        CheckBtn,
+        DoctorInfo
     },
     props: {
-        diseaseType: [Number, String]
+        diseaseType: [Number, String],
+        info: { default: () => ({}) }
     },
     data() {
         return {
+            store: useStore(),
             form: defaultForm(),
             // 纳入管理日期
-            manageDateRange: {
+            dateRange: {
                 min: undefined,
                 max: undefined
             },
-            showManageDate: false,
-            // 诊断名称
-            showIcd: false,
             rules: {
                 requiredSelect: [{ required: true, message: '请选择' }],
                 requiredInput: [{ required: true, message: '请输入' }]
+            },
+            // 诊断名称
+            showIcd: false,
+            // 诊断评估 选择配置
+            resultSelectOption: {
+                show: false,
+                formType: '', // radio checkbox
+                field: '', // diagnoseAssess diagnoseLevel diagnoseResult
+                array: [],
+                name: '',
+                value: undefined,
+                dictMap: {
+                    2: 'CP00101',
+                    3: 'CP00102',
+                    5: 'CP00105',
+                    6: 'CP00106',
+                    7: 'CP00095'
+                }
+            },
+            // 日期选择选择
+            dateOption: {
+                show: false,
+                field: ''
+            }
+        }
+    },
+    computed: {
+        // 检查项
+        checkList() {
+            const diagnoseInspectList = this.info.diagnoseInspectList || []
+            return diagnoseInspectList.filter(e => e.projectType === 1)
+        },
+        // 检验项
+        inspectList() {
+            const diagnoseInspectList = this.info.diagnoseInspectList || []
+            return diagnoseInspectList.filter(e => e.projectType === 0)
+        },
+        // 检验项图片
+        inspectFileList() {
+            return this.info.inspectFileList || []
+        },
+        inspectInfo() {
+            const projects = [], insTypes = []
+            this.inspectList.forEach(e => {
+                const pList = e.inspectDetailed ? JSON.parse(e.inspectDetailed) : []
+                const iList = pList.map( i => i.insType) || []
+                projects.push(...pList)
+                insTypes.push(...iList)
+            })
+            return {
+                image: this.info.inspectFile || '',
+                imageData: this.info.inspectFileList || [],
+                items: projects,
+                inspect: Array.from(new Set(insTypes))
+            }
+        },
+        checkInfo() {
+            const insTypes = [], items = []
+            this.checkList.forEach(e => {
+                const pList = e.inspectDetailed ? JSON.parse(e.inspectDetailed) : []
+                const iList = pList.map( i => i.insType) || []
+                insTypes.push(...iList)
+                if (e.inspectFile) {
+                    items.push({
+                        itemValue: e.inspectFile,
+                        itemType: 5,
+                        inspectFile: e.inspectFile,
+                        inspectFileList: e.inspectFileList,
+                        insType: pList[0]?.insType,
+                        insName: pList[0]?.insName,
+                        itemCode: pList[0]?.insType + '-2' 
+                    })
+                }
+                //未上传图片并存在结论的数据
+                items.push({
+                    itemValue: pList[0]?.itemValue,
+                    itemType: 1,
+                    inspectFile: undefined,
+                    inspectFileList: [],
+                    insType: pList[0]?.insType,
+                    insName: pList[0]?.insName,
+                    itemCode: pList[0]?.itemCode
+                })
+            })
+            return {
+                items,
+                check: Array.from(new Set(insTypes))
             }
         }
     },
@@ -119,18 +352,82 @@ export default {
         init() {
             const date = dayjs()
             this.form.manageDate = date.format('YYYY-MM-DD')
-            this.form._manageDate = [date.year(), date.month() + 1, date.date()]
-            this.manageDateRange.max = new Date(date.year(), date.month(), date.date())
-            this.manageDateRange.min = new Date(date.year() - 20, date.month(), date.date())
+            // this.form._manageDate = [date.year(), date.month() + 1, date.date()]
+            this.dateRange.max = new Date(date.year(), date.month(), date.date())
+            this.dateRange.min = new Date(date.year() - 20, date.month(), date.date())
+
         },
-        // 纳入管理日期
-        manageDateConfirm({ selectedValues }) {
-            this.form.manageDate = selectedValues.join('-')
-            this.showManageDate = false
+        submit() {
+            this.form.diseaseType = this.diseaseType
+        },
+        // 日期确定
+        dateConfirm({ selectedValues }) {
+            this.form[this.dateOption.field] = selectedValues.join('-')
+            this.dateOption.show = false
         },
         // 诊断名称
         icdChange(option) {
             this.form.diseaseName = option.diseaseName
+        },
+        // 日期选择
+        showDate(field) {
+            this.dateOption.show = true
+            this.dateOption.field = field
+        },
+        // 诊断评估 选择配置
+        showOptions(field, dict, formType = 'radio') {
+            this.resultSelectOption.field = field
+            this.resultSelectOption.formType = formType
+            this.resultSelectOption.array = this.store.getDict(dict)
+            this.resultSelectOption.value = this.form[field]
+            this.resultSelectOption.show = true
+        },
+        optionCancel() {
+            this.resultSelectOption.show = false
+            this.resultSelectOption.value = undefined
+        },
+        optionConfirm() {
+            const field = this.resultSelectOption.field
+            const fieldName = field + 'Name'
+            this.form[field] = this.resultSelectOption.value
+            console.log('this.form[field]', this.form[field])
+            this.form[fieldName] = this.resultSelectOption.array.map(e => {
+                return this.form[field].includes(e.value) ? e.name : ''
+            }).filter(e => e).join('、')
+            this.resultSelectOption.show = false
+            this.resultSelectOption.value = undefined
+        },
+        optionChange(val, option) {
+            const field = this.resultSelectOption.field
+            const fieldName = field + 'Name'
+            this.form[field] = val
+            this.form[fieldName] = option.name
+            this.resultSelectOption.show = false
+            this.resultSelectOption.value = undefined
+        },
+        // 处理诊断评估字段回显
+        fieldNameHandler() {
+            const mark = this.diseaseType
+            if (mark == 1) {
+                this.form.diagnoseAssessName = this.store.getDictValue('CP00096', this.form.diagnoseAssess)
+                this.form.diagnoseLevelName = this.store.getDictValue('CP00097', this.form.diagnoseLevel)
+            } else if ([2, 3].includes(mark)) {
+                this.form.diagnoseResultName = this.store.getDictValue(this.resultSelectOption.dictMap[mark], this.form.diagnoseResult)
+            } else if (mark == 4) {
+                this.form.diagnoseResultName = this.store.getDictValue('CP00103', this.form.diagnoseResult)
+                this.form.diagnoseLevelName = this.store.getDictValue('CP00104', this.form.diagnoseLevel)
+            } else if ([5, 6, 7].includes(mark)) {
+                this.form.diagnoseAssessName = this.store.getDictValue(this.resultSelectOption.dictMap[mark], this.form.diagnoseAssess)
+            }
+        }
+    },
+    watch: {
+        info: {
+            handler(info) {
+                this.form = defaultForm(info)
+                this.fieldNameHandler()
+            },
+            immediate: true
         }
     }
 }

src/doctor/screening/first/FirstForm.vue

@@ -58,7 +58,10 @@ export default {
         },
         residentInfoId() {
             return this.$route.query.residentInfoId
-        }
+        },
+        idCard() {
+            return this.$route.query.idCard
+        },
     },
     created() {
         this.init()
@@ -76,10 +79,15 @@ export default {
                 this.baseInfo = this.screenInfo.residentsRecord
                 console.log(this.screenInfo)
             } else {
-                let res = await getChronicResidentsId(this.residentInfoId)
-                this.baseInfo = res.data || {}
-                this.screenInfo.currentAge = this.baseInfo.currentAge
-                this.screenInfo.residentInfoId = this.residentInfoId
+                if (this.residentInfoId) {
+                    let res = await getChronicResidentsId(this.residentInfoId)
+                    this.baseInfo = res.data || {}
+                    this.screenInfo.currentAge = this.baseInfo.currentAge
+                    this.screenInfo.residentInfoId = this.residentInfoId
+                } else if (this.idCard) {
+                    // 新建用户
+                    this.baseInfo.idCard = this.idCard
+                }
             }
         },
         toNext(val) {

src/doctor/store/index.js

@@ -29,6 +29,12 @@ export const useStore = defineStore('chronic', {
             if (!array || !array.length) {
                 return ''
             }
+            if (value instanceof Array) {
+                return value.map(v => {
+                    let temp = array.find(e => e.value == v) || {}
+                    return temp.name || ''
+                }).filter(e => e).join('、')
+            }
             let temp = array.find(e => e.value == value) || {}
             return temp.name || ''
         },

src/register.js

@@ -64,8 +64,18 @@ function setDirective(app) {
     app.directive('destory', {
         beforeUnmount(el, binding, vnode, prevVnod) {
             const field = binding.arg
-            const form = binding.value
+            const value = binding.value
             const modifiers = binding.modifiers
+            if (value instanceof Array) {
+                const form = value[0]
+                for (let i = 1; i < value.length; i++) {
+                    if (form[value[i]] != null) {
+                        form[value[i]] = modifiers.string ? '' : undefined
+                    }
+                }
+                return
+            }
+            const form = value
             if (form && field && form[field] != null) {
                 form[field] = modifiers.string ? '' : undefined
             }