raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173
							<!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>
        <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> 支/天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.smoke">
                                </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> 支/天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.smoke">
                                </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> 两/天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[1].life_style.drink">
                                </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> 两/天
                            </td>
                            <td class="setinput">
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
                                    v-model="parient.data[3].life_style.drink">
                                </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": '',//患者姓名
                            "idcard": ''//身份证置空
                        },
                        "data": [
                            // 1
                            {
                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": '',//随访日期,
                                "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": '', //生活方式-吸烟量
                                    "drink": '', //生活方式-饮酒量
                                },
                                "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": '',  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            // 2
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": '',//随访日期,
                                "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": '', //生活方式-吸烟量
                                    "drink": '', //生活方式-饮酒量

                                },
                                "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": '',  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            // 3
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": '',  //随访日期
                                "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": '', //生活方式-吸烟量
                                    "drink": '', //生活方式-饮酒量

                                },
                                "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": '',  //下次随访时间
                                "followup_doctor": '',  // 随访医生code
                                "followup_doctor_name": '',// 随访医生name

                            },

                            //4
                            {

                                "create_user": '',
                                "create_user_name": '',
                                "followup_date": '',  //随访日期 
                                "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": '', //生活方式-吸烟量
                                    "drink": '', //生活方式-饮酒量

                                },
                                "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": '',  //下次随访时间
                                "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": '',  // 停止日期
                            "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: '1' }).then(function (res) {
                        if (res.status == 200) {
                            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>