chenyue
/
PC-application
forkad från raolu/PC-application


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>【除第一次外】肺结核患者第n次入户随访记录表</title>
    <meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="shortcut icon" href="../../../../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../../../css/element-ui.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/bootstrap.min.css" />
    <link href="../../../../plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="../css/fangshi-detail.css" rel="stylesheet">
    <style>
        .setinput .el-input__inner,
        .innerInput {
            padding: 0;
            border-bottom: 1px solid #e1e1e1;
            text-align: center;

        }

        .innerInput {
            width: 100px;
            padding: 0 5px !important;
        }

        .dudaorenyuan el-radio {
            width: 50%;
        }
    </style>
</head>

<body>
    <div id="app">
        <button class="button" @click="editBtn()">编辑</button>
        <p class="c-f20 mb10" style="text-align: center;">肺结核患者随访服务记录表</p>
        <div class="ui-grid p10">
            <div class="ui-col-1">
                <div class="ui-grid">
                    <div class="ui-col-0">姓名:</div>
                    <div class="ui-col-1">
                        <el-input :readonly="!editable" v-model="parient.patient.name"
                            placeholder="" clearable></el-input>
                    </div>
                </div>
            </div>
            <div class="ui-col-1">
                <div class="ui-grid">
                    <div class="ui-col-0">编号:</div>
                    <div class="ui-col-1">
                        <el-input :readonly="!editable" v-model="parient.number"
                            placeholder="" clearable>
                        </el-input>
                    </div>
                </div>
            </div>
        </div>

        <table class="table table-bordered">
            <tr>
                <td class="col-w200 c-t-center">随访时间</td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[0].followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[1].followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[2].followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[3].followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">治疗月序</td>
                <td class="setinput">
                    第
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
                        v-model="parient.data[0].treate_month">
                    </el-input> 月
                </td>
                <td class="setinput">
                    第
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
                        v-model="parient.data[1].treate_month">
                    </el-input> 月
                </td>
                <td class="setinput">
                    第
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
                        v-model="parient.data[2].treate_month">
                    </el-input> 月
                </td>
                <td class="setinput">
                    第
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
                        v-model="parient.data[3].treate_month">
                    </el-input> 月
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">督导人员</td>
                <td>
                    <div>
                        <!-- 1-医生，2-家属，3-自服药，4-其他 -->
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[0].superviser.superviser_type"
                            class="dudaorenyuan">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>
                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[1].superviser.superviser_type"
                            class="dudaorenyuan">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>
                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[2].superviser.superviser_type">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>
                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[3].superviser.superviser_type">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>

                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">随访方式</td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[0].way">
                            <el-row>
                                <!-- 1-门诊，2-家庭 3-电话-->
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>
                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[1].way">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>

                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[2].way">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>

                </td>
                <td>
                    <div>
                        <el-radio-group :disabled="!editable"
                            v-model="parient.data[3].way">
                            <el-row>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
                                </el-col>
                                <el-col :span="24">
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
                                </el-col>
                            </el-row>
                        </el-radio-group>

                    </div>

                </td>
            </tr>
            <tr>
                <td class="col-w200">症状及体征：
                    <!-- 0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降 -->
                    <el-checkbox-group v-model="tizheng" :disabled="!editable">
                        <el-checkbox label="0" style="margin-left:30px;">没有症状</el-checkbox>
                        <el-checkbox label="1">咳嗽咳痰</el-checkbox>
                        <el-checkbox label="2">低热盗汗</el-checkbox>
                        <el-checkbox label="3">咳血或血痰</el-checkbox>
                        <el-checkbox label="4">胸痛消瘦</el-checkbox>
                        <el-checkbox label="5">恶心纳差</el-checkbox>
                        <el-checkbox label="6">头痛失眠</el-checkbox>
                        <el-checkbox label="7">视物模糊</el-checkbox>
                        <el-checkbox label="8">皮肤瘙痒、皮疹</el-checkbox>
                        <el-checkbox label="9">耳鸣、听力下降</el-checkbox>
                    </el-checkbox-group>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable"
                        v-model="parient.data[0].symptom_other_desc" placeholder=""
                        clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable"
                        v-model="parient.data[1].symptom_other_desc" placeholder=""
                        clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable"
                        v-model="parient.data[2].symptom_other_desc" placeholder=""
                        clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable"
                        v-model="parient.data[3].symptom_other_desc" placeholder=""
                        clearable></el-input>
                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="5">
                    <table class="table2">
                        <tr>
                            <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 50px;">生活方式指导</td>
                            <td class="c-t-center" style="width: 100px;">
                                吸烟
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[0].life_style.smoke">
                                </el-input> 支
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[0].life_style.smoke_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.smoke">
                                </el-input> 支
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.smoke_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[2].life_style.smoke">
                                </el-input> 支
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[2].life_style.smoke_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.smoke">
                                </el-input> 支
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.smoke_day">
                                </el-input>天
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" style="width: 150px;">饮酒</td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[0].life_style.drink">
                                </el-input> 两
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[0].life_style.drink_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.drink">
                                </el-input>两
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.drink_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[2].life_style.drink">
                                </el-input> 两
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[2].life_style.drink_day">
                                </el-input>天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.drink">
                                </el-input> 两
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.drink_day">
                                </el-input>天
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" rowspan="4" style="border-bottom: 0;width: 50px;">用药</td>
                            <td class="c-t-center">
                                化疗方案
                            </td>
                            <td class="c-t-center">
                                <el-input :readonly="!editable"
                                    v-model="parient.data[0].drug_use.chemotherapy"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td class="c-t-center">
                                <el-input :readonly="!editable"
                                    v-model="parient.data[1].drug_use.chemotherapy"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td class="c-t-center">
                                <el-input :readonly="!editable"
                                    v-model="parient.data[2].drug_use.chemotherapy"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td class="c-t-center">
                                <el-input :readonly="!editable"
                                    v-model="parient.data[3].drug_use.chemotherapy"
                                    placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">用法</td>
                            <td>
                                <!-- 1-每日，2-间歇 -->
                                <el-radio-group :disabled="!editable"
                                    v-model="parient.data[0].drug_use.method">
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
                                </el-radio-group>

                            </td>
                            <td>
                                <el-radio-group :disabled="!editable"
                                    v-model="parient.data[1].drug_use.method">
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
                                </el-radio-group>

                            </td>
                            <td>
                                <el-radio-group :disabled="!editable"
                                    v-model="parient.data[2].drug_use.method">
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
                                </el-radio-group>

                            </td>
                            <td>
                                <el-radio-group :disabled="!editable"
                                    v-model="parient.data[3].drug_use.method">
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
                                </el-radio-group>

                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" style="width: 150px;">药品剂型</td>
                            <td>
                                <!-- 1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂 -->
                                <el-checkbox-group v-model="yongyao1" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="2">散装药</el-checkbox>
                                    <el-checkbox label="3">板式组合药</el-checkbox>
                                    <el-checkbox label="4">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="yongyao2" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="2">散装药</el-checkbox>
                                    <el-checkbox label="3">板式组合药</el-checkbox>
                                    <el-checkbox label="4">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="yongyao3" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="2">散装药</el-checkbox>
                                    <el-checkbox label="3">板式组合药</el-checkbox>
                                    <el-checkbox label="4">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="yongyao4" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="2">散装药</el-checkbox>
                                    <el-checkbox label="3">板式组合药</el-checkbox>
                                    <el-checkbox label="4">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">
                                漏服药次数
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[0].drug_use.forgot_take_drug_times">
                                </el-input> 次
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].drug_use.forgot_take_drug_times">
                                </el-input> 次
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[2].drug_use.forgot_take_drug_times">
                                </el-input> 次
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].drug_use.forgot_take_drug_times">
                                </el-input> 次
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">药物不良反应</td>
                <td>
                    <!-- // 药物不良反应 1-无，2-有 -->
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[0].drug_bad_reaction">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[0].drug_bad_reaction==2"
                            style="width: 70px;" type="text" :readonly="!editable"
                            v-model="parient.data[0].drug_bad_reaction_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[1].drug_bad_reaction">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[1].drug_bad_reaction==2"
                            style="width: 70px;" type="text" :readonly="!editable"
                            v-model="parient.data[1].drug_bad_reaction_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[2].drug_bad_reaction">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[2].drug_bad_reaction==2"
                            style="width: 70px;" type="text" :readonly="!editable"
                            v-model="parient.data[2].drug_bad_reaction_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[3].drug_bad_reaction">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[3].drug_bad_reaction==2"
                            style="width: 70px;" type="text" :readonly="!editable"
                            v-model="parient.data[3].drug_bad_reaction_detail">
                        </el-input>
                    </el-radio-group>

                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">并发症或合并症</td>
                <td>
                    <!--  // 并发症 1-无，2-有 -->
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[0].complication">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[0].complication==2" style="width: 70px;"
                            type="text" :readonly="!editable"
                            v-model="parient.data[0].complication_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[1].complication">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[1].complication==2" style="width: 70px;"
                            type="text" :readonly="!editable"
                            v-model="parient.data[1].complication_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[2].complication">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[2].complication==2" style="width: 70px;"
                            type="text" :readonly="!editable"
                            v-model="parient.data[2].complication_detail">
                        </el-input>
                    </el-radio-group>

                </td>
                <td>
                    <el-radio-group :disabled="!editable"
                        v-model="parient.data[3].complication">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                        <el-input class="innerInput" style="padding:0 !important;"
                            v-if="parient.data[3].complication==2" style="width: 70px;"
                            type="text" :readonly="!editable"
                            v-model="parient.data[3].complication_detail">
                        </el-input>
                    </el-radio-group>

                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="5">
                    <table class="table2">
                        <tr>
                            <td rowspan="3" class="c-t-center" style="border-bottom: 0; width:50px;">转诊</td>
                            <td class="c-t-center" style="width: 150px;">
                                科别
                            </td>
                            <td>
                                <el-input :readonly="!editable" style=""
                                    v-model="parient.data[0].trans_org.dept_name"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[1].trans_org.dept_name"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[2].trans_org.dept_name"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[3].trans_org.dept_name"
                                    placeholder="" clearable></el-input>
                            </td>

                        </tr>
                        <tr>
                            <td class="c-t-center">
                                原因
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[0].trans_org.reason"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[1].trans_org.reason"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[2].trans_org.reason"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[3].trans_org.reason"
                                    placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">
                                2周内随访，随访结果
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[0].trans_org.result_of_2_weeks"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[1].trans_org.result_of_2_weeks"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[2].trans_org.result_of_2_weeks"
                                    placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable"
                                    v-model="parient.data[3].trans_org.result_of_2_weeks"
                                    placeholder="" clearable></el-input>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">处理意见</td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[0].process_opinion" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[1].process_opinion" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[2].process_opinion" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[3].process_opinion" placeholder=""
                        clearable></el-input>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">下次随访时间</td>
                <td>
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[0].next_followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[1].next_followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[2].next_followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
                </td>
                <td>
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
                        v-model="parient.data[3].next_followup_date" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">随访医生签名</td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[0].followup_doctor_name" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[1].followup_doctor_name" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[2].followup_doctor_name" placeholder=""
                        clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable"
                        v-model="parient.data[3].followup_doctor_name" placeholder=""
                        clearable></el-input>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">停止治疗及原因</td>
                <td colspan="4">
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
            </tr>
            <tr>
                <td rowspan="2" class="col-w200 c-t-center">全程管理情况</td>
                <td colspan="4">
                    <div>
                        1.出现停止治疗时间年月日：
                        <el-date-picker :readonly="!editable" value-format="yyyy-MM-dd"
                            v-model="parient.stop_treate.date" type="date"
                            placeholder="选择日期">
                        </el-date-picker>
                        2.停止治疗原因：
                        <el-radio-group :disabled="!editable"
                            v-model="parient.stop_treate.reason">
                            <el-radio :disabled="!editable" v-model="radio" label="1">完成疗程</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">死亡</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="3">丢失</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="4">转入耐多药治疗</el-radio>
                        </el-radio-group>

                    </div>
                    <div style="border-top:1px solid #e1e1e1;padding:10px 0;">
                        <div class="setinput">
                            应访视患者<el-input style="width:70px;" type="text" :readonly="!editable"
                                v-model="parient.management.plan_followup_times"
                                placeholder="" clearable></el-input>次,
                            实际访视应访视患者<el-input style="width:70px;" type="text" :readonly="!editable"
                                v-model="parient.management.real_followup_times"
                                placeholder="" clearable></el-input>次
                        </div>
                        <div class="setinput">
                            患者在疗程中，应服药<el-input style="width:70px;" type="text" :readonly="!editable"
                                v-model="parient.management.plan_take_drug_times"
                                placeholder="" clearable></el-input>次，
                            实际服药<el-input style="width:70px;" type="text" :readonly="!editable"
                                v-model="parient.management.real_take_drug_times"
                                placeholder="" clearable></el-input>次，
                            服药率<el-input style="width:70px;" type="text" :readonly="!editable"
                                v-model="percent"
                                placeholder="" clearable></el-input>%
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="4" class="setinput">
                    评估医生签名：
                    <el-input style="width:120px;" type="text" :readonly="!editable"
                        v-model="parient.management.signature_doctor_name" placeholder=""
                        clearable></el-input>
                </td>
            </tr>
        </table>
        <follow-bottom :followupId="followupId"></follow-bottom>
    </div>
    <script src="../../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../component/followup/follow-bottom.js"></script>
    <script src="../../../../api/fangshi-api.js"></script>
    <script>
        var Request = GetRequest();
        new Vue({
            el: "#app",
            data: function () {
                return {
                    editable: false,
                    isEditBtn: true,
                    data2: "",
                    radio: "",
                    input: '',
                    check: '',
                    tizheng: [],  //体征
                    yongyao1: [],  //用药
                    yongyao2: [],  //用药
                    yongyao3: [],  //用药
                    yongyao4: [],  //用药
                    followupId: Request['id'],
                    parient: {
                        "version": Request['version']||'1',
                        "followup_id":  Request['id']||'1', //随访id
                        "followup_project": '',//随访项目 
                        "number": '', //随访编号
                        "patient": {
                            "name": '',//患者姓名
                            "code": ''//身份证置空
                        },
                        "data": [
                            // 1
                            {
                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": null,//随访日期,
                                "way": '',//随访方式：1-门诊，2-家庭 3-电话   //整数
                                "treate_month": '',//治疗月序
                                "superviser": {
                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
                                    "superviser_code": '',//督导人员code
                                    "superviser_name": ''//督导人员name
                                },
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
                                "symptom_other_desc": '',//症状及体征其他描述
                                "life_style": {
                                    "smoke": '', //生活方式-吸烟量
                                    "smoke_day":'',
                                    "drink": '', //生活方式-饮酒量
                                    "drink_day":''

                                },
                                "drug_use": {

                                    "chemotherapy": '',//用药情况-化疗方案,
                                    "method": '', //用药情况-用法：1-每日，2-间歇
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
                                    "forgot_take_drug_times": '',//漏服药次数

                                },
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
                                "complication": '', // 并发症 1-无，2-有
                                "complication_detail": '',  //并發症描述
                                "trans_org": {    //转诊
                                    "dept_code": '', //科别code
                                    "dept_name": '', //科别
                                    "reason": '', //原因
                                    "result_of_2_weeks": ''  //2周内随访，随访结果

                                },
                                "process_opinion": '', //处理意见,
                                "next_followup_date": null,  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            // 2
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": null,//随访日期,
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
                                "treate_month": '',//治疗月序
                                "superviser": {

                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
                                    "superviser_code": '',//督导人员code
                                    "superviser_name": ''//督导人员name

                                },
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
                                "symptom_other_desc": '',//症状及体征其他描述
                                "life_style": {
                                    "smoke": '', //生活方式-吸烟量
                                    "smoke_day":'',
                                    "drink": '', //生活方式-饮酒量
                                    "drink_day":''
                                },
                                "drug_use": {

                                    "chemotherapy": '',//用药情况-化疗方案,
                                    "method": '', //用药情况-用法：1-每日，2-间歇
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
                                    "forgot_take_drug_times": '',//漏服药次数

                                },
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
                                "complication": '', // 并发症 1-无，2-有
                                "complication_detail": '',  //并發症描述,
                                "trans_org": {    //转诊

                                    "dept_code": '', //科别code
                                    "dept_name": '', //科别
                                    "reason": '', //原因
                                    "result_of_2_weeks": ''  //2周内随访，随访结果

                                },
                                "process_opinion": '', //处理意见,
                                "next_followup_date": null,  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            // 3
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": null,  //随访日期
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
                                "treate_month": '',//治疗月序
                                "superviser": {

                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
                                    "superviser_code": '',//督导人员code
                                    "superviser_name": ''//督导人员name

                                },
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
                                "symptom_other_desc": '',//症状及体征其他描述
                                "life_style": {
                                    "smoke": '', //生活方式-吸烟量
                                    "smoke_day":'',
                                    "drink": '', //生活方式-饮酒量
                                    "drink_day":''
                                },
                                "drug_use": {

                                    "chemotherapy": '',//用药情况-化疗方案,
                                    "method": '', //用药情况-用法：1-每日，2-间歇
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
                                    "forgot_take_drug_times": '',//漏服药次数

                                },
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
                                "complication": '', // 并发症 1-无，2-有
                                "complication_detail": '',  //并發症描述,
                                "trans_org": {    //转诊

                                    "dept_code": '', //科别code
                                    "dept_name": '', //科别
                                    "reason": '', //原因
                                    "result_of_2_weeks": ''  //2周内随访，随访结果

                                },
                                "process_opinion": '', //处理意见,
                                "next_followup_date": null,  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            //4
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": null,  //随访日期 
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
                                "treate_month": '',//治疗月序
                                "superviser": {

                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
                                    "superviser_code": '',//督导人员code
                                    "superviser_name": ''//督导人员name

                                },
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
                                "symptom_other_desc": '',//症状及体征其他描述
                                "life_style": {
                                    "smoke": '', //生活方式-吸烟量
                                    "smoke_day":'',
                                    "drink": '', //生活方式-饮酒量
                                    "drink_day":''
                                },
                                "drug_use": {

                                    "chemotherapy": '',//用药情况-化疗方案,
                                    "method": '', //用药情况-用法：1-每日，2-间歇
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
                                    "forgot_take_drug_times": '',//漏服药次数

                                },
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
                                "complication": '', // 并发症 1-无，2-有
                                "complication_detail": '',  //并發症描述,
                                "trans_org": {    //转诊

                                    "dept_code": '', //科别code
                                    "dept_name": '', //科别
                                    "reason": '', //原因
                                    "result_of_2_weeks": ''  //2周内随访，随访结果

                                },
                                "process_opinion": '', //处理意见,
                                "next_followup_date": null,  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            }

                        ],
                        "management": {

                            "plan_followup_times": '', // 应访视患者次数,
                            "real_followup_times": '',  // 实际访视次数
                            "plan_take_drug_times": '',   // 患者应服药次数
                            "real_take_drug_times": '',  // 实际服药次数
                            "take_drug_percent": '',  // 患者服药率
                            "signature_doctor": '', // 评估医生code
                            "signature_doctor_name": '' // 评估医生签名

                        },
                        "stop_treate": {  //停止治疗及原因
                            "date": null,  // 停止日期
                            "reason": ''//停止原因

                        }
                    }
                }
            },
            mounted: function () {
                var docInfo = JSON.parse(window.localStorage.getItem("docInfo"));
                console.log(docInfo.code)
                console.log(docInfo.name)
                this.getData()
            },
            computed:{
                percent(){
                    var vm = this
                    if(vm.parient.management.real_take_drug_times &&  vm.parient.management.plan_take_drug_times){
                        return  ((vm.parient.management.real_take_drug_times / vm.parient.management.plan_take_drug_times) * 100).toFixed(2)
                    }else{
                        return 0
                    }
                    
                }
            },

            methods: {
                getData: function () {
                    var vm = this
                    // var vmP = this.postpartumVisitDetails
                    fangshiAPI.getPhthisis({ followupId: Request['id']||'1' }).then(function (res) {
                        if (res.status == 200 && res.data[0]) {
                            console.log("获取肺结核信息")
                            console.log(res)
                            vm.parient = res.data[0]
                            //转换用药数据
                            vm.yongyao1 = vm.parient.data[0].drug_use.dosage_form?vm.parient.data[0].drug_use.dosage_form.split(','):[]
                            vm.yongyao2 = vm.parient.data[1].drug_use.dosage_form?vm.parient.data[1].drug_use.dosage_form.split(','):[]
                            vm.yongyao3 = vm.parient.data[2].drug_use.dosage_form?vm.parient.data[2].drug_use.dosage_form.split(','):[]
                            vm.yongyao4 = vm.parient.data[3].drug_use.dosage_form?vm.parient.data[3].drug_use.dosage_form.split(','):[]

                            //转换体征信息
                            vm.tizheng = vm.parient.data[0].symptom?vm.parient.data[0].symptom.split(','):[]
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editData: function () {
                    var vm = this
                    var docInfo = JSON.parse(window.localStorage.getItem("docInfo"));
                    console.log("保存")
                    for (var i = 0; i < 4; i++) {
                        vm.parient.data[i].create_user = docInfo.code
                        vm.parient.data[i].create_user_name = docInfo.name
                        vm.parient.data[i].symptom = vm.tizheng ? vm.tizheng.join(',') : ''
                        
                        //  并发症 1-无，2-有 
                        vm.parient.data[i].drug_bad_reaction_detail = vm.parient.data[i].drug_bad_reaction==2?vm.parient.data[i].drug_bad_reaction_detail:''
                        vm.parient.data[i].complication_detail = vm.parient.data[i].complication==2?vm.parient.data[i].complication_detail:''
                    }
                    vm.parient.data[0].drug_use.dosage_form = vm.yongyao1 ? vm.yongyao1.join(',') : ''
                    vm.parient.data[1].drug_use.dosage_form = vm.yongyao2 ? vm.yongyao2.join(',') : ''
                    vm.parient.data[2].drug_use.dosage_form = vm.yongyao3 ? vm.yongyao3.join(',') : ''
                    vm.parient.data[3].drug_use.dosage_form = vm.yongyao4 ? vm.yongyao4.join(',') : ''
                    vm.parient.management.take_drug_percent = vm.percent
                    if (!vm.parient.patient.name) {
                        top.toastr.info("请输入患者姓名")
                        return false
                    }
                    if (!vm.parient.number) {
                        top.toastr.info("请输入编号")
                        return false
                    }
                    fangshiAPI.savePhthisis({ jsonData: JSON.stringify(vm.parient) }).then(function (res) {
                        if (res.status == 200) {
                            console.log(res)
                            top.toastr.info("保存成功")
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },

                editBtn: function () {
                    console.log(this.tizheng)
                    this.isEditBtn = !this.isEditBtn
                    if (this.isEditBtn) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '编辑'
                        this.editable = false
                        this.editData()
                    } else {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '保存'
                        this.editable = true
                    }
                }
            }

        })
    </script>
</body>

</html>