Merge branch 'master' of http://192.168.1.220:10080/raolu/PC-application

# Conflicts:
#	app/rehabilitation/html/rehabilitation_management.html
#	app/rehabilitation/js/rehabilitation_management.js

api/fangshi-api.js

@@ -0,0 +1,45 @@
(function (exports) {
    var fangshiAPI = {
        // 签到详情
        findByFollowupId: function (data) {
            return httpRequest.get("doctor/followup/findByFollowupId", { data: data })
        },
        //获取孕产妇访视详情
        getPostpartumVisitDetails: function (data) {
            return httpRequest.get("doctor/visitDetail/getPostpartumVisitDetails", { data: data })
        },
        //保存孕产妇访视详情
        savePostpartumVisitDetails: function (data) {
            return httpRequest.post("doctor/visitDetail/savePostpartumVisitDetails", { data: data })
        },
        //保存严重精神障碍患者随访记录
        saveFollowupSevereMentalDisorder: function (data) {
            return httpRequest.post("doctor/visitDetail/saveFollowupSevereMentalDisorder", { data: data })
        },
        //获取严重精神障碍患者随访记录
        getFollowupSevereMentalDisorder: function (data) {
            return httpRequest.get("doctor/visitDetail/getFollowupSevereMentalDisorder", { data: data })
        },
        //获取新生儿家庭访视记录
        getNewbornFamilyVisitRecord: function (data) {
            return httpRequest.get("doctor/visitDetail/getNewbornFamilyVisitRecord", { data: data })
        },
        //保存新生儿家庭访视记录
        saveNewbornFamilyVisitRecord: function (data) {
            return httpRequest.post("doctor/visitDetail/saveNewbornFamilyVisitRecord", { data: data })
        },
        //保存老人健康体检随访记录
        saveOlderPeopleHealthCheckRecord: function (data) {
            return httpRequest.post("doctor/visitDetail/saveOlderPeopleHealthCheckRecord", { data: data })
        },
        //获取老人健康体检随访记录
        getOlderPeopleHealthCheckRecord: function (data) {
            return httpRequest.get("doctor/visitDetail/getOlderPeopleHealthCheckRecord", { data: data })
        },
    }
    exports.fangshiAPI = fangshiAPI;
})(window)

api/http-request.js

@@ -1,327 +1,339 @@
(function($) {
    var publish_version = false;
    var isInner = false; //发布线上后有内外网的配置
    var docInfo = "app_storage";
    var agentName = "wlyyAgentForDoc";
    var docAgentName = "wlyyAgent";
    var server, userAgent, loginUrl, imserver, socketUrl, imgServer;
    var IMEI = localStorage.getItem('WLYY_IMEI') || uuid(16, 16)
    localStorage.setItem('WLYY_IMEI', IMEI)
    $.support.cors = true;
    if(publish_version) { // 生产环境配置
        server = "http://www.xmtyw.cn/wlyy/"
        imserver = "http://27.155.101.77:3000/api/v2";
        socketUrl = "http://27.155.101.77:3000";
        articleServer = "http://www.xmtyw.cn/wlyytest/"
        loginUrl = "../../login/login.html";
        imgServer = "http://www.xmtyw.cn/";
        if(isInner){
            server = "http://10.95.22.10:8011/wlyy/"
            imserver = "http://10.95.22.138:3000/api/v2";
            socketUrl = "http://10.95.22.138:3000";
            articleServer = "http://10.95.22.10:8011/wlyy/"
            loginUrl = "../../login/login.html";
            imgServer = "http://10.95.22.10:8011/";
        }
    } else { // 测试环境配置
        server = "http://172.26.0.118:9092/wlyy/"
        imserver = "http://172.26.0.118:3000/api/v2";
        socketUrl = "http://172.26.0.118:3000";
//      server = "http://192.168.131.154:8080/"
        articleServer="http://172.26.0.118:9092/wlyy/"
//   server = "http://192.168.131.130:8080/";
//		server = "http://192.168.131.123:8080/"; // 明芬
//      server = "http://192.168.131.127:8060/"; //逸祥
//      server = "http://192.168.131.24:8080/"; //仕杰
//      server = "http://192.168.131.143:8080/"; // 志南
//      server = "http://192.168.131.24:8082/"; // 文彬
//      imserver = "http://192.168.131.24:3000/api/v2"
//      socketUrl = "http://192.168.131.24:3000";
//		server = "http://192.168.131.144:8080/";//冬梅
        loginUrl = "../../login/login.html";
//      loginUrl = "/PC-prescription/login.html"; //自己本地测试时的路径
        imgServer = "http://172.19.103.54/";
    }
    var baseInfo = window.localStorage.getItem(docInfo);
    
    userAgent = window.localStorage.getItem(agentName)
    if(userAgent || baseInfo) {
        try {
            if(baseInfo){
                baseInfo = JSON.parse(baseInfo);
                window.localStorage.setItem(docAgentName, JSON.stringify(baseInfo.api_login_doctor));
                userAgent = {
                    'id': baseInfo.api_login_doctor.id,
                    'uid': baseInfo.api_login_doctor.uid,
                    'imei': baseInfo.IMEI,
                    'token': baseInfo.api_login_doctor.token,
                    'platform': '4'
                };
                window.localStorage.setItem(agentName, JSON.stringify(userAgent));
                localStorage.setItem('WLYY_IMEI', baseInfo.IMEI)
            }else{
                userAgent = JSON.parse(userAgent)
            }
        } catch(e) {
            toastr && toastr.warning("登录失效，请关闭当前弹窗前往PC IM重新登录")
//          toLoginPage()
        }
    } else {
        toLoginPage()
    }
    var isRelogined = sessionStorage.getItem('wlyy_relogin')
    if(isRelogined && location.href.indexOf("login.html") < 0){
        sessionStorage.removeItem('wlyy_relogin')
    }
	
    function httpGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(server + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI'),
                            platform: 4
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
	function articleGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(articleServer + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI'),
                            platform: 4
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function httpPost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(server + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI')
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function articlePost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(articleServer + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI')
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function imHttpGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(imserver + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        request.setRequestHeader("userAgent", JSON.stringify(userAgent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function imHttpPost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(imserver + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        request.setRequestHeader("userAgent", JSON.stringify(userAgent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function toLoginPage() {
        if(location.href.indexOf('login.html') > -1) {
            return;
        }
        setTimeout(function() {
            sessionStorage.setItem("wlyy_relogin", 1)
//          var path = top.location.pathname,
//              rootPath = path.split("/")[1];
            top.location.replace(loginUrl + '?redirect_url=' + encodeURIComponent(top.location.href))
        }, 2000)
    }
    var count = 0;
    function failCodeHandle(res) {
        var tip = "";
        if(res.status == 999) {
            tip = "此账号已在别处登录，请关闭当前弹窗前往PC IM重新登录";
        } else if(res.status == 998) {
            tip = "登录超时，请关闭当前弹窗前往PC IM重新登录";
        } else if(res.status == 997) {
            tip = "此账号未登录，请先登录"
        }
        if(tip) {
            count ++;
            if(count == 1){
//          	console.log(tip)
				toastr && toastr.warning(tip)
//          	toLoginPage()
            }
        }
    }
    function uuid(len, radix) {
        var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
        var uuid = [],
            i;
        radix = radix || chars.length;
        if(len) {
            // Compact form  
            for(i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
        } else {
            // rfc4122, version 4 form  
            var r;
            // rfc4122 requires these characters  
            uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
            uuid[14] = '4';
            // Fill in random data.  At i==19 set the high bits of clock sequence as  
            // per rfc4122, sec. 4.1.5  
            for(i = 0; i < 36; i++) {
                if(!uuid[i]) {
                    r = 0 | Math.random() * 16;
                    uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
                }
            }
        }
        return uuid.join('');
    }
    /*
     * 获取图片路径方法修改
     */
    function getImgUrl(str) {
        if(typeof str != 'string') {
            return "";
        }
        if(str.length == 0) {
            return "";
        } else {
            if(str.indexOf("../") > -1) {
                //访问本地路径
                return str;
            } else if((str.indexOf("http://") > -1) || (str.indexOf("https://") > -1)) {
                return str;
            } else {
                //服务器上的图片路径
                return imgServer + str;
            }
        }
    }
    httpRequest = {
        agentName: agentName,
        server: server,
        imserver: imserver,
        socketUrl: socketUrl,
        userAgent: userAgent,
        get: httpGet,
        post: httpPost,
        imHttpGet: imHttpGet,
        imHttpPost: imHttpPost,
        getImgUrl: getImgUrl,
        imgServer:imgServer,
        articleGet:articleGet,
        articlePost:articlePost,
        failCodeHandle: failCodeHandle,
        loginIm: function(data){
            return imHttpPost('/users/login', data);
        },
        getDoctorInfo: function() {
            return httpGet('doctor/baseinfo');
        }
    }
    window.httpRequest = httpRequest;
(function($) {
    var publish_version = false;
    var isInner = false; //发布线上后有内外网的配置
    var docInfo = "app_storage";
    var agentName = "wlyyAgentForDoc";
    var docAgentName = "wlyyAgent";
    var server, userAgent, loginUrl, imserver, socketUrl, imgServer;
    var IMEI = localStorage.getItem('WLYY_IMEI') || uuid(16, 16)
    localStorage.setItem('WLYY_IMEI', IMEI)
    $.support.cors = true;
    if(publish_version) { // 生产环境配置
        server = "http://www.xmtyw.cn/wlyy/"
        imserver = "http://27.155.101.77:3000/api/v2";
        socketUrl = "http://27.155.101.77:3000";
        articleServer = "http://www.xmtyw.cn/wlyytest/"
        loginUrl = "../../login/login.html";
        imgServer = "http://www.xmtyw.cn/";
        videoChatIntranetFlag = false;
        if(isInner){
            server = "http://10.95.22.10:8011/wlyy/"
            imserver = "http://10.95.22.138:3000/api/v2";
            socketUrl = "http://10.95.22.138:3000";
            articleServer = "http://10.95.22.10:8011/wlyy/"
            loginUrl = "../../login/login.html";
            imgServer = "http://10.95.22.10:8011/";
        }
    } else { // 测试环境配置
        server = "http://172.26.0.118:9092/wlyy/"
//      server = "http://192.168.131.144:8080/" //冬梅
        imserver = "http://172.26.0.118:3000/api/v2";
        socketUrl = "http://172.26.0.118:3000";
    //  server = "http://192.168.131.154:8080/"
        // articleServer="http://172.26.0.118:9092/wlyy/"
//   server = "http://192.168.131.130:8080/";
		// server = "http://192.168.131.118:8080/"; // 明芬
//      server = "http://192.168.131.127:8060/"; //逸祥
//      server = "http://192.168.131.24:8080/"; //仕杰
//      server = "http://192.168.131.143:8080/"; // 志南
//      server = "http://192.168.131.24:8082/"; // 文彬
//      imserver = "http://192.168.131.24:3000/api/v2"
//      socketUrl = "http://192.168.131.24:3000";
//		server = "http://192.168.131.144:8080/";//冬梅
        loginUrl = "../../login/login.html";
//      loginUrl = "/PC-prescription/login.html"; //自己本地测试时的路径
        imgServer = "http://172.19.103.54/";
        videoChatIntranetFlag = false;
    }
    var baseInfo = window.localStorage.getItem(docInfo);
    
    userAgent = window.localStorage.getItem(agentName)
    if(userAgent || baseInfo) {
        try {
            if(baseInfo){
                baseInfo = JSON.parse(baseInfo);
                window.localStorage.setItem(docAgentName, JSON.stringify(baseInfo.api_login_doctor));
                userAgent = {
                    'id': baseInfo.api_login_doctor.id,
                    'uid': baseInfo.api_login_doctor.uid,
                    'imei': baseInfo.IMEI,
                    'token': baseInfo.api_login_doctor.token,
                    'platform': '4'
                };
                window.localStorage.setItem(agentName, JSON.stringify(userAgent));
                localStorage.setItem('WLYY_IMEI', baseInfo.IMEI)
            }else{
                userAgent = JSON.parse(userAgent)
            }
        } catch(e) {
            toastr && toastr.warning("登录失效，请关闭当前弹窗前往PC IM重新登录")
//          toLoginPage()
        }
    } else {
        toLoginPage()
    }
    var isRelogined = sessionStorage.getItem('wlyy_relogin')
    if(isRelogined && location.href.indexOf("login.html") < 0){
        sessionStorage.removeItem('wlyy_relogin')
    }
	
    function httpGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(server + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI'),
                            platform: 4
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
	function articleGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(articleServer + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI'),
                            platform: 4
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function httpPost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(server + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI')
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function articlePost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(articleServer + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        var agent = userAgent || {
                            imei: localStorage.getItem('WLYY_IMEI')
                        }
                        request.setRequestHeader("userAgent", JSON.stringify(agent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function imHttpGet(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(imserver + url,
                $.extend({}, {
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        request.setRequestHeader("userAgent", JSON.stringify(userAgent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
    function imHttpPost(url, options) {
        //发送ajax请求
        return new Promise(function(resolve, reject) {
            $.ajax(imserver + url,
                $.extend({}, {
                    type: 'POST',
                    dataType: 'JSON',
                    beforeSend: function(request) {
                        request.setRequestHeader("userAgent", JSON.stringify(userAgent));
                    },
                    error: function(res) {
                        reject(res)
                    },
                    success: function(res) {
                        failCodeHandle(res)
                        resolve(res)
                    }
                }, options));
        })
    }
	function videoChatPost(url, options) {
		if(options && options.data){
			options.data.intranetFlag = videoChatIntranetFlag
		}
		return httpPost(url, options);
    }
    function toLoginPage() {
        if(location.href.indexOf('login.html') > -1) {
            return;
        }
        setTimeout(function() {
            sessionStorage.setItem("wlyy_relogin", 1)
//          var path = top.location.pathname,
//              rootPath = path.split("/")[1];
            top.location.replace(loginUrl + '?redirect_url=' + encodeURIComponent(top.location.href))
        }, 2000)
    }
    var count = 0;
    function failCodeHandle(res) {
        var tip = "";
        if(res.status == 999) {
            tip = "此账号已在别处登录，请关闭当前弹窗前往PC IM重新登录";
        } else if(res.status == 998) {
            tip = "登录超时，请关闭当前弹窗前往PC IM重新登录";
        } else if(res.status == 997) {
            tip = "此账号未登录，请先登录"
        }
        if(tip) {
            count ++;
            if(count == 1){
//          	console.log(tip)
				toastr && toastr.warning(tip)
//          	toLoginPage()
            }
        }
    }
    function uuid(len, radix) {
        var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
        var uuid = [],
            i;
        radix = radix || chars.length;
        if(len) {
            // Compact form  
            for(i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
        } else {
            // rfc4122, version 4 form  
            var r;
            // rfc4122 requires these characters  
            uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
            uuid[14] = '4';
            // Fill in random data.  At i==19 set the high bits of clock sequence as  
            // per rfc4122, sec. 4.1.5  
            for(i = 0; i < 36; i++) {
                if(!uuid[i]) {
                    r = 0 | Math.random() * 16;
                    uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
                }
            }
        }
        return uuid.join('');
    }
    /*
     * 获取图片路径方法修改
     */
    function getImgUrl(str) {
        if(typeof str != 'string') {
            return "";
        }
        if(str.length == 0) {
            return "";
        } else {
            if(str.indexOf("../") > -1) {
                //访问本地路径
                return str;
            } else if((str.indexOf("http://") > -1) || (str.indexOf("https://") > -1)) {
                return str;
            } else {
                //服务器上的图片路径
                return imgServer + str;
            }
        }
    }
    httpRequest = {
        agentName: agentName,
        server: server,
        imserver: imserver,
        socketUrl: socketUrl,
        userAgent: userAgent,
        get: httpGet,
        post: httpPost,
        imHttpGet: imHttpGet,
        imHttpPost: imHttpPost,
        getImgUrl: getImgUrl,
        imgServer:imgServer,
        articleGet:articleGet,
        articlePost:articlePost,
        failCodeHandle: failCodeHandle,
        uuid: uuid,
        videoChatPost: videoChatPost,
        loginIm: function(data){
            return imHttpPost('/users/login', data);
        },
        getDoctorInfo: function() {
            return httpGet('doctor/baseinfo');
        }
    }
    window.httpRequest = httpRequest;
})(jQuery)

api/videochat-api.js

@@ -0,0 +1,41 @@
(function(exports) {
    var videoChatAPI = {
    	/**
    	 * 添加医生
    	 * @param {Object} data
    	 * participants  [{
		 *	"mobile":"手机号",
		 *	"name":"医生姓名",
		 *	"sex":"性别代码，男1，女2",
		 *	"birthdate":"1980-10-12",
		 *	"level":"固定值3",
		 *	"hospital_name":"所在医院",
		 *	"idcard":"身份证号"}]
    	 */
		addDoctor: function(data) {
			return httpRequest.videoChatPost("/doctor/zsVideo/addDoctor",{data:data}) 
		},
		/**
		 * 发起远程会诊
		 * @param {Object} data
		 * session_id 会话IM，建议为GUID全球唯一码
		 * session_type 会话类型，固定值：4
		 * session_name  会话名称，例如：张三的远程会诊
		 * participants 与会人员，{手机号1:角色, 手机号2:角色2}，其中角色：0为主持人, 1为普通参与者
		 * videoconferencing 是否视频会议，固定值：1
		 * idcard 18位患者身份证号
		 */
		sessions: function(data) {
			return httpRequest.videoChatPost("/doctor/zsVideo/createSessions",{data:data})
		},
		//添加会话成员 
		//sessionId  
		//participantId  医生手机号码 多个用逗号隔开
		addingSessionMembers: function(data) {
			return httpRequest.videoChatPost("/doctor/zsVideo/addingSessionMembers",{data:data})
		},
		
	}
    exports.videoChatAPI = videoChatAPI;
})(window)

app/followup/css/fangshi-detail.css

@@ -0,0 +1,88 @@
body {
	font-size: 14px;
}
table{
width: 100%;
}
.table{
	margin-bottom: 0;
}
.table2Td{
	padding: 0 !important;
}
.table2 tr:nth-of-type(1) td{
	border-top: none;
}
.table2 tr:nth-last-child(1) td{
	border-bottom: none;
}
td{
	border:1px solid #ddd;
	padding: 8px;
}
.table>tbody>tr>td{
	vertical-align: middle;
}
.c-t-center {
	text-align: center;
}
.col-w40 {
	width: 40px;
}
.col-w80 {
	width: 80px;
}
.col-w100 {
	width: 80px;
}
.col-w120 {
	width: 120px;
}
.col-w200 {
	width: 200px;
}
.col-w300{
	width: 300px;
}
.el-input--prefix .el-input__inner , .el-input__inner{
	border: 0;
    height: 27px;
}
.el-input__icon {
	line-height: 27px;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
	width: 100%;
}
.el-textarea__inner {
	border: 0;
}
label{font-weight: normal;}
.el-radio+.el-radio {
	margin-left: 10px;
}
.button{
	outline: none;
	border: 0;
	width: 100px;
	padding: 8px;
	border-radius: 5px;
	color: white;
	background-color:#095fcd;
	margin: 10px 30px;
}
.setinput .el-input--suffix .el-input__inner {
	padding:0;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}
div.ui-col-0{
	line-height: 27px;
}

app/followup/html/fangshi-detail-5,6.html

@@ -0,0 +1,371 @@
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>产后访视+新生儿记录表</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">
</head>
<style>
</style>
<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="postpartumVisitDetails.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="postpartumVisitDetails.number" placeholder="" clearable></el-input>
					</div>
				</div>
			</div>
		</div>
		<table class="table table-bordered">
			<tr>
				<td class="col-w120 c-t-center">随访日期</td>
				<td colspan="3">
					<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.followup_date" type="date" value-format="yyyy-MM-dd"
					 placeholder="选择日期">
					</el-date-picker>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">分娩日期</td>
				<td>
					<el-date-picker type="date" :readonly="!editable" v-model="postpartumVisitDetails.parturition_date" value-format="yyyy-MM-dd"
					 placeholder="选择日期">
					</el-date-picker>
				</td>
				<td class="col-w120 c-t-center">出院日期</td>
				<td>
					<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.discharged_date" value-format="yyyy-MM-dd" type="date"
					 placeholder="选择日期">
					</el-date-picker>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">体 温（℃）</td>
				<td colspan="3">
					<el-input type="number" :readonly="!editable" v-model="postpartumVisitDetails.body_temperature" placeholder=""></el-input>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">一般健康情况</td>
				<td colspan="3">
					<el-input type="textarea" :readonly="!editable" v-model="postpartumVisitDetails.healthy_condition" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">一般心理状况</td>
				<td colspan="3">
					<el-input :readonly="!editable" v-model="postpartumVisitDetails.psychologic_status" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">血 压(mmHg)</td>
				<td colspan="3">
					<div class="setinput">
						<el-input type="number" class="col-w80" :readonly="!editable" v-model="postpartumVisitDetails.blood_pressure_low" placeholder=""
						 ></el-input>mmHg /
						<el-input type="number" class="col-w80" :readonly="!editable" v-model="postpartumVisitDetails.blood_pressure_high" placeholder=""
						 ></el-input>mmHg
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">乳 房</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.breast_status">
						<el-radio :disabled="!editable" label="1">未见异常</el-radio>
						<el-radio :disabled="!editable" label="2">异常</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">恶 露</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.lochia_status">
						<el-radio :disabled="!editable" label="1">未见异常</el-radio>
						<el-radio :disabled="!editable" label="2">异常</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">子 宫</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.uterus_status">
						<el-radio :disabled="!editable" label="1">未见异常</el-radio>
						<el-radio :disabled="!editable" label="2">异常</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">伤 口</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.wound_status">
						<el-radio :disabled="!editable" label="1">未见异常</el-radio>
						<el-radio :disabled="!editable" label="2">异常</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">其 他</td>
				<td colspan="3">
					<el-input type="textarea" :readonly="!editable" v-model="postpartumVisitDetails.other" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">分 类</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.category">
						<el-radio :disabled="!editable" label="1">未见异常</el-radio>
						<el-radio :disabled="!editable" label="2">异常</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">指 导</td>
				<td colspan="3">
					<el-checkbox-group v-model="check" :disabled="!editable">
						<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 class="setinput" label="6">
							<el-input type="text" :readonly="other_guide||!editable" v-model="postpartumVisitDetails.other_guide_content" placeholder="其他"
							 clearable></el-input>
						</el-checkbox>
					</el-checkbox-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">转 诊</td>
				<td colspan="3">
					<el-radio-group v-model="postpartumVisitDetails.referral">
						<el-radio :disabled="!editable" label="0">无</el-radio>
						<el-radio :disabled="!editable" label="1">有</el-radio>
					</el-radio-group>
					<div class="mt20 ui-grid">
						<div class="ui-col-0" for="">原因：</div>
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="postpartumVisitDetails.referral_REASON" placeholder="" clearable></el-input>
						</div>
					</div>
					<div class="mt20 ui-grid">
						<div class="ui-col-0">机构:</div>
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="postpartumVisitDetails.organization_ORG_NAME" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">科室:</div>
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="postpartumVisitDetails.organization" placeholder="" clearable></el-input>
						</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">下次随访日期</td>
				<td colspan="3">
					<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.next_visiting_date" value-format="yyyy-MM-dd" type="date"
					 placeholder="选择日期">
					</el-date-picker>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">随访医生签名</td>
				<td colspan="3">
					<el-input :readonly="!editable" v-model="postpartumVisitDetails.visiting_doctor_name" placeholder="" clearable></el-input>
				</td>
			</tr>
		</table>
		<fangshi-detail-6 :followupId="followupId"></fangshi-detail-6>
		<!-- <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="../../../component/followup/follow-bottom.js"></script>
	<script src="../../../component/followup/fangshi-detail-6.js"></script>
	<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../api/fangshi-api.js"></script>
	<script>
		var Request = GetRequest();
		new Vue({
			el: "#app",
			data: function () {
				return {
					editable: false,
					other_guide: true,
					isEditBtn: true,
					data2: "",
					radio: "",
					input: '',
					check: [],
					postpartumVisitDetails: {
						name: '',
						number: '',
						followup_date: '',
						parturition_date: '',
						discharged_date: '',
						body_temperature: '',
						healthy_condition: '',
						psychologic_status: '',
						blood_pressure_low: '',
						blood_pressure_high: '',
						breast_status: '',
						lochia_status: '',
						uterus_status: '',
						wound_status: '',
						category: '',
						other: '',
						personal_hygiene: '0',
						mentality: '0',
						nutrition: '0',
						breast_feeding: '0',
						newborn_care_and_feeding: '0',
						other_guide: '0',
						other_guide_content: '',
						referral: '',
						referral_REASON: '',
						organization_ORG_NAME: '',
						organization: '',
						next_visiting_date: '',
						visiting_doctor_name: '',
					},
					followupId:Request['id']
				}
			},
			mounted: function () {
				this.getData()
			},
			watch: {
				check: function (i) {
					var a = i.indexOf('6')
					if (a > -1) {
						this.other_guide = false
					} else {
						this.other_guide = true
						this.postpartumVisitDetails.other_guide_content = ''
					}
				}
			},
			methods: {
				getData: function () {
					var vm = this
					var vmP = this.postpartumVisitDetails
					fangshiAPI.getPostpartumVisitDetails({ followupId: this.followupId||'3' }).then(function (res) {
						if (res.status == 200) {
							var data = res.data
							vmP.name = data.name
							vmP.number = data.number
							vmP.followup_date = data.followup_date
							vmP.parturition_date = data.parturition_date
							vmP.discharged_date = data.discharged_date
							vmP.body_temperature = data.body_temperature
							vmP.healthy_condition = data.healthy_condition
							vmP.psychologic_status = data.psychologic_status
							vmP.blood_pressure_low = data.blood_pressure_low
							vmP.blood_pressure_high = data.blood_pressure_high
							vmP.breast_status = data.breast_status?data.breast_status.toString():''
							vmP.lochia_status = data.lochia_status?data.lochia_status.toString():''
							vmP.uterus_status = data.uterus_status?data.uterus_status.toString():''
							vmP.wound_status = data.wound_status?data.wound_status.toString():''
							vmP.category = data.category?data.category.toString():''
							vmP.other = data.other
							if (data.personal_hygiene == 1) {
								vm.check.push('1')
							} if (data.mentality == 1) {
								vm.check.push('2')
							} if (data.nutrition == 1) {
								vm.check.push('3')
							} if (data.breast_feeding == 1) {
								vm.check.push('4')
							} if (data.newborn_care_and_feeding == 1) {
								vm.check.push('5')
							} if (data.other_guide == 1) {
								vm.check.push('6')
							}
							vmP.other_guide_content = data.other_guide_content
							vmP.referral = data.referral
							vmP.REFERRAL_REASON = data.referral_REASON
							vmP.organization_ORG_NAME = data.organization_ORG_NAME
							vmP.organization = data.organization
							vmP.next_visiting_date = data.next_visiting_date
							vmP.visiting_doctor_name = data.visiting_doctor_name
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				editData: function () {
					var vm = this
					console.log(this.postpartumVisitDetails)
					vm.check.map(i => {
						if (i == '1') {
							vm.postpartumVisitDetails.personal_hygiene = '1'
						} else if (i == '2') {
							vm.postpartumVisitDetails.mentality = '1'
						} else if (i == '3') {
							vm.postpartumVisitDetails.nutrition = '1'
						} else if (i == '4') {
							vm.postpartumVisitDetails.breast_feeding = '1'
						} else if (i == '5') {
							vm.postpartumVisitDetails.newborn_care_and_feeding = '1'
						} else if (i == '6') {
							vm.postpartumVisitDetails.other_guide = '1'
						}
					})
					this.postpartumVisitDetails.version = '1'	//版本号
					fangshiAPI.savePostpartumVisitDetails({ followupId: '3', postpartumVisitDetails: JSON.stringify(this.postpartumVisitDetails) }).then(function (res) {
						if (res.status == 200) {
							top.toastr.info('保存成功')
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				editBtn: function () {
					this.isEditBtn = !this.isEditBtn
					if (this.isEditBtn == true) {
						var btn = document.getElementsByClassName('button')[0]
						btn.innerHTML = '编辑'
						this.editable = false
						this.editData()
					} else if (this.isEditBtn == false) {
						var btn = document.getElementsByClassName('button')[0]
						btn.innerHTML = '保存'
						this.editable = true
					}
				}
			}
		})
	</script>
</body>
</html>

app/followup/html/fangshi-detail-6.html

@@ -0,0 +1,1106 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新生儿家庭访视记录表</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">
</head>
<style>
    .el-radio {
        margin-bottom: 0;
    }
    .setPicker .el-input--prefix .el-input__inner {
        text-align: center
    }
    div.ui-col-1 {
        line-height: 27px;
    }
    .setinput .el-input__inner {
        padding: 0;
        border-bottom: 1px solid #e1e1e1;
        text-align: center;
    }
</style>
<body>
    <div id="app">
        <button class="button" @click="editBtn()">编辑</button>
        <div class="ui-grid p10 setradio">
            <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="newbornData.sick_NAME" placeholder="" clearable></el-input>
                    </div>
                </div>
            </div>
            <div class="ui-col-1">
                <div class="ui-grid">
                    <div class="ui-col-0">户籍:&emsp;</div>
                    <div class="ui-col-1">
                        <el-radio-group v-model="newbornData.help_ORGANIZATION_FLAG" :disabled="!editable">
                            <el-radio label="1" :disabled="!editable">本市</el-radio>
                            <el-radio label="2" :disabled="!editable">省内</el-radio>
                            <el-radio label="3" :disabled="!editable">省外</el-radio>
                        </el-radio-group>
                    </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="newbornData.number_NO" placeholder="" clearable></el-input>
                    </div>
                </div>
            </div>
        </div>
        <table class="table table-bordered">
            <tr>
                <td class="col-w120 c-t-center">性别</td>
                <td>
                    <el-radio-group v-model="newbornData.sick_SEX">
                        <div>
                            <el-radio :disabled="!editable" label="0">未知的性别</el-radio>
                            <el-radio :disabled="!editable" label="1">男</el-radio>
                        </div>
                        <div class="mt10">
                            <el-radio :disabled="!editable" label="2">女</el-radio>
                            <el-radio :disabled="!editable" label="9">未说明的性别</el-radio>
                        </div>
                    </el-radio-group>
                </td>
                <td colspan="2">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            出生日期:
                        </div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="newbornData.birthday" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            户籍地址:
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.permanent_RESIDENCE_ADDRESS" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">母亲身份证号</td>
                <td>
                    <el-input :readonly="!editable" v-model="newbornData.mother_IDENTITY_CARD_NO" placeholder="" clearable></el-input>
                </td>
                <td class="c-t-center">家庭住址</td>
                <td colspan="2">
                    <el-input :readonly="!editable" v-model="newbornData.mother_ADDRESS" placeholder="" clearable></el-input>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">母 亲</td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            姓名
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.mother_NAME" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            职业
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.mother_OCCUPATION" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            联系电话
                        </div>
                        <div class="ui-col-1">
                            <el-input type="number" :readonly="!editable" v-model="newbornData.mother_PHONE" placeholder=""></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            出生日期
                        </div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="newbornData.mother_BIRTHDAY" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">父 亲</td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            姓名
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.father_NAME" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            职业
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.father_OCCUPATION" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            联系电话
                        </div>
                        <div class="ui-col-1">
                            <el-input type="number" :readonly="!editable" v-model="newbornData.father_PHONE"></el-input>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            出生日期
                        </div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="newbornData.father_BIRTHDAY" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="setinput c-t-center">出生孕周
                    <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.birth_PREGNANCY_WEEK"></el-input>
                    周
                </td>
                <td colspan="3">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            母亲妊娠期患病情况：
                        </div>
                        <div class="ui-col-1">
                            <el-radio-group v-model="newbornData.pregnancy_SICK">
                                <el-radio :disabled="!editable" label="1">糖尿病</el-radio>
                                <el-radio :disabled="!editable" label="2">糖尿病</el-radio>
                                <el-radio :disabled="!editable" label="3">妊娠期高血压</el-radio>
                                <el-radio :disabled="!editable" label="4" class="setinput">其他
                                    <el-input type="text" :readonly="pregnancy_SICK_CIRCS_other||!editable" v-model="newbornData.pregnancy_SICK_CIRCS" clearable></el-input>
                                </el-radio>
                            </el-radio-group>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center setinput">助产机构名称:
                    <el-input style="width:120px;" type="text" :readonly="!editable" v-model="newbornData.help_ORGANIZATION_NAME" clearable></el-input>
                </td>
                <td class="c-t-center">
                    出院时间
                    <div class="setPicker">
                        <el-date-picker :readonly="!editable" v-model="newbornData.DISCHARGED_DATE" type="date" placeholder="选择日期">
                        </el-date-picker>
                    </div>
                </td>
                <td colspan="2">
                    出生情况：
                    <el-checkbox-group v-model="delivery_WAY_check" :disabled="!editable">
                        <el-checkbox style="margin-left: 30px;" 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 class="setinput" label="7">
                            <el-input type="text" :readonly="birth_OTHER||!editable" v-model="newbornData.birth_OTHER" placeholder="其他" clearable></el-input>
                        </el-checkbox>
                    </el-checkbox-group>
                </td>
                <td>
                    新生儿窒息:
                    <el-radio-group v-model="newbornData.suffocation" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2">有</el-radio>
                    </el-radio-group>
                    <div class="setinput">
                        （Apgar 评分：1分钟
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_O"></el-input>分，5分钟
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_F"></el-input>分，不详
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_N"></el-input>）
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="c-t-center">新生儿病史:
                    <el-input :readonly="!editable" v-model="newbornData.blessedevent_MEDICAL_HISTORY" placeholder="" clearable></el-input>
                </td>
                <td class="c-t-center">诊治机构:
                    <el-input :readonly="!editable" v-model="newbornData.help_OUT_ORGANIZATION" placeholder="" clearable></el-input>
                </td>
                <td colspan="2">计划免疫情况:
                    <el-radio-group v-model="newbornData.plan_IMMUNE">
                        <el-radio :disabled="!editable" label="1">卡介苗</el-radio>
                        <el-radio :disabled="!editable" label="2">乙肝疫苗</el-radio>
                        <el-radio :disabled="!editable" label="3">以上两种</el-radio>
                        <el-radio :disabled="!editable" label="4">未种</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            新生儿出生体重:
                        </div>
                        <div class="ui-col-1 setinput">
                            <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>
                            kg
                        </div>
                    </div>
                </td>
                <td>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            出生身长:
                        </div>
                        <div class="ui-col-1 setinput">
                            <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>cm
                        </div>
                    </div>
                </td>
                <td colspan="2">是否有畸形：
                    <el-radio-group :disabled="!editable" v-model="newbornData.deformity_NULL">
                        <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" colspan="5">
                    *********** 第二次访视以上八行信息不需要重复填写 ***********
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    新生儿疾病筛查：
                    <el-checkbox-group v-model="SCREENING_check" :disabled="!editable">
                        <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" class="setinput">其他遗传代谢病
                            <el-input style="width: 100px;" type="text" :readonly="SCREENING_3_dis||!editable" v-model="newbornData.screening_ABNORMAL"
                                clearable></el-input>
                        </el-checkbox>
                        <el-checkbox label="6">已查无结果</el-checkbox>
                    </el-checkbox-group>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    新生儿听力筛查：
                    <el-radio-group :disabled="!editable" v-model="newbornData.hearing">
                        <el-radio :disabled="!editable" label="1">通过</el-radio>
                        <el-radio :disabled="!editable" label="2">未通过</el-radio>
                        <el-radio :disabled="!editable" label="3">未筛查</el-radio>
                        <el-radio :disabled="!editable" label="4">不详</el-radio>
                        <el-radio :disabled="!editable" label="5">已查无结果</el-radio>
                    </el-radio-group>
                </td>
                <td colspan="1" class="setinput">
                    目前体重
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.now_WEIGHT"></el-input>
                    kg
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    喂养方式：
                    <el-radio-group :disabled="!editable" v-model="newbornData.feed_TYPE">
                        <el-radio :disabled="!editable" label="1">纯母乳</el-radio>
                        <el-radio :disabled="!editable" label="2">部分母乳</el-radio>
                        <el-radio :disabled="!editable" label="3">人工</el-radio>
                    </el-radio-group>
                </td>
                <td colspan="1" class="setinput">
                    吃奶量
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_AMOUNT"></el-input> ml/次
                </td>
                <td colspan="1" class="setinput">
                    吃奶次数
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_TIME"></el-input>次/日
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    呕吐：
                    <el-radio-group :disabled="!editable" v-model="newbornData.vomit">
                        <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
                    </el-radio-group>
                </td>
                <td colspan="1">
                    大便：
                    <el-radio-group :disabled="!editable" v-model="newbornData.vulnus">
                        <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-group>
                </td>
                <td colspan="1" class="setinput">
                    大便次数
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.vulnus_TIME"></el-input> 次/日
                </td>
            </tr>
            <tr>
                <td colspan="3" class="setinput">
                    体温：
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.body_TEMPERATURE"></el-input>
                    ℃
                </td>
                <td colspan="1" class="setinput">
                    心率：
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.pulse_FREQUENCY"></el-input>
                    次/分钟
                </td>
                <td colspan="1" class="setinput">
                    呼吸频率
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.breath_FREQUENCY"></el-input>
                    次/日
                </td>
            </tr>
            <tr>
                <td colspan="3">面色：
                    <el-radio-group :disabled="!editable" v-model="newbornData.complexion">
                        <el-radio :disabled="!editable" label="1">红润</el-radio>
                        <el-radio :disabled="!editable" label="2">黄染</el-radio>
                        <el-radio :disabled="!editable" label="3" class="setinput">其他
                            <el-input style="width: 120px;" type="text" :readonly="complexion_NULL_dis||!editable" v-model="newbornData.complexion_NULL"
                                clearable></el-input>
                        </el-radio>
                    </el-radio-group>
                </td>
                <td colspan="2">黄疸部位：
                    <el-radio-group :disabled="!editable" v-model="newbornData.face">
                        <el-radio :disabled="!editable" label="1">面部</el-radio>
                        <el-radio :disabled="!editable" label="2">躯干</el-radio>
                        <el-radio :disabled="!editable" label="3">四肢</el-radio>
                        <el-radio :disabled="!editable" label="4">手足</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td colspan="5" class="setinput">
                    前卤
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_FRONT"></el-input>
                    &nbsp;cm&nbsp;✖
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_BACK"></el-input> &nbsp;cm &emsp;
                    <el-radio-group :disabled="!editable" v-model="newbornData.bregma">
                        <el-radio :disabled="!editable" label="1">正常</el-radio>
                        <el-radio :disabled="!editable" label="2">膨隆</el-radio>
                        <el-radio :disabled="!editable" label="3">凹陷</el-radio>
                        <el-radio :disabled="!editable" label="4">其他
                    </el-radio-group>
                    <el-input style="width: 120px;" type="text" :readonly="bregma_other_dis||!editable" v-model="newbornData.bregma_PERFORMANCE"
                        clearable></el-input>
                    </el-radio>
                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="5">
                    <table class="table2">
                        <tr>
                            <td>眼外观：
                                <el-radio-group :disabled="!editable" v-model="newbornData.eye">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="eye_NULL_dis||!editable" v-model="newbornData.eye_NULL" clearable></el-input>
                                    </el-radio>
                                </el-radio-group>
                            </td>
                            <td>四肢活动度：
                                <el-radio-group :disabled="!editable" v-model="newbornData.limbs">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="limbs_NULL_dis||!editable" v-model="newbornData.limbs_NULL" clearable></el-input>
                                    </el-radio>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>耳外观：
                                <el-radio-group :disabled="!editable" v-model="newbornData.ear">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="ear_FACE_dis||!editable" v-model="newbornData.ear_FACE" clearable></el-input>
                                </el-radio-group>
                            </td>
                            <td>颈部包块：
                                <el-radio-group :disabled="!editable" v-model="newbornData.neck_PACK">
                                    <el-radio :disabled="!editable" label="1">无</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">有
                                        <el-input type="text" :readonly="neck_PACK_NULL_dis||!editable" v-model="newbornData.neck_PACK_NULL" clearable></el-input>
                                    </el-radio>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>鼻：
                                <el-radio-group :disabled="!editable" v-model="newbornData.nose">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="nose_PERFORMANCE_dis||!editable" v-model="newbornData.nose_PERFORMANCE" clearable></el-input>
                                </el-radio-group>
                            </td>
                            <td>皮肤：
                                <el-radio-group :disabled="!editable" v-model="newbornData.skin">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2">湿疹</el-radio>
                                    <el-radio :disabled="!editable" label="3">糜烂</el-radio>
                                    <el-radio :disabled="!editable" label="4" class="setinput">其他
                                        <el-input type="text" :readonly="skin_PERFORMANCE_dis||!editable" v-model="newbornData.skin_PERFORMANCE" clearable></el-input>
                                    </el-radio>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>口腔：
                                <el-radio-group :disabled="!editable" v-model="newbornData.oral">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="oral_PERFORMANCE_dis||!editable" v-model="newbornData.oral_PERFORMANCE" clearable></el-input>
                                </el-radio-group>
                            </td>
                            <td>肛门：
                                <el-radio-group :disabled="!editable" v-model="newbornData.anus">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="anus_PERFORMANCE_dis||!editable" v-model="newbornData.anus_PERFORMANCE" clearable></el-input>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>心肺听诊：
                                <el-radio-group :disabled="!editable" v-model="newbornData.heart">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="heart_PERFORMANCE_dis||!editable" v-model="newbornData.heart_PERFORMANCE" clearable></el-input>
                                </el-radio-group>
                            </td>
                            <td>外生殖器：
                                <el-radio-group :disabled="!editable" v-model="newbornData.genitalia">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="genitalia_NULL_dis||!editable" v-model="newbornData.genitalia_NULL" clearable></el-input>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>腹部触诊：
                                <el-radio-group :disabled="!editable" v-model="newbornData.abdomen">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="abdomen_NULL_dis||!editable" v-model="newbornData.abdomen_NULL" clearable></el-input>
                                </el-radio-group>
                            </td>
                            <td>脊柱：
                                <el-radio-group :disabled="!editable" v-model="newbornData.vertebral">
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
                                        <el-input type="text" :readonly="vertebral_NULL_dis||!editable" v-model="newbornData.vertebral_NULL" clearable></el-input>
                                </el-radio-group>
                            </td>
                        </tr>
                        <tr>
                            <td>脐带：
                                <el-radio-group :disabled="!editable" v-model="newbornData.umbilical">
                                    <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" class="setinput">其他
                                        <el-input type="text" :readonly="umbilical_NULL_dis||!editable" v-model="newbornData.umbilical_NULL" clearable></el-input>
                                    </el-radio>
                                </el-radio-group>
                            </td>
                            <td class="setinput">
                                <div class="ui-grid">
                                    <div class="ui-col-0">其他：</div>
                                    <div class="ui-col-1">
                                        <el-input type="text" :readonly="!editable" v-model="newbornData.other" clearable></el-input>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    转诊意见:
                    <el-radio-group :disabled="!editable" v-model="newbornData.referral">
                        <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">有
                        </el-radio>
                    </el-radio-group>
                    <div class="setinput ui-grid">
                        <div class="ui-col-0">
                            原因：
                        </div>
                        <div class="ui-col-1">
                            <el-input type="text" :readonly="!editable" v-model="newbornData.referral_REASON" clearable></el-input>
                        </div>
                    </div>
                    <div class="ui-grid">
                        <div class="ui-col-1 ui-grid setinput">
                            <div class="ui-col-0">
                                机构:
                            </div>
                            <div class="ui-col-1">
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
                            </div>
                        </div>
                        <div class="ui-col-1 ui-grid setinput">
                            <div class="ui-col-0">
                                科室:
                            </div>
                            <div class="ui-col-1">
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="5" class="setinput">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            指导：
                        </div>
                        <div class="ui-col-1">
                            <el-checkbox-group v-model="guide_check" :disabled="!editable">
                                <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-input type="text" :readonly="other_GUIDE_CONTENT_dis||!editable" v-model="newbornData.other_GUIDE_CONTENT" clearable></el-input>
                                </el-checkbox>
                            </el-checkbox-group>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            本次访视日期
                        </div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="newbornData.this_INTERVIEW_DATE" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
                <td colspan="3">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            下次随访地点
                        </div>
                        <div class="ui-col-1">
                            <el-input :readonly="!editable" v-model="newbornData.next_VISITING_ADDRESS" placeholder="" clearable></el-input>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            下次访视日期
                        </div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="newbornData.next_VISITING_DATE" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
                <td colspan="3">
                    <div class="ui-grid">
                        <div class="ui-col-1 ui-grid setinput">
                            <div class="ui-col-0">
                                随访医生签名:
                            </div>
                            <div class="ui-col-1">
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
                            </div>
                        </div>
                        <div class="ui-col-1 ui-grid setinput">
                            <div class="ui-col-0">
                                家属确认签字:
                            </div>
                            <div class="ui-col-1">
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </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="../../../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="../../../api/fangshi-api.js"></script>
    <script>
        new Vue({
            el: "#app",
            data: function () {
                return {
                    editable: true,
                    isEditBtn: true,
                    birth_OTHER: true,
                    pregnancy_SICK_CIRCS_other: true,
                    SCREENING_3_dis: true,
                    bregma_other_dis: true,
                    eye_NULL_dis: true,
                    limbs_NULL_dis: true,
                    complexion_NULL_dis: true,
                    ear_FACE_dis: true,
                    neck_PACK_NULL_dis: true,
                    nose_PERFORMANCE_dis: true,
                    skin_PERFORMANCE_dis: true,
                    oral_PERFORMANCE_dis: true,
                    anus_PERFORMANCE_dis: true,
                    heart_PERFORMANCE_dis: true,
                    genitalia_NULL_dis: true,
                    abdomen_NULL_dis: true,
                    vertebral_NULL_dis: true,
                    umbilical_NULL_dis: true,
                    other_GUIDE_CONTENT_dis: true,
                    delivery_WAY_check: [],
                    SCREENING_check: [],
                    guide_check: [],
                    data2: "",
                    radio: "",
                    input: '',
                    name: '',
                    number: '',
                    newbornData: {}
                }
            },
            computed: {
                pregnancy_SICK: function () {
                    return this.newbornData.pregnancy_SICK
                },
                bregma: function () {
                    return this.newbornData.bregma
                },
                complexion: function () {
                    return this.newbornData.complexion
                },
                eye: function () {
                    return this.newbornData.eye
                },
                limbs: function () {
                    return this.newbornData.limbs
                },
                neck_PACK: function () {
                    return this.newbornData.neck_PACK
                },
                ear: function () {
                    return this.newbornData.ear
                },
                nose: function () {
                    return this.newbornData.nose
                },
                skin: function () {
                    return this.newbornData.skin
                },
                oral: function () {
                    return this.newbornData.oral
                },
                anus: function () {
                    return this.newbornData.anus
                },
                heart: function () {
                    return this.newbornData.heart
                },
                genitalia: function () {
                    return this.newbornData.genitalia
                },
                abdomen: function () {
                    return this.newbornData.abdomen
                },
                vertebral: function () {
                    return this.newbornData.vertebral
                },
                umbilical: function () {
                    return this.newbornData.umbilical
                }
            },
            watch: {
                umbilical: function (i) {
                    var a = i.indexOf('4')
                    if (a > -1) {
                        this.umbilical_NULL_dis = false
                    } else {
                        this.umbilical_NULL_dis = true
                        this.newbornData.umbilical_NULL = ''
                    }
                },
                vertebral: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.vertebral_NULL_dis = false
                    } else {
                        this.vertebral_NULL_dis = true
                        this.newbornData.vertebral_NULL = ''
                    }
                },
                abdomen: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.abdomen_NULL_dis = false
                    } else {
                        this.abdomen_NULL_dis = true
                        this.newbornData.abdomen_NULL = ''
                    }
                },
                genitalia: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.genitalia_NULL_dis = false
                    } else {
                        this.genitalia_NULL_dis = true
                        this.newbornData.genitalia_NULL = ''
                    }
                },
                heart: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.heart_PERFORMANCE_dis = false
                    } else {
                        this.heart_PERFORMANCE_dis = true
                        this.newbornData.heart_PERFORMANCE = ''
                    }
                },
                anus: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.anus_PERFORMANCE_dis = false
                    } else {
                        this.anus_PERFORMANCE_dis = true
                        this.newbornData.anus_PERFORMANCE = ''
                    }
                },
                oral: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.oral_PERFORMANCE_dis = false
                    } else {
                        this.oral_PERFORMANCE_dis = true
                        this.newbornData.oral_PERFORMANCE = ''
                    }
                },
                skin: function (i) {
                    var a = i.indexOf('4')
                    if (a > -1) {
                        this.skin_PERFORMANCE_dis = false
                    } else {
                        this.skin_PERFORMANCE_dis = true
                        this.newbornData.skin_PERFORMANCE = ''
                    }
                },
                nose: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.nose_PERFORMANCE_dis = false
                    } else {
                        this.nose_PERFORMANCE_dis = true
                        this.newbornData.nose_PERFORMANCE = ''
                    }
                },
                neck_PACK: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.neck_PACK_NULL_dis = false
                    } else {
                        this.neck_PACK_NULL_dis = true
                        this.newbornData.neck_PACK_NULL = ''
                    }
                },
                limbs: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.limbs_NULL_dis = false
                    } else {
                        this.limbs_NULL_dis = true
                        this.newbornData.limbs_NULL = ''
                    }
                },
                ear: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.ear_FACE_dis = false
                    } else {
                        this.ear_FACE_dis = true
                        this.newbornData.ear_FACE = ''
                    }
                },
                limbs: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.limbs_NULL_dis = false
                    } else {
                        this.limbs_NULL_dis = true
                        this.newbornData.limbs_NULL = ''
                    }
                },
                eye: function (i) {
                    var a = i.indexOf('2')
                    if (a > -1) {
                        this.eye_NULL_dis = false
                    } else {
                        this.eye_NULL_dis = true
                        this.newbornData.eye_NULL = ''
                    }
                },
                pregnancy_SICK: function (i) {
                    var a = i.indexOf('4')
                    if (a > -1) {
                        this.pregnancy_SICK_CIRCS_other = false
                    } else {
                        this.pregnancy_SICK_CIRCS_other = true
                        this.newbornData.pregnancy_SICK_CIRCS = ''
                    }
                },
                bregma: function (i) {
                    var a = i.indexOf('4')
                    if (a > -1) {
                        this.bregma_other_dis = false
                    } else {
                        this.bregma_other_dis = true
                        this.newbornData.bregma_PERFORMANCE = ''
                    }
                },
                complexion: function (i) {
                    var a = i.indexOf('3')
                    if (a > -1) {
                        this.complexion_NULL_dis = false
                    } else {
                        this.complexion_NULL_dis = true
                        this.newbornData.complexion_NULL = ''
                    }
                },
                delivery_WAY_check: function (i) {
                    var a = i.indexOf('7')
                    if (a > -1) {
                        this.birth_OTHER = false
                    } else {
                        this.birth_OTHER = true
                        this.newbornData.birth_OTHER = ''
                    }
                },
                SCREENING_check: function (i) {
                    var a = i.indexOf('5')
                    if (a > -1) {
                        this.SCREENING_3_dis = false
                    } else {
                        this.SCREENING_3_dis = true
                        this.newbornData.screening_ABNORMAL = ''
                    }
                }
            },
            mounted: function () {
                // this.getData()
            },
            methods: {
                getData: function () {
                    var vm = this
                    fangshiAPI.getNewbornFamilyVisitRecord({ followupId: this.followupId || '2' }).then(function (res) {
                        if (res.status == 200) {
                            var data = res.data
                            vm.newbornData = data
                            var vmN = vm.newbornData
                            vmN.help_ORGANIZATION_FLAG = data.help_ORGANIZATION_FLAG ? data.help_ORGANIZATION_FLAG.toString() : ''
                            vmN.sick_SEX = data.sick_SEX ? data.sick_SEX.toString() : ''
                            vmN.pregnancy_SICK = data.pregnancy_SICK.toString()
                            vm.delivery_WAY_check = data.delivery_WAY.split(',');
                            vmN.suffocation = data.suffocation ? data.suffocation.toString() : ''
                            vmN.plan_IMMUNE = data.plan_IMMUNE ? data.plan_IMMUNE.toString() : ''
                            vmN.deformity_NULL = data.deformity_NULL ? data.deformity_NULL.toString() : ''
                            vmN.hearing = data.hearing ? data.hearing.toString() : ''
                            vmN.feed_TYPE = data.feed_TYPE ? data.feed_TYPE.toString() : ''
                            vmN.vomit = data.vomit ? data.vomit.toString() : ''
                            vmN.vulnus = data.vulnus ? data.vulnus.toString() : ''
                            vmN.vulnus_TIME = data.vulnus_TIME ? data.vulnus_TIME.toString() : ''
                            vmN.body_TEMPERATURE = data.body_TEMPERATURE ? data.body_TEMPERATURE.toString() : ""
                            vmN.complexion = data.complexion ? data.complexion.toString() : ""
                            vmN.face = data.face ? data.face.toString() : ''
                            vmN.bregma = data.bregma ? data.bregma.toString() : ''
                            vmN.eye = data.eye ? data.eye.toString() : ''
                            vmN.limbs = data.limbs ? data.limbs.toString() : ''
                            vmN.ear = data.ear ? data.ear.toString() : ''
                            vmN.nose = data.nose ? data.nose.toString() : ''
                            vmN.neck_PACK = data.neck_PACK ? data.neck_PACK.toString() : ''
                            vmN.skin = data.skin ? data.skin.toString() : ""
                            vmN.oral = data.oral ? data.oral.toString() : ''
                            vmN.anus = data.anus ? data.anus.toString() : ""
                            vmN.heart = data.heart ? data.heart.toString() : ''
                            vmN.genitalia = data.genitalia ? data.genitalia.toString() : ''
                            vmN.abdomen = data.abdomen ? data.abdomen.toString() : ""
                            vmN.vertebral = data.vertebral ? data.vertebral.toString() : ''
                            vmN.referral = data.referral ? data.referral.toString() : ''
                            vmN.umbilical = data.umbilical ? data.umbilical.toString() : ''
                            if (data.screening_4 == 1) {
                                vm.SCREENING_check.push('1')
                            } if (data.screening_5 == 1) {
                                vm.SCREENING_check.push('2')
                            } if (data.screening_1 == 1) {
                                vm.SCREENING_check.push('3')
                            } if (data.screening_2 == 1) {
                                vm.SCREENING_check.push('4')
                            } if (data.screening_3 == 1) {
                                vm.SCREENING_check.push('5')
                            } if (data.screening_6 == 1) {
                                vm.SCREENING_check.push('6')
                            }
                            if (data.feed_GUID == 1) {
                                vm.guide_check.push('1')
                            } if (data.growup_GUID == 1) {
                                vm.guide_check.push('2')
                            } if (data.prevention_DEFORMITY_GUID == 1) {
                                vm.guide_check.push('3')
                            } if (data.prevention_HURT_GUID == 1) {
                                vm.guide_check.push('4')
                            } if (data.oral_CAVITY_GUID == 1) {
                                vm.guide_check.push('5')
                            } if (data.other_GUIDE == 1) {
                                vm.guide_check.push('6')
                            }
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editData: function () {
                    var vm = this
                    var vmN = this.newbornData
                    vmN.delivery_WAY = vm.delivery_WAY_check.join(',')
                    vm.SCREENING_check.map(i => {
                        if (i == '1') {
                            vmN.screening_4 = 1
                        } if (i == '2') {
                            vmN.screening_5 = 1
                        } if (i == '3') {
                            vmN.SCREENING_3 = 1
                        } if (i == '4') {
                            vmN.screening_2 = 1
                        } if (i == '5') {
                            vmN.screening_3 = 1
                        } if (i == '6') {
                            vmN.screening_6 = 1
                        }
                    })
                    vm.guide_check.map(i => {
                        if (i == '1') {
                            vmN.feed_GUID = 1
                        } if (i == '2') {
                            vmN.growup_GUID = 1
                        } if (i == '3') {
                            vmN.prevention_DEFORMITY_GUID = 1
                        } if (i == '4') {
                            vmN.prevention_HURT_GUID = 1
                        } if (i == '5') {
                            vmN.oral_CAVITY_GUID = 1
                        } if (i == '6') {
                            vmN.other_GUIDE = 1
                        }
                    })
                    vmN.create_time = null
                    vmN.version = '1'
                    fangshiAPI.saveNewbornFamilyVisitRecord({ followupId: this.followupId || '2', newbornFamilyVisitRecordData: JSON.stringify(vmN) }).then(function (res) {
                        if (res.status == 200) {
                            top.toastr.info('保存成功')
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editBtn: function () {
                    this.isEditBtn = !this.isEditBtn
                    if (this.isEditBtn == true) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '编辑'
                        this.editable = false
                        this.editData()
                    } else if (this.isEditBtn == false) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '保存'
                        this.editable = true
                    }
                }
            }
        })
    </script>
</body>
</html>

app/followup/html/fangshi-detail-7.html

@@ -0,0 +1,842 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>严重精神障碍患者随访服务记录表</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">
</head>
<style>
    .el-input {
        width: unset;
    }
    .setinputw .el-input--suffix .el-input__inner {
        padding: 0;
        border-bottom: 1px solid #e1e1e1;
        text-align: center;
        width: 100px;
    }
</style>
<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="severeMentalDisorderData.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="severeMentalDisorderData.number" placeholder="" clearable></el-input>
                    </div>
                </div>
            </div>
        </div>
        <table class="table table-bordered">
            <tr>
                <td class="col-w120 c-t-center">随访日期</td>
                <td colspan="2">
                    <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.followup_date" value-format="yyyy-MM-dd" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">本次随访形式
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.followup_type" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">门诊</el-radio>
                        <el-radio :disabled="!editable" label="2">家庭访视</el-radio>
                        <el-radio :disabled="!editable" label="3">电话</el-radio>
                        <el-radio :disabled="!editable" label="4">视频</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">本次随访对象
                </td>
                <td colspan="2">
                    <el-checkbox-group v-model="followup_object_check" :disabled="!editable">
                        <el-checkbox label="1">患者本人</el-checkbox>
                        <el-checkbox label="2">患者家属，监护人</el-checkbox>
                        <el-checkbox label="3">其他知情人</el-checkbox>
                    </el-checkbox-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">若失访，原因
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.followup_null_reason" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">外出务工</el-radio>
                        <el-radio :disabled="!editable" label="2">迁居他处</el-radio>
                        <el-radio :disabled="!editable" label="3">走失</el-radio>
                        <el-radio :disabled="!editable" label="4">连续3次未到访</el-radio>
                        <el-radio :disabled="!editable" label="5">其他</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td rowspan="2" class="col-w120 c-t-center">如死亡，日期和原因
                </td>
                <td class="c-t-center" style="width: 100px;">死亡日期
                </td>
                <td>
                    <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.death_date" value-format="yyyy-MM-dd" type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="c-t-center">
                    死亡原因
                </td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.death_reason_type" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">躯体疾病</el-radio>
                        <el-checkbox-group v-model="severeMentalDisorderData.death_reason_type_check" :disabled="death_reason_type_dis||!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 label="5">呼吸系统疾病</el-checkbox>
                            <el-checkbox label="6">消化系统疾病</el-checkbox>
                            <el-checkbox label="7">其他疾病</el-checkbox>
                            <el-checkbox label="8">不详</el-checkbox>
                        </el-checkbox-group>
                        <el-radio :disabled="!editable" label="2">自杀</el-radio>
                        <el-radio :disabled="!editable" label="3">他杀</el-radio>
                        <el-radio :disabled="!editable" label="4">意外</el-radio>
                        <el-radio :disabled="!editable" label="5">精神疾病相关并发症</el-radio>
                        <el-radio :disabled="!editable" label="6">其他</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">危险性评估
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.dangerous_level" :disabled="!editable">
                        <el-radio :disabled="!editable" label="0">0(0级)</el-radio>
                        <el-radio :disabled="!editable" label="1">1(1级)</el-radio>
                        <el-radio :disabled="!editable" label="2">2(2级)</el-radio>
                        <el-radio :disabled="!editable" label="3">3(3级)</el-radio>
                        <el-radio :disabled="!editable" label="4">4(4级)</el-radio>
                        <el-radio :disabled="!editable" label="5">5(5级)</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">目前症状
                </td>
                <td colspan="2">
                    <el-checkbox-group v-model="symptom_check" :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 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 label="10">自语自笑</el-checkbox>
                        <el-checkbox label="11">孤僻懒散</el-checkbox>
                        <el-checkbox label="12" class="setinput">
                            <el-input type="text" :readonly="other_symptom||!editable" v-model="severeMentalDisorderData.other_symptom_description" placeholder="其他"
                                clearable></el-input>
                        </el-checkbox>
                    </el-checkbox-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">自知力
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.intelligence" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">自知力完全</el-radio>
                        <el-radio :disabled="!editable" label="2">自知力不全</el-radio>
                        <el-radio :disabled="!editable" label="3">自知力缺失</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">睡眠情况
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.sleep_condition" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">饮食情况
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.dietary_status" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center" rowspan="5">
                    社会功能情况
                </td>
                <td style="width: 120px;">个人生活料理</td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.selfcare_ability" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td>家务劳动</td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.housework" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td>生产劳动及工作</td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.work" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                        <el-radio :disabled="!editable" label="9">此项不可用</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td>学习能力</td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.learning_ability" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td>社会交往能力</td>
                <td>
                    <el-radio-group v-model="severeMentalDisorderData.sociability" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">危险行为
                </td>
                <td colspan="2">
                    <!-- <el-checkbox-group v-model="dangerous_check" :disabled="!editable"> -->
                    <div class="ui-grid">
                        <div class="setinputw">1.轻度滋事
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_1"></el-input>次
                        </div>
                        <div class="setinputw">&emsp;2.肇事
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_2"></el-input>次
                        </div>
                    </div>
                    <div class="ui-grid">
                        <div class="setinputw">3.肇祸
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_3"></el-input>次
                        </div>
                        <div class="setinputw">&emsp;&emsp;&nbsp;&nbsp;&nbsp;4.其他危害行为
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_4"></el-input>次
                        </div>
                    </div>
                    <div class="ui-grid">
                        <div class="setinputw">5.自伤
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_5"></el-input>次
                        </div>
                        <div class="setinputw">&emsp;&emsp;&nbsp;&nbsp; 6.自杀未遂
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_6"></el-input>次
                        </div>
                    </div>
                    <el-checkbox true-label="1" false-label="0" v-model="severeMentalDisorderData.dangerous_behavior_7">&emsp;7.无危险行为
                    </el-checkbox>
                    <!-- </el-checkbox-group> -->
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">两次随访期间关锁情况
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.captivity_case" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">无关锁</el-radio>
                        <el-radio :disabled="!editable" label="2">关锁</el-radio>
                        <el-radio :disabled="!editable" label="3">关锁已解除</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">两次随访期间住院情况
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.in_hospital_case" :disabled="!editable">
                        <el-radio :disabled="!editable" label="0">未住院</el-radio>
                        <el-radio :disabled="!editable" label="1">目前正在住院</el-radio>
                        <el-radio :disabled="!editable" label="2">曾住院，现未住院</el-radio>
                    </el-radio-group>
                    <div class="ui-grid">
                        <div class="ui-col-0">末次出院时间 :</div>
                        <div class="ui-col-1">
                            <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.last_discharged_date" value-format="yyyy-MM-dd" type="date"
                                placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">实验室检查
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.laboratory_examination" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2" class="setinput">有
                            <el-input type="text" :readonly="laboratory_examination_dis||!editable" v-model="severeMentalDisorderData.laboratory_examination_description"
                                clearable></el-input>
                        </el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">用药性从依
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.compliance" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">按医嘱规律用药</el-radio>
                        <el-radio :disabled="!editable" label="2">间断用药</el-radio>
                        <el-radio :disabled="!editable" label="3">不用药</el-radio>
                        <el-radio :disabled="!editable" label="4">医嘱勿需用药</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">药物不良反应
                </td>
                <td colspan="2">
                    <el-radio-group v-model="severeMentalDisorderData.adverse_drug_reaction" :disabled="!editable">
                        <el-radio :disabled="!editable" label="1">无</el-radio>
                        <el-radio :disabled="!editable" label="2" class="setinput">有
                            <el-input type="text" :readonly="adverse_drug_reaction_dis||!editable" v-model="severeMentalDisorderData.adverse_drug_reaction_description"
                                clearable></el-input>
                        </el-radio>
                        <el-radio :disabled="!editable" label="9">此项不适用</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">治疗效果
                </td>
                <td colspan="2">
                    <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.treatment_effects">
                        <el-radio :disabled="!editable" label="1">痊愈</el-radio>
                        <el-radio :disabled="!editable" label="2">好转</el-radio>
                        <el-radio :disabled="!editable" label="3">无变化</el-radio>
                        <el-radio :disabled="!editable" label="4">加重</el-radio>
                        <el-radio :disabled="!editable" label="9">此项不可用</el-radio>
                    </el-radio-group>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">转诊情况
                </td>
                <td colspan="2">
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            是否建议转诊:&emsp;
                        </div>
                        <div class="ui-col-1">
                            <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.referral">
                                <el-radio :disabled="!editable" label="1">否</el-radio>
                                <el-radio :disabled="!editable" label="2" class="setinput">是，需要转诊原因
                                    <el-input type="text" :readonly="referral_dis||!editable" v-model="severeMentalDisorderData.referral_reason" clearable></el-input>
                                </el-radio>
                            </el-radio-group>
                        </div>
                    </div>
                    <div class="ui-grid">
                        <div class="ui-col-0">
                            是否已转诊:&emsp;
                        </div>
                        <div class="ui-col-1">
                            <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.is_referral">
                                <el-radio :disabled="!editable" label="1">否</el-radio>
                                <el-radio :disabled="!editable" label="2" class="setinput">是，转诊的机构
                                    <el-input type="text" :readonly="organization_org_name_dis||!editable" v-model="severeMentalDisorderData.organization_org_name"
                                        clearable></el-input>
                                    和科室
                                    <el-input type="text" :readonly="organization_dis||!editable" v-model="severeMentalDisorderData.organization" clearable></el-input>
                                </el-radio>
                            </el-radio-group>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="3" class="table2Td">
                    <table class="table2">
                        <tr>
                            <td class="col-w120 c-t-center" rowspan="3">用药情况
                            </td>
                            <td colspan="1" style="width: 300px;" class="setinput">
                                药物1
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine1_name"></el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_early">
                                </el-input>mg；中
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_noon">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_night">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_frequency">
                                </el-input> 周一次；每次
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage">
                                </el-input> mg
                            </td>
                        </tr>
                        <tr>
                            <td class="setinput">
                                药物2
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine2_name"> </el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_early">
                                </el-input>mg；中
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_noon">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_night">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_frequency">
                                </el-input> 周一次；每次
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage">
                                </el-input> mg
                            </td>
                        </tr>
                        <tr>
                            <td class="setinput">
                                药物3
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine3_name"> </el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_early">
                                </el-input>mg；中
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_noon">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_night">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_frequency">
                                </el-input> 周一次；每次
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage">
                                </el-input> mg
                            </td>
                        </tr>
                        <tr>
                            <td class="col-w120 c-t-center" rowspan="3" style="border-bottom: 0">用药指导
                            </td>
                            <td class="setinput">
                                药物1
                                <el-input v-model="severeMentalDisorderData.guide_medicine1_name" :readonly="!editable" type="text" clearable> </el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_early" type="number" min="0" style="width: 70px;">
                                </el-input>mg；中
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_noon" type="number" min="0" style="width: 70px;">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_night" type="number" min="0" style="width: 70px;">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine1_frequency" type="number" min="0"
                                    style="width: 70px;"> </el-input> 周一次；每次
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine1_dosage" type="number" min="0"
                                    style="width: 70px;"> </el-input> mg
                            </td>
                        </tr>
                        <tr>
                            <td class="setinput">
                                药物2
                                <el-input v-model="severeMentalDisorderData.guide_medicine2_name" :readonly="!editable" type="text" clearable> </el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_early" type="number" min="0" style="width: 70px;">
                                </el-input>mg；中
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_noon" type="number" min="0" style="width: 70px;">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_night" type="number" min="0" style="width: 70px;">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine2_frequency" type="number" min="0"
                                    style="width: 70px;"> </el-input> 周一次；每次
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine2_dosage" type="number" min="0"
                                    style="width: 70px;"> </el-input> mg
                            </td>
                        </tr>
                        <tr>
                            <td class="setinput">
                                药物3
                                <el-input v-model="severeMentalDisorderData.guide_medicine3_name" :readonly="!editable" type="text" clearable> </el-input>
                            </td>
                            <td class="setinput">用法：早
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_early" type="number" min="0" style="width: 70px;">
                                </el-input>mg；中
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_noon" type="number" min="0" style="width: 70px;">
                                </el-input> mg； 晚
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_night" type="number" min="0" style="width: 70px;">
                                </el-input>mg
                                <br>长效药：每
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine3_frequency" type="number" min="0"
                                    style="width: 70px;"> </el-input> 周一次；每次
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine3_dosage" type="number" min="0"
                                    style="width: 70px;"> </el-input> mg
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w120 c-t-center">康复措施
                </td>
                <td colspan="2">
                    <el-checkbox-group v-model="rehabilitation_check" :disabled="!editable">
                        <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" class="setinput">其他
                            <el-input type="text" clearable :readonly="rehabilitation_other_description_dis||!editable" v-model="severeMentalDisorderData.rehabilitation_other_description">
                            </el-input>
                        </el-checkbox>
                    </el-checkbox-group>
                </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="../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></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="../../../component/followup/follow-bottom.js"></script>
    <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/fangshi-api.js"></script>
    <script>
        var Request = GetRequest();
        new Vue({
            el: "#app",
            data: function () {
                return {
                    editable: false,
                    isEditBtn: true,
                    death_reason_type_dis: true,
                    other_symptom: true,
                    laboratory_examination_dis: true,
                    adverse_drug_reaction_dis: true,
                    rehabilitation_other_description_dis: true,
                    referral_dis: true,
                    organization_org_name_dis: true,
                    organization_dis: true,
                    data2: "",
                    radio: "",
                    input: '',
                    followup_object_check: [],
                    death_reason_type_check: [],
                    symptom_check: [],
                    rehabilitation_check: [],
                    severeMentalDisorderData: {
                        illusion: '0',
                        communication_difficulty: '0',
                        suspicious: '0',
                        moods: '0',
                        weird: '0',
                        talkative: '0',
                        smashing_objects: '0',
                        profoundly_pessimistic: '0',
                        outside_without_cause: '0',
                        to_myself_from_laughing: '0',
                        withdrawn_lazy: '0',
                        other_symptom: '0',
                        rehabilitation_work_ability: '0',
                        rehabilitation_training: '0',
                        rehabilitation_learning_ability: '0',
                        rehabilitation_sociability: '0',
                        rehabilitation_other: "0"
                    },
                    followupId: Request['id']
                }
            },
            computed: {
                referral: function () {
                    return this.severeMentalDisorderData.referral
                },
                is_referral: function () {
                    return this.severeMentalDisorderData.is_referral
                },
                adverse_drug_reaction: function () {
                    return this.severeMentalDisorderData.adverse_drug_reaction
                },
                laboratory_examination: function () {
                    return this.severeMentalDisorderData.laboratory_examination
                },
                death_reason_type: function () {
                    return this.severeMentalDisorderData.death_reason_type
                },
            },
            watch: {
                referral: function (i) {
                    if (i == '2') {
                        this.referral_dis = false
                    } else {
                        this.referral_dis = true
                        this.referral_reason = ''
                    }
                },
                is_referral: function (i) {
                    if (i == '2') {
                        this.organization_org_name_dis = false
                        this.organization_dis = false
                    } else {
                        this.organization_org_name_dis = true
                        this.organization_dis = true
                        this.severeMentalDisorderData.organization = ''
                        this.severeMentalDisorderData.organization_org_name = ''
                    }
                },
                adverse_drug_reaction: function (i) {
                    if (i == '2') {
                        this.adverse_drug_reaction_dis = false
                    } else {
                        this.adverse_drug_reaction_dis = true
                        this.severeMentalDisorderData.adverse_drug_reaction_description = ''
                    }
                },
                laboratory_examination: function (i) {
                    if (i == '2') {
                        this.laboratory_examination_dis = false
                    } else {
                        this.laboratory_examination_dis = true
                        this.severeMentalDisorderData.laboratory_examination_description = ''
                    }
                },
                death_reason_type: function (i) {
                    if (i == '1') {
                        this.death_reason_type_dis = false
                    } else {
                        this.death_reason_type_dis = true
                    }
                },
                symptom_check: function (i) {
                    var a = i.indexOf('12')
                    if (a > -1) {
                        this.other_symptom = false
                    } else {
                        this.other_symptom = true
                        this.severeMentalDisorderData.other_symptom_description = ''
                    }
                },
                rehabilitation_check: function (i) {
                    var a = i.indexOf('5')
                    if (a > -1) {
                        this.rehabilitation_other_description_dis = false
                    } else {
                        this.rehabilitation_other_description_dis = true
                        this.severeMentalDisorderData.rehabilitation_other_description = ''
                    }
                },
            },
            mounted: function () {
                this.getData()
            },
            methods: {
                getData: function () {
                    var vm = this
                    fangshiAPI.getFollowupSevereMentalDisorder({ followupId: '1' }).then(function (res) {
                        if (res.status == 200) {
                            var data = res.data
                            vm.severeMentalDisorderData = res.data
                            var vmS = vm.severeMentalDisorderData
                            vmS.followup_type = data.followup_type ? data.followup_type.toString() : ''
                            vm.followup_object_check = data.followup_object.split(',')
                            vmS.followup_null_reason = data.followup_null_reason ? data.followup_null_reason.toString() : ''
                            vmS.death_reason_type = data.death_reason_type ? data.death_reason_type.toString() : ''
                            if (data.physical_disease_type) {
                                vm.death_reason_type_check = data.physical_disease_type.split(',')
                            }
                            vmS.dangerous_level = data.dangerous_level.toString()
                            if (data.illusion == '1') {
                                vm.symptom_check.push('1')
                            } if (data.communication_difficulty == '1') {
                                vm.symptom_check.push('2')
                            } if (data.suspicious == '1') {
                                vm.symptom_check.push('3')
                            } if (data.moods == '1') {
                                vm.symptom_check.push('4')
                            } if (data.weird == '1') {
                                vm.symptom_check.push('5')
                            } if (data.talkative == '1') {
                                vm.symptom_check.push('6')
                            } if (data.smashing_objects == '1') {
                                vm.symptom_check.push('7')
                            } if (data.profoundly_pessimistic == '1') {
                                vm.symptom_check.push('8')
                            } if (data.outside_without_cause == '1') {
                                vm.symptom_check.push('9')
                            } if (data.to_myself_from_laughing == '1') {
                                vm.symptom_check.push('10')
                            } if (data.withdrawn_lazy == '1') {
                                vm.symptom_check.push('11')
                            } if (data.other_symptom == '1') {
                                vm.symptom_check.push('12')
                            }
                            if (vmS.rehabilitation_work_ability == '1') {
                                vm.rehabilitation_check.push('1')
                            } if (vmS.rehabilitation_training == '1') {
                                vm.rehabilitation_check.push('2')
                            } if (vmS.rehabilitation_learning_ability == '1') {
                                vm.rehabilitation_check.push('3')
                            } if (vmS.rehabilitation_sociability == '1') {
                                vm.rehabilitation_check.push('4')
                            } if (vmS.rehabilitation_other == '1') {
                                vm.rehabilitation_check.push('5')
                            }
                            vmS.intelligence = data.intelligence ? data.intelligence.toString() : ''
                            vmS.sleep_condition = data.sleep_condition ? data.sleep_condition.toString() : ''
                            vmS.dietary_status = data.dietary_status ? data.dietary_status.toString() : ''
                            vmS.selfcare_ability = data.selfcare_ability ? data.selfcare_ability.toString() : ''
                            vmS.housework = data.housework ? data.housework.toString() : ''
                            vmS.work = data.work ? data.work.toString() : ''
                            vmS.learning_ability = data.learning_ability ? data.learning_ability.toString() : ''
                            vmS.sociability = data.sociability ? data.sociability.toString() : ''
                            vmS.captivity_case = data.captivity_case ? data.captivity_case.toString() : ''
                            vmS.in_hospital_case = data.in_hospital_case ? data.in_hospital_case.toString() : ''
                            vmS.laboratory_examination = data.laboratory_examination ? data.laboratory_examination.toString() : ''
                            vmS.compliance = data.compliance ? data.compliance.toString() : ''
                            vmS.adverse_drug_reaction = data.adverse_drug_reaction ? data.adverse_drug_reaction.toString() : ''
                            vmS.treatment_effects = data.treatment_effects ? data.treatment_effects.toString() : ''
                            vmS.referral = data.referral ? data.referral.toString() : ''
                            vmS.is_referral = data.is_referral ? data.is_referral.toString() : ''
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editData: function () {
                    var vm = this
                    var vmS = this.severeMentalDisorderData
                    if (vm.followup_object_check) {
                        vmS.followup_object = vm.followup_object_check.join(",")
                    }
                    if (vm.death_reason_type_check) {
                        vmS.death_reason_type = vm.death_reason_type_check.join(",")
                    }
                    this.symptom_check.map(i => {
                        if (i == '1') {
                            vmS.illusion = '1'
                        } if (i == '2') {
                            vmS.communication_difficulty = '1'
                        } if (i == '3') {
                            vmS.suspicious = '1'
                        } if (i == '4') {
                            vmS.moods = '1'
                        } if (i == '5') {
                            vmS.weird = '1'
                        } if (i == '6') {
                            vmS.talkative = '1'
                        } if (i == '7') {
                            vmS.smashing_objects = '1'
                        } if (i == '8') {
                            vmS.profoundly_pessimistic = '1'
                        } if (i == '9') {
                            vmS.outside_without_cause = '1'
                        } if (i == '10') {
                            vmS.to_myself_from_laughing = '1'
                        } if (i == '11') {
                            vmS.withdrawn_lazy = '1'
                        } if (i == '12') {
                            vmS.other_symptom = '1'
                        }
                        this.rehabilitation_check.map(i => {
                            if (i == '1') {
                                vmS.rehabilitation_work_ability = '1'
                            } if (i == '2') {
                                vmS.rehabilitation_training = '1'
                            } if (i == '3') {
                                vmS.rehabilitation_learning_ability = '1'
                            } if (i == '4') {
                                vmS.rehabilitation_sociability = '1'
                            } if (i == '5') {
                                vmS.rehabilitation_other = '1'
                            }
                        })
                    })
                    this.severeMentalDisorderData.create_time = null
                    this.severeMentalDisorderData.version = '1'
                    fangshiAPI.saveFollowupSevereMentalDisorder({ followupId: this.followupId || '1', severeMentalDisorderData: JSON.stringify(this.severeMentalDisorderData) }).then(function (res) {
                        if (res.status == 200) {
                            top.toastr.info('保存成功')
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editBtn: function () {
                    this.isEditBtn = !this.isEditBtn
                    if (this.isEditBtn == true) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '编辑'
                        this.editable = false
                        this.editData()
                    } else if (this.isEditBtn == false) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '保存'
                        this.editable = true
                    }
                }
            }
        })
    </script>
</body>
</html>

app/followup/html/fangshi-detail-8.html

@@ -0,0 +1,1075 @@
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>80岁以上老人</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/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
	<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
	<link href="../css/fangshi-detail.css" rel="stylesheet">
	<style>
		.p8 {
			padding: 8px;
		}
		.col-w60 {
			width: 60px;
		}
		.col-w120 {
			width: 130px;
		}
		.mb0 {
			margin-bottom: 0;
		}
		.setinput .el-input--suffix .el-input__inner {
			padding: 0;
			border-bottom: 1px solid #e1e1e1;
		}
		.el-checkbox,
		.el-radio {
			margin-left: 30px;
		}
		.el-radio__label {
			display: inline-block;
		}
		.el-radio {
			margin-bottom: 0;
		}
		div.ui-col-0 {
			line-height: unset;
		}
	</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="oldmanData.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="oldmanData.number" placeholder="" clearable></el-input>
					</div>
				</div>
			</div>
		</div>
		<table class="table table-bordered mb0">
			<tr>
				<td class="col-w120 c-t-center">体检日期</td>
				<td>
					<el-date-picker :readonly="!editable" v-model="oldmanData.duty" type="date" placeholder="选择日期">
					</el-date-picker>
				</td>
				<td class="col-w120 c-t-center">责任医生</td>
				<td>
					<el-input :readonly="!editable" v-model="oldmanData.responsibility_doctor_name" placeholder="" clearable></el-input>
				</td>
			</tr>
		</table>
		<div class="ui-grid">
			<div class="ui-col-0 p8 c-border-l col-w60 c-t-center">内&emsp;容</div>
			<div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检&emsp;查&emsp;项&emsp;目</div>
		</div>
		<table class="table table-bordered mb0">
			<tr>
				<td class="col-w60 c-t-center">症
					<br>状</td>
				<td colspan="4">
					<el-checkbox-group v-model="symptom_check">
						<el-checkbox label="1 无症状" key=""></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 label="10 多饮"></el-checkbox>
						<el-checkbox label="11 多尿"></el-checkbox>
						<el-checkbox label="12 体重下降"></el-checkbox>
						<el-checkbox label="13 乏力"></el-checkbox>
						<el-checkbox label="14 关节肿痛"></el-checkbox>
						<el-checkbox label="15 视力模糊"></el-checkbox>
						<el-checkbox label="16 手脚麻木"></el-checkbox>
						<el-checkbox label="17 尿急"></el-checkbox>
						<el-checkbox label="18 尿痛"></el-checkbox>
						<el-checkbox label="19 便秘   "></el-checkbox>
						<el-checkbox label="20 腹泻"></el-checkbox>
						<el-checkbox label="21 恶心呕吐"></el-checkbox>
						<el-checkbox label="22 眼花"></el-checkbox>
						<el-checkbox label="23 耳鸣 "></el-checkbox>
						<el-checkbox label="24 乳房胀痛"></el-checkbox>
						<el-checkbox class="setinput" label="25">
							<el-input :readonly="!editable" v-model="oldmanData.symptom_other" placeholder="其他" clearable></el-input>
						</el-checkbox>
					</el-checkbox-group>
				</td>
			</tr>
			<!--一般状况-->
			<tr>
				<td rowspan="9" class="col-w60 c-t-center">一
					<br>般
					<br>状
					<br>况</td>
				<td class="col-w120 c-t-center">体&emsp;&emsp;温</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">°C</div>
				</td>
				<td class="col-w120 c-t-center">脉&emsp;&emsp;率</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">次/分钟</div>
				</td>
			</tr>
			<tr>
				<td rowspan="2" class="col-w120 c-t-center">呼吸频率</td>
				<td rowspan="2">
					<div class="ui-grid">
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">次/分钟</div>
					</div>
				</td>
				<td rowspan="2" class="col-w120 c-t-center">血&emsp;压</td>
				<td class="ui-grid">
					<div class="ui-ciol-0 col-w60 c-border-r">左&emsp;侧</div>
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">mmHg</div>
				</td>
			</tr>
			<tr>
				<td class="ui-grid">
					<div class="ui-ciol-0 col-w60 c-border-r">右&emsp;侧</div>
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">mmHg</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">身&emsp;&emsp;高</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">cm</div>
				</td>
				<td class="col-w120 c-t-center">体&emsp;&emsp;重</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">kg</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">腰&emsp;&emsp;围</td>
				<td>
					<div class="ui-grid">
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">cm</div>
					</div>
				</td>
				<td class="col-w120 c-t-center">体质指数（BMI）</td>
				<td>
					<div class="ui-grid">
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">kg/m²</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">老年人健康状态自我评估*</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 满意</el-radio>
						<el-radio :label="2">2 基本满意</el-radio>
						<el-radio :label="3">3 说不清楚</el-radio>
						<el-radio :label="4">4 不太满意</el-radio>
						<el-radio :label="5">5 胸闷</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">老年人生活自理自我评估*</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 可自理（0 ～ 3 分）</el-radio>
						<el-radio :label="2">2 轻度依赖（4 ～ 8 分）</el-radio>
						<el-radio :label="3">3 中度依赖（9 ～ 18 分）</el-radio>
						<el-radio :label="4">4 不能自理（≥19 分）</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">老年人认知功能*</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 粗筛阴性</el-radio>
						<el-radio :label="2">2 粗筛阳性， 简易智力状态检查，总分</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">老年人情感状态*</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 粗筛阴性</el-radio>
						<el-radio :label="2">2 粗筛阳性， 简易智力状态检查，总分</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<!--生活方式-->
		</table>
		<table class="table table-bordered">
			<tr>
				<td rowspan="13" class="col-w60 c-t-center">生
					<br>活
					<br>方
					<br>式</td>
				<td rowspan="3" class="col-w120 c-t-center">体育锻炼</td>
				<td class="col-w120 c-t-center">锻炼频率</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 每天</el-radio>
						<el-radio :label="2">2 每周一次以上</el-radio>
						<el-radio :label="3">3 偶尔</el-radio>
						<el-radio :label="4">4 不锻炼</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">每次锻炼时间</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">分钟</div>
				</td>
				<td class="col-w120 c-t-center">坚持锻炼时间</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">年</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">锻炼方式</td>
				<td colspan="3">
					<div class="ui-grid">
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">年</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">饮食习惯</td>
				<td colspan="4">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 荤素均衡</el-radio>
						<el-radio :label="2">2 荤食为主</el-radio>
						<el-radio :label="3">3 素食为主</el-radio>
						<el-radio :label="4">4 嗜盐</el-radio>
						<el-radio :label="5">5 嗜油</el-radio>
						<el-radio :label="6">6 嗜糖</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td rowspan="3" class="col-w120 c-t-center">吸烟情况</td>
				<td class="col-w120 c-t-center">吸烟状况</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 从不吸烟</el-radio>
						<el-radio :label="2">2 已戒烟</el-radio>
						<el-radio :label="3">3 吸烟</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">日吸烟量</td>
				<td colspan="3">
					<div class="ui-grid">
						<div class="ui-col-0">平均</div>
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">次</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">平均吸烟年龄</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">岁</div>
				</td>
				<td class="col-w120 c-t-center">戒烟年龄</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">岁</div>
				</td>
			</tr>
			<tr>
				<td rowspan="5" class="col-w120 c-t-center">饮酒情况</td>
				<td class="col-w120 c-t-center">饮酒频率</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 从不</el-radio>
						<el-radio :label="2">2 偶尔</el-radio>
						<el-radio :label="3">3 经常</el-radio>
						<el-radio :label="4">4 每天</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">日饮酒量</td>
				<td colspan="3">
					<div class="ui-grid">
						<div class="ui-col-0">平均</div>
						<div class="ui-col-1">
							<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
						</div>
						<div class="ui-col-0">两</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">是否戒酒</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 未戒酒</el-radio>
						<el-radio :label="2">
							<div class="ui-grid">
								<div class="ui-col-0">2 已借酒，戒酒年龄：</div>
								<div class="ui-col-1">
									<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
								</div>
								<div class="ui-col-0">岁</div>
							</div>
						</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">平均饮酒年龄</td>
				<td class="ui-grid">
					<div class="ui-col-1">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</div>
					<div class="ui-col-0">岁</div>
				</td>
				<td class="col-w120 c-t-center">近一年是否曾醉酒</td>
				<td>
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 是</el-radio>
						<el-radio :label="2">2 否</el-radio>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">饮酒种类</td>
				<td colspan="3">
					<el-radio-group v-model="radio">
						<el-radio :label="1">1 白酒</el-radio>
						<el-radio :label="2">2 啤酒</el-radio>
						<el-radio :label="3">3 红酒</el-radio>
						<el-radio :label="4">4 黄酒</el-radio>
						<el-checkbox class="setinput" label="5">
							<el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
						</el-checkbox>
					</el-radio-group>
				</td>
			</tr>
			<tr>
				<td class="col-w120 c-t-center">职业病危害因素接触史</td>
				<td colspan="4">
					<div>
						<el-radio :label="1">1 无</el-radio>
						<el-radio :label="2">
							<div class="ui-grid">
								<div class="ui-col-0">2 有 （工种</div>
								<div class="ui-col-0">
									<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
								</div>
								<div class="ui-col-0">从业时间</div>
								<div class="ui-col-0">
									<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
								</div>
								<div class="ui-col-0">年）</div>
							</div>
						</el-radio>
					</div>
					<div class="ui-grid">
						<div class="ui-col-0 mr10">毒物种类</div>
						<div class="ui-col-1">
							<div class="ui-grid">
								<div class="ui-col-0">粉尘防范措施</div>
								<div class="ui-col-1">
									<el-radio-group v-model="radio">
										<el-radio :label="1">1 无</el-radio>
										<el-radio :label="2">2 有</el-radio>
									</el-radio-group>
								</div>
							</div>
							<div class="ui-grid">
								<div class="ui-col-0">放射物质防范措施</div>
								<div class="ui-col-1">
									<el-radio-group v-model="radio">
										<el-radio :label="1">1 无</el-radio>
										<el-radio :label="2">2 有</el-radio>
									</el-radio-group>
								</div>
							</div>
							<div class="ui-grid">
								<div class="ui-col-0">物理因素防范措施</div>
								<div class="ui-col-1">
									<el-radio-group v-model="radio">
										<el-radio :label="1">1 无</el-radio>
										<el-radio :label="2">2 有</el-radio>
									</el-radio-group>
								</div>
							</div>
							<div class="ui-grid">
								<div class="ui-col-0">化学物质防范措施</div>
								<div class="ui-col-1">
									<el-radio-group v-model="radio">
										<el-radio :label="1">1 无</el-radio>
										<el-radio :label="2">2 有</el-radio>
									</el-radio-group>
								</div>
							</div>
							<div class="ui-grid">
								<div class="ui-col-0">其他防范措施</div>
								<div class="ui-col-1">
									<el-radio-group v-model="radio">
										<el-radio :label="1">1 无</el-radio>
										<el-radio :label="2">2 有</el-radio>
									</el-radio-group>
								</div>
							</div>
						</div>
					</div>
				</td>
			</tr>
			<!-- 脏器功能 -->
			<tr>
				<td class="c-t-center" rowspan="4">脏 器 功 能 </td>
				<td class="c-t-center col-w120">
					口 腔
				</td>
				<td colspan="4">
					<div class="ui-grid">
						<div class="ui-col-0">口唇</div>
						<div class="ui-col-1">
							<el-radio-group :disabled="!editable" v-model="oldmanData.lip">
								<el-radio :label="1">红润 </el-radio>
								<el-radio :label="2">苍白</el-radio>
								<el-radio :label="3">发绀</el-radio>
								<el-radio :label="4">皲裂</el-radio>
								<el-radio :label="5">疱疹</el-radio>
							</el-radio-group>
						</div>
					</div>
					<div class="ui-grid">
						<div class="ui-col-0">齿列</div>
						<div class="ui-col-1">
							<el-checkbox-group v-model="oldmanData.dentition" :disabled="!editable">
								<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-group>
						</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					视 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					听 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					运动功能
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 查体 -->
			<tr>
				<td class="c-t-center" rowspan="13">查 体 </td>
				<td class="c-t-center col-w120">
					眼 底
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					皮 肤
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					巩 膜
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					淋巴结
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					肺
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					心 脏
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					腹 部
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					下肢水肿
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					足背动脉搏动
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					肛门指诊
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					乳 腺
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td colspan="5" class="table2Td">
					<table class="table2">
						<tr>
							<td class="c-t-center" style="width: 68px" rowspan="5">
								妇科
							</td>
							<td class="c-t-center" style="width: 62px">
								外阴
							</td>
							<td colspan="3">
								<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
							</td>
						</tr>
						<tr>
							<td class="c-t-center ">
								阴道
							</td>
							<td colspan="3">
								<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
							</td>
						</tr>
						<tr>
							<td class="c-t-center ">
								宫颈
							</td>
							<td colspan="3">
								<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
							</td>
						</tr>
						<tr>
							<td class="c-t-center ">
								宫体
							</td>
							<td colspan="3">
								<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
							</td>
						</tr>
						<tr>
							<td class="c-t-center">
								附件
							</td>
							<td colspan="3">
								<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					其 他
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 辅助检查 -->
			<tr>
				<td class="c-t-center" rowspan="15">辅 助 检 查 </td>
				<td class="c-t-center col-w120">
					血常规
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					尿常规
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					心电图
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					空腹血糖
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					尿微量白蛋白
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					大便潜血
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					糖化血红蛋白
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					乙型肝炎 表面抗原
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					肝功能
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					肾功能
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					血 脂
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					胸部 X 线片
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					B 超
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					宫颈涂片
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					其 他
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 现存主要 健康问题 -->
			<tr>
				<td class="c-t-center" rowspan="7">现存主要 健康问题 </td>
				<td class="c-t-center col-w120">
					口 腔
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					视 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					听 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					运动功能
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					听 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					听 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					听 力
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 住院治疗 情况  -->
			<tr>
				<td class="c-t-center" rowspan="2">住院治疗 情况 </td>
				<td class="c-t-center col-w120">
					住院史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					家 庭 病床史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 主要用药情况 -->
			<tr>
				<td class="c-t-center" rowspan="2">主要用药情况 </td>
				<td class="c-t-center col-w120">
					住院史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					家 庭 病床史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!-- 非免疫 规划预防 接种 -->
			<tr>
				<td class="c-t-center" rowspan="2">非免疫 规划预防 接种史 </td>
				<td class="c-t-center col-w120">
					住院史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable>
					</el-input>
				</td>
			</tr>
			<tr>
				<td class="c-t-center col-w120">
					家 庭 病床史
				</td>
				<td colspan="4">
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
				</td>
			</tr>
			<!--健康评价  -->
			<td class="col-w120 c-t-center">健康评价</td>
			<td colspan="5">
				<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
			</td>
			</tr>
			<!-- 健康指导 -->
			<td class="col-w120 c-t-center">健康指导</td>
			<td colspan="5">
				<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
			</td>
			</tr>
			<!-- <tr>
					<td class="col-w120 c-t-center">体 温（℃）</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">一般健康情况</td>
					<td colspan="3">
						<el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">一般心理状况</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">血 压(mmHg)</td>
					<td colspan="3">
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
					</td>
				</tr>
				<tr>
					<td class="col-w120 c-t-center">乳 房</td>
					<td colspan="3">
						<el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
  						<el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
					</td>
				</tr>-->
		</table>
		<!-- <follow-bottom></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="../../../component/followup/follow-bottom.js"></script>
	<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../api/fangshi-api.js"></script>
	<script>
		var Request = GetRequest();
		new Vue({
			el: "#app",
			data: function () {
				return {
					editable: true,
					isEditBtn: true,
					symptom_check: [],
					oldmanData: {},
					data1: "",
					input: null,
					radio: "",
					followupId: Request['id']
				}
			},
			mounted: function () {
				this.getData()
			},
			watch: {
			},
			methods: {
				getData: function () {
					var vm = this
					fangshiAPI.getOlderPeopleHealthCheckRecord({ followupId: this.followupId || '1' }).then(function (res) {
						if (res.status == 200) {
							var data = res.data
							vm.oldmanData = data
							var vmO = vm.oldmanData
							if (vm.symptom_check) {
								vmO.symptom_check = data.symptom.join(',')
							}
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				editData: function () {
					var vm = this
					console.log(this.oldmanData)
					this.oldmanData.create_time = null
					this.oldmanData.version = '1'	//版本号
					// fangshiAPI.saveOlderPeopleHealthCheckRecord({ followupId: '3', postpartumVisitDetails: JSON.stringify(this.postpartumVisitDetails) }).then(function (res) {
					// 	if (res.status == 200) {
					// 		top.toastr.info('保存成功')
					// 	} else {
					// 		top.toastr.error(res.msg);
					// 	}
					// })
				},
				editBtn: function () {
					this.isEditBtn = !this.isEditBtn
					if (this.isEditBtn == true) {
						var btn = document.getElementsByClassName('button')[0]
						btn.innerHTML = '编辑'
						this.editable = false
						this.editData()
					} else if (this.isEditBtn == false) {
						var btn = document.getElementsByClassName('button')[0]
						btn.innerHTML = '保存'
						this.editable = true
					}
				}
			}
		})
	</script>
</body>
</html>

app/followup/html/fangshi-detail10.html

@@ -0,0 +1,559 @@
<!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">
</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="data2" 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="data2" 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 :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
                <td>
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">治疗月序</td>
                <td>
                    第
                    <input type="text" class="col-w40"> 月
                </td>
                <td>
                    第
                    <input type="text" class="col-w40"> 月
                </td>
                <td>
                    第
                    <input type="text" class="col-w40"> 月
                </td>
                <td>
                    第
                    <input type="text" class="col-w40"> 月
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">督导人员</td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">自服药</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">随访方式</td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
                    </div>
                </td>
                <td>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
                        <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
                    </div>
                    <div>
                        <el-radio :disabled="!editable" v-model="radio" label="2">电话</el-radio>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col-w200">症状及体征：
                    <el-checkbox-group v-model="check" :disabled="!editable">
                        <el-checkbox label="1" style="margin-left:30px;">没有盗汗</el-checkbox>
                        <el-checkbox label="1">咳嗽咳痰</el-checkbox>
                        <el-checkbox label="1">低热盗汗</el-checkbox>
                        <el-checkbox label="1">咳血或血痰</el-checkbox>
                        <el-checkbox label="1">胸痛消瘦</el-checkbox>
                        <el-checkbox label="1">恶心纳差</el-checkbox>
                        <el-checkbox label="1">头痛失眠</el-checkbox>
                        <el-checkbox label="1">视物模糊</el-checkbox>
                        <el-checkbox label="1">皮肤瘙痒、皮疹</el-checkbox>
                        <el-checkbox label="1">耳鸣、听力下降</el-checkbox>
                    </el-checkbox-group>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable" v-model="input" 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="">
                                <input type="text" class="col-w40"> 支/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 支/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 支/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 支/天
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" style="width: 150px;">饮酒</td>
                            <td class="">
                                <input type="text" class="col-w40"> 两/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 两/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 两/天
                            </td>
                            <td class="">
                                <input type="text" class="col-w40"> 两/天
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" rowspan="4" style="border-bottom: 0;width: 50px;">用药</td>
                            <td class="c-t-center">
                                化疗方案
                            </td>
                            <td colspan="4" class="c-t-center">
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">用法</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
                            </td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
                            </td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
                            </td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">间隙</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" style="width: 150px;">药品剂型</td>
                            <td>
                                <el-checkbox-group v-model="check" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="1">散装药</el-checkbox>
                                    <el-checkbox label="1">板式组合药</el-checkbox>
                                    <el-checkbox label="1">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="check" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="1">散装药</el-checkbox>
                                    <el-checkbox label="1">板式组合药</el-checkbox>
                                    <el-checkbox label="1">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="check" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="1">散装药</el-checkbox>
                                    <el-checkbox label="1">板式组合药</el-checkbox>
                                    <el-checkbox label="1">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                            <td>
                                <el-checkbox-group v-model="check" :disabled="!editable">
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
                                    <el-checkbox label="1">散装药</el-checkbox>
                                    <el-checkbox label="1">板式组合药</el-checkbox>
                                    <el-checkbox label="1">注射剂</el-checkbox>
                                </el-checkbox-group>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">
                                漏服药次数
                            </td>
                            <td>
                                <input class="col-w40" type="text"> 次
                            </td>
                            <td>
                                <input class="col-w40" type="text"> 次
                            </td>
                            <td>
                                <input class="col-w40" type="text"> 次
                            </td>
                            <td>
                                <input class="col-w40" type="text"> 次
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">药物不良反应</td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
            </tr>
            <tr>
                <td class="col-w200 c-t-center">并发症或合并症</td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </td>
                <td>
                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                </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" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">
                                原因
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">
                                2周内随访，随访结果
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" 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="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <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="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <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="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
                <td>
                    <el-input :readonly="!editable" v-model="input" 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">
                    1.出现停止治疗时间年月日：
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                    2.停止治疗原因：
                    <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="2">丢失</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">转入耐多药治疗</el-radio>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    评估医生签名：
                    <el-input type="text" :readonly="!editable" v-model="input" 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="../../../component/followup/follow-bottom.js"></script>
    <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/fangshi-api.js"></script>
    <script>
        var Request = GetRequest();
        new Vue({
            el: "#app",
            data: function () {
                return {
                    editable: true,
                    isEditBtn: true,
                    data2: "",
                    radio: "",
                    input: '',
                    check: '',
                    followupId: Request['id']
                }
            },
            mounted: function () {
                this.getData()
            },
            watch: {
            },
            methods: {
                getData: function () {
                    var vm = this
                    var vmP = this.postpartumVisitDetails
                    fangshiAPI.getPostpartumVisitDetails({ followupId: this.followupId || '3' }).then(function (res) {
                        if (res.status == 200) {
                            var data = res.data
                        } else {
                            top.toastr.error(res.msg);
                        }
                    })
                },
                editData: function () {
                    var vm = this
                    console.log(this.postpartumVisitDetails)
                    this.severeMentalDisorderData.create_time = null
                    this.postpartumVisitDetails.version = '1'	//版本号
                    // fangshiAPI.savePostpartumVisitDetails({ followupId: '3', postpartumVisitDetails: JSON.stringify(this.postpartumVisitDetails) }).then(function (res) {
                    //     if (res.status == 200) {
                    //         top.toastr.info('保存成功')
                    //     } else {
                    //         top.toastr.error(res.msg);
                    //     }
                    // })
                },
                editBtn: function () {
                    this.isEditBtn = !this.isEditBtn
                    if (this.isEditBtn == true) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '编辑'
                        this.editable = false
                        this.editData()
                    } else if (this.isEditBtn == false) {
                        var btn = document.getElementsByClassName('button')[0]
                        btn.innerHTML = '保存'
                        this.editable = true
                    }
                }
            }
        })
    </script>
</body>
</html>

app/followup/html/fangshi-detail9.html

@@ -0,0 +1,278 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>肺结核患者第一次入户随访记录表</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">
</head>
<body>
    <div id="app">
        <table class="table table-bordered">
            <tr>
                <td class="col-w300 c-t-center">随访时间</td>
                <td colspan="3">
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">随访方式</td>
                <td colspan="3">
                    <el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">患者类型</td>
                <td colspan="3">
                    <el-radio :disabled="!editable" v-model="radio" label="1">初治</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">复治</el-radio>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">痰菌情况</td>
                <td colspan="3">
                    <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>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">耐药情况</td>
                <td colspan="3">
                    <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="2">未检测</el-radio>
                </td>
            </tr>
            <tr>
                <td class="col-w300">症状及体征：
                    <el-checkbox-group v-model="check" :disabled="!editable">
                        <el-checkbox label="1" style="margin-left:30px;">没有盗汗</el-checkbox>
                        <el-checkbox label="1">咳嗽咳痰</el-checkbox>
                        <el-checkbox label="1">低热盗汗</el-checkbox>
                        <el-checkbox label="1">咳血或血痰</el-checkbox>
                        <el-checkbox label="1">胸痛消瘦</el-checkbox>
                        <el-checkbox label="1">恶心纳差</el-checkbox>
                        <el-checkbox label="1">头痛失眠</el-checkbox>
                        <el-checkbox label="1">视物模糊</el-checkbox>
                        <el-checkbox label="1">皮肤瘙痒、皮疹</el-checkbox>
                        <el-checkbox label="1">耳鸣、听力下降</el-checkbox>
                    </el-checkbox-group>
                </td>
                <td colspan="3" style="vertical-align: initial;">
                    其他：
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="3">
                    <table class="table2">
                        <tr>
                            <td class="c-t-center" rowspan="3" style="border-bottom: 0;width: 100px;">用药</td>
                            <td class="c-t-center" style="width: 200px;">
                                化疗方案
                            </td>
                            <td class="c-t-center">
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">用法</td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">药品剂型</td>
                            <td>
                                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">督导人员选择</td>
                <td colspan="2">
                    <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="2">自服药</el-radio>
                    <el-radio :disabled="!editable" v-model="radio" label="2">其他</el-radio>
                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="3">
                    <table class="table2">
                        <tr>
                            <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 100px;">家庭居住环境评估</td>
                            <td class="c-t-center" style="width: 200px;">
                                单独的居室
                            </td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">通风情况</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">良好</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">一般</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">差</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 100px;">生活方式评估</td>
                            <td class="c-t-center" style="width: 200px;">
                                吸烟
                            </td>
                            <td>
                                <input type="text"> 支/天
                            </td>
                        </tr>
                        <tr>
                            <td class="c-t-center">喝酒</td>
                            <td>
                                <input type="text"> 两/天
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="table2Td" colspan="3">
                    <table class="table2">
                        <tr>
                            <td class="col-w300 c-t-center" rowspan="10" style="width:50px;">健康教育及培训</td>
                            <td style="width:250px;">
                                取药地点、时间
                            </td>
                            <td>
                                地点：
                                <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                                <br> 时间:
                                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                                </el-date-picker>
                            </td>
                        </tr>
                        <tr>
                            <td>服药记录卡的填写</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>服药方法及药品存放</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>肺结核治疗疗程</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>不规律服药危害</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>服药后不良反应及处理</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>治疗期间复诊查痰</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>外出期间如何坚持服药</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>生活习惯及注意事项</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                        <tr>
                            <td>密切接触者检查</td>
                            <td>
                                <el-radio :disabled="!editable" v-model="radio" label="2">掌握</el-radio>
                                <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">下次随访时间</td>
                <td>
                    <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                    </el-date-picker>
                </td>
            </tr>
            <tr>
                <td class="col-w300 c-t-center">评估医生签名</td>
                <td>
                    <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="2">未检测</el-radio>
                </td>
            </tr>
        </table>
    </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="../../../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>
        new Vue({
            el: "#app",
            data: function () {
                return {
                    editable: true,
                    data2: "",
                    radio: "",
                    input: '',
                    check: '',
                }
            }
        })
    </script>
</body>
</html>

app/followup/js/follow-up.js

@@ -37,7 +37,7 @@ new Vue({
  		}
  	}
  },
  mounted(){
  mounted: function (){
  	this.patient = localStorage.getItem("severPatientCode");
  	this.teamCode = JSON.parse(localStorage.getItem("severPatientTeam")).id;
  	this.msgListView(this.currentPage);

app/rehabilitation/css/rehabilitation_management.css

@@ -1,765 +1,791 @@
.flex-box {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-box-item {
	-webkit-box-flex: 1;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
	/* OLD - Firefox 19- */
	-webkit-flex: 1;
	/* Chrome */
	-ms-flex: 1;
	/* IE 10 */
	width: 50%;
	/* For old syntax, otherwise collapses. */
	flex: 1;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	position: relative;
}
[flex-grow="2"] {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}
[flex-grow="5"] {
	-webkit-box-flex: 5;
	-ms-flex-positive: 5;
	flex-grow: 5;
}
body,
html,
.c-container {
	height: 100%;
}
.rehabilition {
	/*height: 100%;*/
	overflow: hidden;
	/*overflow-y: scroll;*/
	/*padding-top: 49px;*/
	/*max-width: 1620px;*/
	margin: 0 auto;
	padding-bottom: 50px;
}
.nav-content-right {
	height: 100%;
	overflow: auto;
}
.search-left {
	border-right: solid 1px #d7dce6;
	background-color: #f5f5f5;
	height: 100%;
}
.mw400 {
	max-width: 400px;
}
.search-condition {
	padding: 20px 10px;
	border-bottom: solid 1px #d7dce6;
}
.search-condition p {
	font-size: 14px;
	margin-bottom: 15px;
}
.task-list {
	padding-left: 10px;
	overflow: hidden;
}
.task-list li {
	width: 90px;
	cursor: pointer;
	text-align: center;
	display: block;
	float: left;
	border-radius: 14px;
	font-size: 14px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #333333;
	border: solid 1px #d7dce6;
	padding: 3px;
}
.task-list li.active {
	background-color: #12b7f5;
	color: #fff;
}
.btn-search {
	background-color: #12b7f5;
	color: #fff;
	border-radius: 0;
	width: 120px;
	margin-top: 30px;
}
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search:hover:active {
	background-color: #1c9aca;
	color: #fff;
	outline: none;
	outline-color: transparent;
}
/*日历*/
.calendar-content {
	margin: 0 auto;
	height: 100%;
}
/*图例注释*/
.calendar-descript {
	padding: 15px 20px;
	background-color: #fff;
}
.calendar-descript span {
	vertical-align: middle;
}
.icon {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
}
.icon-blue {
	background-color: #12b7f5;
	border-radius: 2px;
}
.icon-green {
	background-color: #2dbe55;
	border-radius: 2px;
}
.icon-flag {
	background-image: url(../images/woderenwu_icon.png);
	background-size: 100% 100%;
}
.icon-shuaxin {
	background-image: url(../images/icon/shuaxin.png);
}
.icon-shuaxin:hover {
	background-image: url(../images/icon/shuaxin1.png);
}
.icon-back {
	background-image: url(../images/icon/fanhui_icon.png);
}
.icon-back:hover {
	background-image: url(../images/icon/fanhui02_icon.png);
}
.icon-check {
	background-image: url(../images/wancheng_icon.png);
	background-size: 100% 100%;
}
.icon-prev {
	background-image: url(../images/icon/houtui_icon.png);
}
.icon-next {
	background-image: url(../images/icon/qianjing_icon.png);
}
.icon-rili {
	background-image: url(../images/icon/rilibiao02_icon.png);
}
.rili:hover .icon-rili,
.active .icon-rili {
	background-image: url(../images/icon/rilibiao_icon.png);
}
.icon-liebiao {
	background-image: url(../images/icon/shijianzhou_icon.png);
}
.shijianzhou:hover .icon-liebiao,
.active .icon-liebiao {
	background-image: url(../images/icon/shijianzhou02_icon.png);
}
.icon-20 {
	width: 20px;
	height: 20px;
}
.icon-16 {
	width: 16px;
	height: 16px;
}
/*周期*/
.calendar-week {
	background-color: #ebebf5;
	border: solid 1px #d7dce6;
	padding: 11px;
}
/*日期*/
.calendar-days>.flex-box {
	border-bottom: 1px solid #d7dce6;
	border-right: 1px solid #D7DCE6;
	/*border-left: 1px solid #D7DCE6;*/
}
.calendar-day {
	height: 135px;
	border-left: 1px solid #d7dce6;
	cursor: pointer;
	position: relative;
	padding: 5px;
	width: 14.28571428%;
	/*border-bottom: 1px solid #d7dce6;*/
}
.calendar-days .calendar-day:first-child {
	border-left-width: 0;
}
.calendar-day:hover {
	-webkit-box-shadow: 0 0 0 1px #12b7f5 inset;
	box-shadow: 0 0 0 1px #12b7f5 inset;
}
.calendar-day.current-day {
	background-color: #ddf6fe;
}
.no-server {
	text-align: center;
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	color: #c8c8c8;
	font-size: 18px;
}
/*彩带*/
.coloured-ribbon {
	font-size: 12px;
	width: 22px;
	text-align: center;
	height: 40px;
	display: inline-block;
	padding-top: 8px;
	line-height: 1;
	color: #fff;
}
.coloured-box {
	top: 0;
	position: absolute;
	right: 5px;
}
.coloured-ribbon-blue {
	background-image: url(../images/biaoqian-lanse_img.png);
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.coloured-ribbon-green {
	background-image: url(../images/biaoqian-lvse_img.png);
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: 5px;
}
.task-icon {
	position: absolute;
	left: 50px;
	top: 10px;
	min-height: 20px;
}
.task-icon .icon-check {
	position: absolute;
	right: -3px;
	bottom: 0;
	width: 15px;
	height: 15px;
}
.day-number {
	font-size: 28px;
	color: #999999;
	margin-bottom: 0;
	line-height: 1;
}
/*进度条*/
.progress-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 5px;
	text-align: center;
}
.progress-box .progress {
	margin-bottom: 9px;
	background-color: #d7dce6;
	border-radius: 10px;
	position: relative;
}
.progress-box .progress>span {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #333333;
	top: 2px;
}
.progress-box .progress-bar {
	background-color: #12b7f5;
	border-radius: 10px;
}
.progress-box .progress-bar-success {
	background-color: #2dbe55;
	border-radius: 10px;
}
/*页头*/
/*max-width: 1620px;*/
.page-title {
	/*position: fixed;
    top: 0;
    left: 0;
    right: 0;*/
	padding: 9px;
	border-bottom: 1px solid #d7dce6;
	z-index: 5;
	/*margin: 0 auto;*/
	background-color: #fff
}
.page-title-name {
	padding-right: 15px;
	font-size: 14px;
	border-right: 1px solid #d7dce6;
	display: inline-block;
	margin-right: 10px;
}
.page-title span {
	vertical-align: middle;
}
.mr10 {
	margin-right: 10px;
}
.page-title .icon {
	cursor: pointer;
}
.currentDay {
	font-size: 16px;
	margin: 0 25px;
	vertical-align: middle;
	width: 100px;
	text-align: justify;
	text-align-last: justify;
	display: inline-block;
}
.switch-list {
	border: solid 1px #12b7f5;
	border-radius: 6px;
	overflow: hidden;
}
.switch-list .icon {
	position: relative;
	top: 3px;
}
.rili,
.shijianzhou {
	width: 40px;
	height: 28px;
	display: inline-block;
	float: left;
	background-color: #fff;
}
.rili.active,
.shijianzhou.active,
.rili:hover,
.shijianzhou:hover {
	background-color: #12b7f5;
	border-radius: 5px;
}
/*列表展示*/
.time-axis td {
	border: none !important;
	color: inherit;
}
.time-axis th {
	background-color: #f5f5fa;
	border-bottom: solid 1px #d7dce6;
}
.time-axis td p {
	color: inherit;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.time {
	position: relative;
}
.time-box {
	position: relative;
	padding: 8px 50px 8px 8px!important;
}
.cur-status {
	position: absolute;
	z-index: 3;
	right: 5px;
	top: 50%;
	padding: 8px;
	line-height: 1;
	margin-top: -12.5px;
	border-radius: 100%;
	color: #fff;
}
.cur-status:empty {
	margin-top: -8px;
	right: 12.5px;
	background-color: #d7dce6;
}
.time-axis [is-future="1"] {
	background-color: #dff5fc;
	color: #12b7f5;
}
/*.time-axis [is-future="1"] td p,.time-axis [is-future="1"] td{}*/
.time-axis tr:hover {
	background-color: #f5f5fa;
	color: #333333;
}
/*.time-axis tr:hover p{}*/
[is-future="1"] .cur-status,
[is-future="2"] .cur-status {
	background-color: #12b7f5;
}
[is-future="-1"] .cur-status {
	background-color: #ff3b30;
}
.c-ff3b30 {
	color: #ff3b30!important;
}
[is-future="1"] .day-number {
	color: #12B6F4;
}
[is-future="2"] .day-number {
	color: #333;
}
[is-future="3"] .cur-status {
	background-color: #5cb85c;
}
.calendar-day[is-future="0"] {
	background-color: #f5f5fa;
}
.calendar-day[is-future="1"] {
	background-color: rgba(18, 182, 244, 0.25);
}
.calendar-day[is-future="3"] {
	background-color: #efefef;
}
.time-box:after {
	content: '';
	position: absolute;
	right: 0;
	z-index: 2;
	right: 19px;
	height: 100%;
	width: 1px;
	background-color: #d7dce6;
	top: 50%;
}
.time-axis tr:nth-last-of-type(1) .time-box:after {
	display: none;
}
.view-task {
	text-align: center;
	cursor: pointer;
}
.task-status {
	text-align: center;
}
[v-cloak] {
	display: none;
}
.visibility-hide {
	visibility: hidden;
}
.c-666 {
	color: #666!important;
}
.w-80 {
	width: 80%;
	margin: 0 auto;
}
.w400 {
	width: 400px;
}
.bgc-f5f5f5 {
	background-color: #f5f5f5;
}
.search-left {
	height: 100%;
	right: -400px;
	z-index: 999;
}
.tac{
	text-align: center;
}
.c-h100 {
	height: 100%;
}
.set-open {
	width: 40px;
	left: -40px;
	top: 0;
	cursor: pointer;
}
.set-close {
	width: 14px;
	height: 14px;
	top: 15px;
	right: 15px;
	background: url(../../../images/guanbi_icon.png) no-repeat no-repeat center center;
	background-size: 12px 12px;
	cursor: pointer;
}
.div-kuaisu-task {
	width: 98px;
	height: 28px;
	line-height: 28px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #d7dce6;
	position: absolute;
	right: 102px;
}
.calendar-descript {
	text-align: right;
}
.div-left {
	width: 460px;
	background-color: #ffffff;
	border-right: 1px solid #E1E1E1;
}
.div-right {
	width: calc(100% - 460px);
}
.rehabilition {
	height: calc(100% - 49px);
	padding-bottom: 0;
}
.tag {
	display: inline-block;
	/*background-image: url(../images/yuanjiao_biaoqian_img.png);*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 60px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	color: #fff;
	padding-left: 15px;
	position: absolute;
	left: 191px;
	top: 46px;
}
.tag-1 {
	background-image: url(../images/yuanjiao_biaoqian02_img.png);
}
.tag-2 {
	background-image: url(../images/yuanjiao_biaoqian03_img.png);
}
.tag-3 {
	background-image: url(../images/yuanjiao_biaoqian04_img.png);
}
.tag-4 {
	background-image: url(../images/yuanjiao_biaoqian01_img.png);
}
.div-patient-home {
	width: 98px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 2px;
	border: solid 1px #d7dce6;
	margin-top: 5px;
	cursor: pointer;
}
.div-patient-comfirm {
	width: 98px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 2px;
	border: solid 1px #12b7f5;
	margin-top: -4px;
	cursor: pointer;
}
.progress-bar {
	position: relative;
	width: 100%;
	height: 28px;
	border-radius: 28px;
	background-color: #ebebf5;
}
.progress-bar .progress {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	border-radius: 28px;
}
.progress-bar .p-text {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	z-index: 2;
}
.progress-bar.h15,
.progress-bar.h15 .progress,
.progress-bar.h15 .p-text {
	height: 15px;
	border-radius: 15px;
	line-height: 15px;
	font-size: 12px;
}
.bgc-ff9526 {
	background-color: #ff9526;
}
.bgc-12b7f5 {
	background-color: #12b7f5;
}
.flex-box {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-box-item {
	-webkit-box-flex: 1;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
	/* OLD - Firefox 19- */
	-webkit-flex: 1;
	/* Chrome */
	-ms-flex: 1;
	/* IE 10 */
	width: 50%;
	/* For old syntax, otherwise collapses. */
	flex: 1;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	position: relative;
}
[flex-grow="2"] {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}
[flex-grow="5"] {
	-webkit-box-flex: 5;
	-ms-flex-positive: 5;
	flex-grow: 5;
}
body,
html,
.c-container {
	height: 100%;
}
.rehabilition {
	/*height: 100%;*/
	overflow: hidden;
	/*overflow-y: scroll;*/
	/*padding-top: 49px;*/
	/*max-width: 1620px;*/
	margin: 0 auto;
	padding-bottom: 50px;
}
.nav-content-right {
	height: 100%;
	overflow: auto;
}
.search-left {
	border-right: solid 1px #d7dce6;
	background-color: #f5f5f5;
	height: 100%;
}
.mw400 {
	max-width: 400px;
}
.search-condition {
	padding: 20px 10px;
	border-bottom: solid 1px #d7dce6;
}
.search-condition p {
	font-size: 14px;
	margin-bottom: 15px;
}
.task-list {
	padding-left: 10px;
	overflow: hidden;
}
.task-list li {
	width: 90px;
	cursor: pointer;
	text-align: center;
	display: block;
	float: left;
	border-radius: 14px;
	font-size: 14px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #333333;
	border: solid 1px #d7dce6;
	padding: 3px;
}
.task-list li.active {
	background-color: #12b7f5;
	color: #fff;
}
.btn-search {
	background-color: #12b7f5;
	color: #fff;
	border-radius: 0;
	width: 120px;
	margin-top: 30px;
}
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search:hover:active {
	background-color: #1c9aca;
	color: #fff;
	outline: none;
	outline-color: transparent;
}
/*日历*/
.calendar-content {
	margin: 0 auto;
	height: 100%;
}
/*图例注释*/
.calendar-descript {
	padding: 15px 20px;
	background-color: #fff;
}
.calendar-descript span {
	vertical-align: middle;
}
.icon {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
}
.icon-blue {
	background-color: #12b7f5;
	border-radius: 2px;
}
.icon-green {
	background-color: #2dbe55;
	border-radius: 2px;
}
.icon-flag {
	background-image: url(../images/woderenwu_icon.png);
	background-size: 100% 100%;
}
.icon-shuaxin {
	background-image: url(../images/icon/shuaxin.png);
}
.icon-shuaxin:hover {
	background-image: url(../images/icon/shuaxin1.png);
}
.icon-back {
	background-image: url(../images/icon/fanhui_icon.png);
}
.icon-back:hover {
	background-image: url(../images/icon/fanhui02_icon.png);
}
.icon-check {
	background-image: url(../images/wancheng_icon.png);
	background-size: 100% 100%;
}
.icon-prev {
	background-image: url(../images/icon/houtui_icon.png);
}
.icon-next {
	background-image: url(../images/icon/qianjing_icon.png);
}
.icon-rili {
	background-image: url(../images/icon/rilibiao02_icon.png);
}
.rili:hover .icon-rili,
.active .icon-rili {
	background-image: url(../images/icon/rilibiao_icon.png);
}
.icon-liebiao {
	background-image: url(../images/icon/shijianzhou_icon.png);
}
.shijianzhou:hover .icon-liebiao,
.active .icon-liebiao {
	background-image: url(../images/icon/shijianzhou02_icon.png);
}
.icon-20 {
	width: 20px;
	height: 20px;
}
.icon-16 {
	width: 16px;
	height: 16px;
}
/*周期*/
.calendar-week {
	background-color: #ebebf5;
	border: solid 1px #d7dce6;
	padding: 11px;
}
/*日期*/
.calendar-days>.flex-box {
	border-bottom: 1px solid #d7dce6;
	border-right: 1px solid #D7DCE6;
	/*border-left: 1px solid #D7DCE6;*/
}
.calendar-day {
	height: 135px;
	border-left: 1px solid #d7dce6;
	cursor: pointer;
	position: relative;
	padding: 5px;
	width: 14.28571428%;
	/*border-bottom: 1px solid #d7dce6;*/
}
.calendar-days .calendar-day:first-child {
	border-left-width: 0;
}
.calendar-day:hover {
	-webkit-box-shadow: 0 0 0 1px #12b7f5 inset;
	box-shadow: 0 0 0 1px #12b7f5 inset;
}
.calendar-day.current-day {
	background-color: #ddf6fe;
}
.no-server {
	text-align: center;
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	color: #c8c8c8;
	font-size: 18px;
}
/*彩带*/
.coloured-ribbon {
	font-size: 12px;
	width: 22px;
	text-align: center;
	height: 40px;
	display: inline-block;
	padding-top: 8px;
	line-height: 1;
	color: #fff;
}
.coloured-box {
	top: 0;
	position: absolute;
	right: 5px;
}
.coloured-ribbon-blue {
	background-image: url(../images/biaoqian-lanse_img.png);
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.coloured-ribbon-green {
	background-image: url(../images/biaoqian-lvse_img.png);
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: 5px;
}
.task-icon {
	position: absolute;
	left: 50px;
	top: 10px;
	min-height: 20px;
}
.task-icon .icon-check {
	position: absolute;
	right: -3px;
	bottom: 0;
	width: 15px;
	height: 15px;
}
.day-number {
	font-size: 28px;
	color: #999999;
	margin-bottom: 0;
	line-height: 1;
}
/*进度条*/
.progress-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 5px;
	text-align: center;
}
.progress-box .progress {
	margin-bottom: 9px;
	background-color: #d7dce6;
	border-radius: 10px;
	position: relative;
}
.progress-box .progress>span {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #333333;
	top: 2px;
}
.progress-box .progress-bar {
	background-color: #12b7f5;
	border-radius: 10px;
}
.progress-box .progress-bar-success {
	background-color: #2dbe55;
	border-radius: 10px;
}
/*页头*/
/*max-width: 1620px;*/
.page-title {
	/*position: fixed;
    top: 0;
    left: 0;
    right: 0;*/
	padding: 9px;
	border-bottom: 1px solid #d7dce6;
	z-index: 5;
	/*margin: 0 auto;*/
	background-color: #fff
}
.page-title-name {
	padding-right: 15px;
	font-size: 14px;
	border-right: 1px solid #d7dce6;
	display: inline-block;
	margin-right: 10px;
}
.page-title span {
	vertical-align: middle;
}
.mr10 {
	margin-right: 10px;
}
.page-title .icon {
	cursor: pointer;
}
.currentDay {
	font-size: 16px;
	margin: 0 25px;
	vertical-align: middle;
	width: 100px;
	text-align: justify;
	text-align-last: justify;
	display: inline-block;
}
.switch-list {
	border: solid 1px #12b7f5;
	border-radius: 6px;
	overflow: hidden;
}
.switch-list .icon {
	position: relative;
	top: 3px;
}
.rili,
.shijianzhou {
	width: 40px;
	height: 28px;
	display: inline-block;
	float: left;
	background-color: #fff;
}
.rili.active,
.shijianzhou.active,
.rili:hover,
.shijianzhou:hover {
	background-color: #12b7f5;
	border-radius: 5px;
}
/*列表展示*/
.time-axis td {
	border: none !important;
	color: inherit;
}
.time-axis th {
	background-color: #f5f5fa;
	border-bottom: solid 1px #d7dce6;
}
.time-axis td p {
	color: inherit;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.time {
	position: relative;
}
.time-box {
	position: relative;
	padding: 8px 50px 8px 8px!important;
}
.cur-status {
	position: absolute;
	z-index: 3;
	right: 5px;
	top: 50%;
	padding: 8px;
	line-height: 1;
	margin-top: -12.5px;
	border-radius: 100%;
	color: #fff;
}
.cur-status:empty {
	margin-top: -8px;
	right: 12.5px;
	background-color: #d7dce6;
}
.time-axis [is-future="1"] {
	background-color: #dff5fc;
	color: #12b7f5;
}
/*.time-axis [is-future="1"] td p,.time-axis [is-future="1"] td{}*/
.time-axis tr:hover {
	background-color: #f5f5fa;
	color: #333333;
}
/*.time-axis tr:hover p{}*/
[is-future="1"] .cur-status,
[is-future="2"] .cur-status {
	background-color: #12b7f5;
}
[is-future="-1"] .cur-status {
	background-color: #ff3b30;
}
.c-ff3b30 {
	color: #ff3b30!important;
}
[is-future="1"] .day-number {
	color: #12B6F4;
}
[is-future="2"] .day-number {
	color: #333;
}
[is-future="3"] .cur-status {
	background-color: #5cb85c;
}
.calendar-day[is-future="0"] {
	background-color: #f5f5fa;
}
.calendar-day[is-future="1"] {
	background-color: rgba(18, 182, 244, 0.25);
}
.calendar-day[is-future="3"] {
	background-color: #efefef;
}
.time-box:after {
	content: '';
	position: absolute;
	right: 0;
	z-index: 2;
	right: 19px;
	height: 100%;
	width: 1px;
	background-color: #d7dce6;
	top: 50%;
}
.time-axis tr:nth-last-of-type(1) .time-box:after {
	display: none;
}
.view-task {
	text-align: center;
	cursor: pointer;
}
.task-status {
	text-align: center;
}
[v-cloak] {
	display: none;
}
.visibility-hide {
	visibility: hidden;
}
.c-666 {
	color: #666!important;
}
.w-80 {
	width: 80%;
	margin: 0 auto;
}
.w400 {
	width: 400px;
}
.bgc-f5f5f5 {
	background-color: #f5f5f5;
}
.search-left {
	height: 100%;
	right: -400px;
	z-index: 999;
}
.tac{
	text-align: center;
}
.c-h100 {
	height: 100%;
}
.set-open {
	width: 40px;
	left: -40px;
	top: 0;
	cursor: pointer;
}
.set-close {
	width: 14px;
	height: 14px;
	top: 15px;
	right: 15px;
	background: url(../../../images/guanbi_icon.png) no-repeat no-repeat center center;
	background-size: 12px 12px;
	cursor: pointer;
}
.div-kuaisu-task {
	width: 98px;
	height: 28px;
	line-height: 28px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #d7dce6;
	position: absolute;
	right: 102px;
}
.calendar-descript {
	text-align: right;
}
.div-left {
	width: 460px;
	background-color: #ffffff;
	border-right: 1px solid #E1E1E1;
}
.div-right {
	width: calc(100% - 460px);
}
.rehabilition {
	height: calc(100% - 49px);
	padding-bottom: 0;
}
.tag {
	display: inline-block;
	/*background-image: url(../images/yuanjiao_biaoqian_img.png);*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 60px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	color: #fff;
	padding-left: 15px;
	position: absolute;
	left: 191px;
	top: 46px;
}
.tag-1 {
	background-image: url(../images/yuanjiao_biaoqian02_img.png);
}
.tag-2 {
	background-image: url(../images/yuanjiao_biaoqian03_img.png);
}
.tag-3 {
	background-image: url(../images/yuanjiao_biaoqian04_img.png);
}
.tag-4 {
	background-image: url(../images/yuanjiao_biaoqian01_img.png);
}
.div-patient-home {
	width: 98px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 2px;
	border: solid 1px #d7dce6;
	margin-top: 5px;
	cursor: pointer;
}
.div-patient-comfirm {
	width: 98px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 2px;
	border: solid 1px #12b7f5;
	margin-top: -4px;
	cursor: pointer;
}
.progress-bar {
	position: relative;
	width: 100%;
	height: 28px;
	border-radius: 28px;
	background-color: #ebebf5;
}
.progress-bar .progress {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	border-radius: 28px;
}
.progress-bar .p-text {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	z-index: 2;
}
.progress-bar.h15,
.progress-bar.h15 .progress,
.progress-bar.h15 .p-text {
	height: 15px;
	border-radius: 15px;
	line-height: 15px;
	font-size: 12px;
}
.bgc-ff9526 {
	background-color: #ff9526;
}
.bgc-12b7f5 {
	background-color: #12b7f5;
}
.ui-grid .ui-col-0 .i-icon{
	width: 20px;
	height: 20px;
	margin-left: 12px;
}
.faqi-btn{
	background: #12b7f5;
    display: inline-block;
    padding: 0px 4px;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    cursor: pointer;
}
.faqi-btn>img{
    width: 12px;
    vertical-align: initial;
    margin-right: 4px;
}
.wkp-end{
	-webkit-box-pack: end;
}

app/rehabilitation/html/rehabilitation_management.html

@@ -1,3 +1,4 @@
<<<<<<< HEAD
<!DOCTYPE html>
<html>
@@ -302,4 +303,313 @@
		<script type="text/javascript" src="../js/rehabilitation_management.js"></script>
	</body>
=======
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>康复管理</title>
		<link rel="shortcut icon" href="../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/date.css" />
		<link rel="stylesheet" href="../css/rehabilitation_management.css" />
		<style>
			.plr11{
				padding-left: 11px;
				padding-right: 11px;
			}
			.div-line{
				width: 4px; height: 20px;background: #12b7f5;
				margin-right: 9px;
				margin-top: 5px;
			}
			.lh30{
				height: 30px;
				line-height: 30px;
			}
			.mr21{
				margin-right: 21px;
			}
			.c-ff9630{
				color: #ff9630;
			}
			.pb23{
				padding-bottom: 23px;
			}
			.plr13{
				padding-left: 13px;
				padding-right: 13px;
			}
			.dialos-textarea{
				padding: 25px 10px 25px 15px;
				min-height: 140px;
				width: 100%;
				background: #F5F5FA;
				border: 0;
				margin-top: 5px;
				text-indent: 28px;
				resize: none;
				line-height: 28px;
			}
			.bgc-2dbe55 {background-color: #2dbe55;}
		</style>
	</head>
	<body>
		<div class="c-container ui-grid ui-grid-vertical" id="app" v-cloak>
			<div class="page-title flex-box ui-col-0">
				<div class="flex-box-item mw400" flex-grow="2">
					<span class="page-title-name">康复计划</span>
					<a class="icon icon-back icon-16 mr10" href="javascript:history.back();"></a><i class="icon icon-shuaxin icon-16" @click="refreshPage"></i>
				</div>
				<div class="flex-box-item text-center" flex-grow="5">
					<div class="div-kuaisu-task" @click="changeSearch(1)" v-show="tabStatus!=3">快速找任务</div>
					<div class="pull-right switch-list" v-show="tabStatus!=3">
						<span class="rili" :class="{active:(tabStatus==1)}" @click="tabStatus=1"><i class="icon icon-rili icon-20"></i></span>
						<span class="shijianzhou" :class="{active:(tabStatus==2)}" @click="tabStatus=2"><i class="icon icon-liebiao icon-20"></i></span>
					</div>
				</div>
			</div>
			<div class="rehabilition c-position-r bgc-f5f5f5 ui-col-1">
				<div class="search-left w400 c-position-a">
					<span class="c-position-a set-close" @click="changeSearch(-1)"></span>
					<div class="search-condition">
						<p>快速找任务</p>
						<ul class="task-list">
							<li :class="{'active':(searchTask==task.code)}" v-for="task in taskArr" @click="changeTask(task)">{{task.name}}</li>
						</ul>
						<p>任务状态</p>
						<ul class="task-list">
							<li :class="{'active':(status==sts.code)}" v-for="sts in statusArr" @click="changeStatus(sts.code)">{{sts.name}}</li>
						</ul>
					</div>
					<div class="text-center">
						<button class="btn btn-search" @click="goToLoadData">确认</button>
					</div>
				</div>
				<div class="ui-grid c-h100">
					<div class="div-left ui-col-0 plr11" style="position: fixed;height: 100%;overflow: auto;">
						<div class="ui-grid c-border-b lh30">
							<div class="ui-col-0 div-line"></div>
							<div class="ui-col-1 c-f16 c-333">居民信息</div>
						</div>
						<div class="ui-grid c-border-b pb15 pt15">
							<div class="ui-col-0 mr10">
								<img :src="setImgSrc(planInfo.patientPhoto)" width="40" class="c-images-cycle">
							</div>
							<div class="ui-col-1">
								<div class="mt10"><span class="c-f16 mr5">{{planInfo.patientName}}</span><span class="c-f16 c-999">({{planInfo.sex}} {{planInfo.age}}岁)</span></div>
								<div class="tag mt10 tag-1 ml20"></div>
							</div>
							<div class="ui-col-0 div-patient-home c-f14 c-333">进入居民首页</div>
						</div>
						<div class="ui-grid mt15 pb15">
							<div class="ui-col-1 c-f16 c-333">冠心病康复计划</div>
							<div class="ui-col-1 c-f14 c-999">总进度：</div>
							<div class="ui-col-0 div-patient-comfirm c-f14 c-fff bgc-12b7f5" v-show="planInfo.status==2 && !planInfo.patientImg" @tap="weiXinConfirmClick">邀请居民确认</div>
						</div>
						<div class="ui-grid">
							<div class="ui-col-1">
								<div class="progress-bar">
									<span class="progress bgc-ff9526" :style="{width: (planInfo.finishedCount/planInfo.allCount*100)+'%'}"></span>
									<span class="p-text">{{planInfo.finishedCount}}/{{planInfo.allCount}}</span>
								</div>
							</div>
						</div>
						<div class="ui-grid mt15 wkp-end" >
							<div class="ui-col-1 faqi-btn" @click="openVideoChat()"><img src="../images/icon/msg_icon.png">发起会诊</div>
						</div>
						<div class="ui-grid c-border-b lh30">
							<div class="ui-col-0 div-line"></div>
							<div class="ui-col-1 c-f16 c-333">服务医生</div>
						</div>
						<div class="ui-grid pt15" v-for="(doc, index) in docList" :key="index">
							<div class="ui-col-0 ml30 mr21">
								<img :src="setImgSrc(doc.doctorPhoto)" width="40" class="c-images-cycle">
							</div>
							<div class="ui-col-0" style="width: 150px;">
								<div class="c-f16 c-333">{{doc.doctorName}}<img v-if="doc.doctorCode!=curDoc.code" @click="openVideoChat(doc)" class="i-icon" src="../../../images/shiping_icon_pre.png"></div>
								<div class="c-f14 c-999">{{doc.type}}</div>
							</div>
							<div class="ui-col-1" style="width: 200px;">
								<div class="c-f14 c-333">完成项目：<span class="c-f14 c-ff9630">{{doc.finishedItem}}</span></div>
								<div class="c-f14 c-333">服务次数：<span class="c-f14 c-ff9630">{{doc.serviceCount}}</span></div>
							</div>
						</div>
						<div class="ui-grid c-border-b lh30 mt15">
							<div class="ui-col-0 div-line"></div>
							<div class="ui-col-1 c-f16 c-333">医嘱小结</div>
						</div>
						<div class="w-100 c-border pb23 plr13 mt10 mb50">
							<div class="ui-grid pt20">
								<div class="ui-col-1" v-if="diagnosisInformation">
									<div class="ui-grid">
										<div class="c-f14 c-999 ui-col-1">{{diagnosisInformation.dischargeDiagnosis}}</div>
										<div class="c-f14 c-999 ui-col-0">{{diagnosisInformation.dischargeTime}}</div>
									</div>
									<div class="dialos-textarea c-f14 c-333">{{diagnosisInformation.advice}}</div>
								</div>
								<div class="ui-col-1 c-t-center" v-if="!diagnosisInformation">无医嘱小结</div>
							</div>
						</div>
					</div>
					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;height: 100%;" v-show="tabStatus==3">
						<iframe id="framePage" src="" style="width: 100%;height: 100%;border: 0;"></iframe>
					</div>
					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;" v-show="tabStatus!=3">
						<span v-if="!isFastSearch" style="position: absolute;top: 15px;left: 101px;">
						<i class="icon icon-prev icon-20" @click="preMonth"></i>
						<span class="currentDay">{{currentDay}}</span>
						<i class="icon icon-next icon-20" @click="nextMonth"></i></span>
						<div class="calendar-content ui-grid ui-grid-vertical" v-show="tabStatus==1">
							<div class="calendar-descript">
								<span>图例注释： </span><i class="icon icon-blue"></i> <span>专科团队</span>&emsp;<i class="icon icon-green"></i> <span>家医团队</span>&emsp; <i class="icon icon-flag"></i> <span>我的任务</span>
							</div>
							<!--快速查找-->
							<div class="ui-col-1 c-border-t" style="overflow: hidden; overflow-y: scroll;" v-if="isFastSearch">
								<div class="calendar-days" v-for="searchData1 in searchData">
                                    <div v-for="items in searchData1" class="flex-box clearfix">
                                    	<div class="fl flex-box calendar-day c-fff c-f28 bgc-2dbe55">
                                    		<p class="p0">{{items[0].mounth}}月</p>
                                    	</div>
										<div class="fl calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
		                                    <span class="day-number">{{item.day}}</span>
		                                    <div class="task-icon">
		                                        <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>
		                                        <i v-if="item.finishFlag" class="icon icon-check"></i>
		                                    </div>
		                                    <div class="coloured-box">
		                                        <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>
		                                        <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>
		                                    </div>
		                                    <div class="progress-box">
		                                        <div class="progress" :style="{opacity:item.specialist?'1':'0'}">
		                                            <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>
		                                            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>
		                                        </div>
		                                        <div class="progress" :style="{opacity:item.family?'1':'0'}">
		                                            <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>
		                                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>
		                                        </div>
		                                        <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>
		                                    </div>
		                                    <p v-if="item.noService" class="no-server">无服务项</p>
		                                </div>
		                            </div>
		                       </div>
							</div>
							<!--无快速查找-->
							<div class="ui-col-1" style="overflow: hidden; overflow-y: scroll;" v-if="!isFastSearch">
							    <div class="calendar-week">
                                    <div class="flex-box text-center">
                                        <div class="flex-box-item">
                                            周一
                                        </div>
                                        <div class="flex-box-item">
                                            周二
                                        </div>
                                        <div class="flex-box-item">
                                            周三
                                        </div>
                                        <div class="flex-box-item">
                                            周四
                                        </div>
                                        <div class="flex-box-item">
                                            周五
                                        </div>
                                        <div class="flex-box-item">
                                            周六
                                        </div>
                                        <div class="flex-box-item">
                                            周日
                                        </div>
                                    </div>
                                </div>
                                <div class="calendar-days">
                                    <div v-for="items in calendarData" class="flex-box">
                                        <!--
                                    -->
                                        <div class="calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
                                            <span class="day-number">{{item.day}}</span>
                                            <div class="task-icon">
                                                <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>
                                                <i v-if="item.finishFlag" class="icon icon-check"></i>
                                            </div>
                                            <div class="coloured-box">
                                                <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>
                                                <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>
                                            </div>
                                            <div class="progress-box">
                                                <div class="progress" :style="{opacity:item.specialist?'1':'0'}">
                                                    <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>
                                                </div>
                                                <div class="progress" :style="{opacity:item.family?'1':'0'}">
                                                    <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>
                                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>
                                                </div>
                                                <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>
                                            </div>
                                            <p v-if="item.noService" class="no-server">无服务项</p>
                                        </div>
                                    </div>
    							</div>
							</div>
						</div>
						<div class="time-axis mt50" v-show="tabStatus==2">
							<table class="table">
								<tr>
									<th style="padding-right: 50px;text-align: right;">时间</th>
									<th>项目</th>
									<th>执行人员</th>
									<th>执行地点</th>
									<th class="text-center">相关记录</th>
									<th class="text-center">状态</th>
								</tr>
								<tr v-for="item in timeAxisData" :is-future="item.future">
									<td class="time text-right time-box">
										<p class="mb5">{{item.date}}</p>
										<p class="mb0">{{item.time}}</p>
										<span class="cur-status">{{item.html}}</span>
									</td>
									<td class="project-name mw400">
										<p class="mb5">{{item.title}}</p>
										<p class="ellipsis mb0">{{item.content}}</p>
									</td>
									<td class="executor">{{item.doctor_name}}</td>
									<td class="place-of-execution">{{item.hospital_name}}</td>
									<td class="view-task" @click="viewDetail(item.id,item.status,1)">查看</td>
									<td class="task-status" :class="item.future==-1?'c-ff3b30':(item.status==0?'c-666':'')">{{item.status==0?'未完成':(item.status==1?'已完成':'已预约')}}</td>
								</tr>
								<tr v-if="!timeAxisData.length">
									<td colspan="6" class="f16 ptb10 text-center">
										<img src="../../../images/wushuju_img.png" />
										<p class="c-666">暂无数据</p>
									</td>
								</tr>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/toastr/toastr.min.js"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
		<script type="text/javascript" src="../../../api/recover_api.js"></script>
		<script type="text/javascript" src="../../../api/videochat-api.js"></script>
		<script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/rehabilitation_management.js"></script>
	</body>
>>>>>>> 4107b747abb317f0db44a6a3ced7bd19ea55a295
</html>

app/rehabilitation/js/rehabilitation_management.js

@@ -1,3 +1,4 @@
<<<<<<< HEAD
!function(){
				var httpData=GetRequest();
				var currentGMT=new Date();//当前时间GMT
@@ -523,4 +524,581 @@
			}
		}
	})
=======
!function(){
				var httpData=GetRequest();
				var currentGMT=new Date();//当前时间GMT
	new Vue({
		el:"#app",
		data:{
			ynow: currentGMT.getFullYear(),//年份
			mnow: currentGMT.getMonth(),//月份（比实际少一个月---0开始至11）
			dnow: currentGMT.getDate(),//当前日
			currentDay:null,//带中文格式的当前年月
			currentDayForEn:null,//不带中文格式年月日2018/10/01如果写成/的话  转换成时间戳会变成北京时间8点
			calendarData:[],//日历数据
			timeAxisData:[],//时间轴数据
			__Data:[],//当前的年月（日历）
			__xData:[],//当前的年月(时间轴)
			isFastSearch: false, // 是否是快速查找任务
			status:null,//任务状态（0未完成，1已完成，2已预约）
			searchTask:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）
			searchTaskName:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）
			planId: httpData['planId'],
			patientCode: httpData['patientCode'],
			curDoc: JSON.parse(localStorage.docInfo),
			taskArr:[
				{code:1,name:'我的任务'},
				{code:2,name:'健康教育'},
				{code:3,name:'健康指导'},
				{code:4,name:'随访'},
				{code:5,name:'复诊'},
			],
			statusArr:[
				{code:0,name:'未完成'},
				{code:1,name:'已完成'},
				{code:2,name:'已预约'},
			],
			curTask:'',//快速查找是否点击了搜索按钮
			curTaskName:'',//快速查找是否点击了搜索按钮
			tabStatus:null,
			planInfo:{},
			docList:[],
			diagnosisInformation: null,
			searchData: [], // 搜索计划安排（去年、今年、明年）
		},
		mounted:function(){
			if(!this.planId){
				layer.msg('未传入计划id（planId）',{icon:2})
			}else{							
				this.tabStatus=1;
			}
			this.planSchedule();
			this.serviceDoctorList();//获取服务医生列表
			this.bindEvents();
			// 获取最新的诊疗信息1条
            this.findDiagnosisInformationByPlanId()
		},
		methods:{
			//获取计划表
			planSchedule:function(){
				var vm = this;
				var  params = {
		            planId: this.planId,
		            patientCode: this.patientCode
		        };
				rehaAPI.planSchedule(params).then(function(res){
					 if(res.status == 200){
			            vm.planInfo = res.data;
			            vm.planInfo.tagClass = "tag-"+res.data.healthyConditionType;
			            //patientImg：居民签名照/证件照,如果不为null的话说明居民已确认，显示康复完成明细
			            if(vm.planInfo.status==2 && !vm.planInfo.patientImg){//任务全部完成时，显示完成提示框
							vm.showCompleteDailog();
			            }else if(vm.planInfo.status==2 && vm.planInfo.patientImg){//居民已确认计划完成
			            	vm.tabStatus=3;
							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)
			            }
			        }else{
			        	layer.msg(res.msg,{icon:5});
			        }
				})
			},
			// 获取最新的诊疗消息
			findDiagnosisInformationByPlanId: function() {
				var vm = this,
					loading = layer.load(0, {shade: false}),
					params = {
						planId: vm.planId
					}
				recoverAPI.findDiagnosisInformationByPlanId(params).then(function(res) {
					layer.close(loading)
					if(res.status == 200) {
						vm.diagnosisInformation = res.data
					} else {
						showErrorMessage(res.msg);
					}
				})
			},
			serviceDoctorList:function(){
				var vm = this;
				rehaAPI.serviceDoctorList({patientCode: this.patientCode}).then(function(res){
					 if(res.status == 200){
					 	vm.docList = res.data;
					 }else{
			        	layer.msg(res.msg,{icon:5});
			        }
				})
			},
			weiXinConfirmClick:function(){
				var vm = this;
				rehaAPI.sendWxMsg({planId: this.planId}).then(function(res){
					 if(res.status == 200){
					 	layer.msg("发送成功，等待居民确认");
					 	setTimeout(function(){
					 		vm.tabStatus=3;
							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)
					 	},1000)
					 }else{
			        	layer.msg(res.msg,{icon:5});
			        }
				})
			},
			setImgSrc: function (src) {
                var str = httpRequest.getImgUrl(src)
                return str
            },
			showCompleteDailog:function(){
				layer.confirm('<div class="mt10 tac"><image src="../images/yiwancheng_icon.png" width="100" height="100"/><div class="mt20 c-f20 c-333 mb40">本次康复计划已完成</div><div class="div-patient-comfirm c-f14 c-fff bgc-12b7f5" style="margin:40px auto 20px;">邀请居民确认</div></div>', { 
		    		btn: [],
		    		area: ["400px", "340px"],
		    		title: "完成提示"
		    	}, function (index) {
		    		
	//	            layer.close(index);
		        });
			},
			refreshPage:function(){
				if(!this.planId){
					layer.msg('未传入计划id（planId）',{icon:2})
					return ;
				}
				this.goToLoadData(true);
			},
			bindEvents:function(){
				var vm = this;
				$("body").on("click",".div-patient-comfirm",function(){
					layer.closeAll();
					vm.weiXinConfirmClick();
				}).on("click", ".div-patient-home", function() {
					location.href = "../../recover/html/personal-manage.html?patientCode=" + vm.patientCode
				})
			},
			viewDetail:function(planids,status,type){
				var vm=this;
				if(!planids){
					layer.msg('无服务项',{icon:5})
					return ;
				}
				if(status==1 && type==1){
					top.layer.open({
					  type: 2,
					  area: ['800px', '650px'],
					  shade: 0.5,
					  title: '完成项目确认',
					  fixed: true, //不固定
					  maxmin: true,
					  closeBtn:1,
					  shift: 5,
					  shadeClose: false, //点击遮罩关闭层
					  content: '../../rehabilitation/html/guide_the_message.html?planid='+planids
					});
					return ;
				}
//							planids='402803f6657f195301657f4c4ce70000';
				layer.open({
				  type: 2,
				  area: ['800px', '650px'],
				  shade: 0.5,
				  title: '服务项目内容',
				  fixed: true, //不固定
				  maxmin: true,
				  closeBtn:1,
				  shift: 5,
				  shadeClose: false, //点击遮罩关闭层
				  content: '../../rehabilitation/html/service_item_content.html?planids='+planids,
				  end:function(){
				  	vm.goToLoadData(true);	
				  }
					
				});
			},
			changeStatus:function(val){
				this.status=this.status==val?null:val;
			},
			changeTask:function(val){
				this.searchTask=this.searchTask==val.code?null:val.code;
				this.searchTaskName=this.searchTaskName==val.name?null:val.name;
			},
			monDetail:function(){
			  this.currentDay = this.ynow + '年'+ (this.mnow + 1) +'月';
			  this.currentDayForEn=this.ynow+'/'+(this.mnow>=9?(this.mnow+1):"0"+(this.mnow+1))+'/'+(this.dnow>=9?this.dnow:"0"+this.dnow)
			},
			is_leap:function(year) {  //判断是否为闰年
			   return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));
			},
			preMonth:function(){  //上一个月
			  if(this.mnow<=0){
			    this.mnow=11;
			    this.ynow=this.ynow-1;
			  }else{
			    this.mnow--;
			  }
			  this.monDetail();
			  this.goToLoadData(true);
			},
			getPreMouth:function(){
				var pMnow,pYnow;
				if(this.mnow<=0){
				    pMnow=11;
				    pYnow=this.ynow-1;
				  }else{
				    pMnow=this.mnow-1;
				    pYnow=this.ynow;
				  }
				var m_days=new Array(31,(28+this.is_leap(pYnow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
				return {
						days:m_days[pMnow],
						date:pYnow+'-'+(++pMnow>=10?pMnow:"0"+pMnow)
					}
			},
			nextMonth:function(){   //下一个月
			  if(this.mnow>=11){
			    this.mnow=0;
			    this.ynow=this.ynow+1;
			  }else{
			     this.mnow++;
			  }
			  this.monDetail();
			  this.goToLoadData(true);			
			},
			getNextMouth:function(){
				var nMnow,nYnow;
				if(this.mnow>=11){
				    nMnow=0;
				    nYnow=this.ynow+1;
				  }else{
				     nMnow=this.mnow+1;
				     nYnow=this.ynow;
				  }
				var m_days=new Array(31,(28+this.is_leap(nYnow)),31,30,31,01,31,31,30,31,30,31);  //每个月的天数
				return {
						days:m_days[nMnow],
						date:nYnow+'-'+(++nMnow>=10?nMnow:"0"+nMnow)
					}
			},
			goToLoadData:function(flag){//flag是否更新数据
				this.tabStatus==1 && (!this.calendarData.length || flag) && this.calendar();
				this.tabStatus==2 && (!this.timeAxisData.length || flag) && this.timeAxis();
				this.changeSearch(-1)
			},
			calendar:function(){
			  var nlstr = new Date(this.ynow,this.mnow,1);  //当月第一天
			  var firstday = nlstr.getDay()-1;//第一天星期几,默认是周日  我们改成周一
			  firstday=firstday==-1?6:firstday;//如果是-1，说明当月的第一天是周日
			  var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
			  var tr_str=Math.ceil((m_days[this.mnow] + firstday)/7);   //当前月天数+第一天是星期几的数值   获得 表格行数
			  var c_days=m_days[this.mnow];//当前月份的天数
			  var p_arr=this.getPreMouth();
			  var n_arr=this.getNextMouth();
			  var i,k,idx,date_str;
			  var dataArr=[];//天数/年月
			  for(i=0;i<tr_str;i++) { //表格的行
			     for(k=0;k<7;k++) { //表格每行的单元格
			        idx=i*7+k; //单元格自然序列号
			        date_str=idx-firstday+1; //计算日期
			        var __ym;
			        if(date_str<=0){//过滤无效日期（小于等于零的、大于月总天数的）
			        	date_str=date_str+p_arr['days'];//当前日期+上个月的天数就是上个月的日期
			        	__ym=p_arr['date'];
			        }else if(date_str>c_days){
			        	date_str=date_str-c_days;//下个月的日期就是这个月的天数-当月的天数
			        	__ym=n_arr['date'];
			        }else{
			        	__ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);
			        }
			        dataArr.push({
			        	day:date_str,
			        	date:__ym
			        });
			     }
			  }
			  this.__Data=dataArr;
			  this.monDetail();
			  this.calenderPlanDetail();
			},
			daysSort: function(arr) {
				var getArr = JSON.parse(JSON.stringify(arr)),
					returnArr = []
				for(var i = 1; i < 31; i++) {
					for(var j = 0, len = getArr.length; j < len; j++) {
						var stri = i > 9 + '' ? i : '0'+i
						if(getArr[j].day == stri) {
							returnArr.push(getArr[j])
							getArr.splice(j,1)
							break;
						}
					}
				}
				return returnArr
			},
			// 日历有计划数据处理
			planHandleData: function(data, day, mounth) {
				var item = data;
				item.day = day;
				if(mounth) {item.mounth = mounth}
				var finishFlag=false
				var sFlag=false;
				var fFlag=false;
				if(item.specialist){
					if(item.specialist.all==item.specialist.finish){
						sFlag=true;
					}
				}else{
					sFlag = true;
				}
				if(item.family){
					if(item.family.all==item.family.finish){
						fFlag = true;
					}
				}else{
					fFlag = true;
				}
				finishFlag = sFlag && fFlag;
				item.finishFlag=finishFlag;
				return item
			},
//						日历请求
			calenderPlanDetail:function(){
				var vm=this;
				var __days=vm.__Data;
				var lastDay=(__days.concat()).pop().day;
				lastDay=lastDay>9?lastDay:'0'+lastDay;
				if(vm.searchTask || vm.status || vm.status == 0) {
					vm.isFastSearch = true
				} else {
					vm.isFastSearch = false
				}
				var params={
					executeStartTime: vm.isFastSearch ? '' : __days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）
					executeEndTime: vm.isFastSearch ? '' : (__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）
					planId:vm.planId,//计划id
					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访）
					status:vm.status,//任务状态（0未完成，1已完成，2已预约）
				}
				rehaAPI.calendarPlanDetail(params).then(function(res){
					vm.curTask=vm.searchTask;
					vm.curTaskName=vm.searchTaskName;
					vm.calendarData=[];
					var list = [];
					if(res.status==200){
						var data=res.data
						// 快速查找
						if(vm.isFastSearch) {
							vm.searchData = []
							var searchData0 = [],
								searchData1 = [],
								searchData2 = [];
							for(var setM = 1; setM <= 12; setM++) {
								var _setM = setM > 9 ? setM : '0' + setM,
									_setY = new Date().getFullYear();
								var data0 = [],
									data1 = [],
									data2 = [];
								for(var i in data) {
									var getY = i.split("-")[0],
										getM = i.split("-")[1],
										getD = i.split("-")[2];
									// 去年
									if(_setY - 1 == getY && _setM == getM) {
										var item = vm.planHandleData(data[i], getD, getM)
										data0.push(item)
										data.length && data.splice(i,1);
									} else if(_setY == getY && _setM == getM) { // 今年
										var item = vm.planHandleData(data[i], getD, getM)
										data1.push(item)
										data.length && data.splice(i,1);
									} else if(_setY + 1 == getY && _setM == getM) { // 明年
										var item = vm.planHandleData(data[i], getD, getM)
										data2.push(item)
										data.length && data.splice(i,1);
									}
								}
								if(data0.length) {
									var dataSort = vm.daysSort(data0)
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
									for(var i = 0; i < 7 - addlen; i++) {
										dataSort.push({
											noService:true
										})	
									}
									searchData0.push(dataSort)
								}
								if(data1.length) {
									var dataSort = vm.daysSort(data1)
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
									for(var i = 0; i < 7 - addlen; i++) {
										dataSort.push({
											noService:true
										})	
									}
									searchData1.push(dataSort)
								}
								if(data2.length) {
									var dataSort = vm.daysSort(data2)
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
									for(var i = 0; i < 7 - addlen; i++) {
										dataSort.push({
											noService:true
										})	
									}
									searchData2.push(dataSort)
								}
							}
							if(searchData0.length) {vm.searchData.push(searchData0)}
							if(searchData1.length) {vm.searchData.push(searchData1)}
							if(searchData2.length) {vm.searchData.push(searchData2)}
							return false;
						}
						// 正常日历
						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0));
						for(var i in __days){
							var _key=__days[i].date+'-'+(__days[i].day>9?__days[i].day:'0'+__days[i].day);
							var item={
									noService:true,
									day:__days[i].day
								};
							for(var j in data){
								if(_key==j){
									item = vm.planHandleData(data[j], __days[i].day)
									data.length && data.splice(j,1);
									break;
								}
							}
							var thatTime=+new Date(_key)-8*60*60*1000;
							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);
							item.future=future;
							list.push(item);
//							vm.calendarData.push(item);
						}
						vm.calendarData = _.chunk(list, 7)
					}
				})
			},
//						时间轴请求
			timeAxis:function(){
				var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
				var c_days=m_days[this.mnow];//当前月份的天数
				var __ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);
				var dataArr=[];//天数/年月
				for(;c_days>0;c_days--){
					dataArr.push({
			        	day:c_days,
			        	date:__ym
			        });
				}
				this.__xData=dataArr;
				this.monDetail();
				this.calendarPlanDetailList();
			},
//						时间轴请求
			calendarPlanDetailList:function(){
				var vm=this;
				var __days=vm.__xData;
				var lastDay=(__days.concat()).pop().day;
				lastDay=lastDay>9?lastDay:'0'+lastDay;
				var params={
					executeEndTime:__days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）
					executeStartTime:(__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）
					planId:vm.planId,//计划id
					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、随访，3、复诊，4、健康教育）
					status:vm.status,//任务状态（0未完成，1已完成，2已预约）
				}
				rehaAPI.calendarPlanDetailList(params).then(function(res){
					if(res.status==200){
						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0))
						vm.timeAxisData=_.map(res.data||{},function(o){
							var _time=o.executeTime.split(' ');
							var thatTime=+new Date(_time[0]);
							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);
							(o.status==0 && _currentTimeStamp>thatTime) && (future=-1)
							var _html=o.status==2?'预':(future==-1?'逾':'');
							_html=future==1?'今':_html;
							if(_html=='预') future=3;
							o.html=_html
							o.date=_time[0];
							o.time=_time[1];
							o.future=future;
							return o;
						})||[];
					}
				})
			},
			changeSearch: function(status) {
				var i = status == 1 ? -400 : 0;
				var timer1 = setInterval(function() {
					i += (5 * status)
					$(".search-left").css("right", i + "px")
					if(status == 1 && i >= 0) {
						clearInterval(timer1)
					}
					if(status == -1 && i <= -400) {
						clearInterval(timer1)
					}
				}, 5)
			},
			//邀请视频聊天
			openVideoChat: function(otherDoc){
				var vm = this;
				var loading = layer.load(0);
				var participants = []
				var participantsMobile = {}
				var docInfo = JSON.parse(localStorage.docInfo);
				//发起人
				participants.push({mobile: docInfo.mobile, name: docInfo.name, sex: docInfo.sex==1? 1 : 2, birthdate: "", level: 3, hospital_name: docInfo.hospitalName, idcard: ""});
				participantsMobile[docInfo.mobile] = 1;
				
				if(otherDoc){
					//被邀请人
					participants.push({
						mobile: otherDoc.doctorMobile, 
						name: otherDoc.doctorName, 
						sex: otherDoc.doctorSex==1? 1 : 2,
						birthdate: "", 
						level: 3, 
						hospital_name: otherDoc.doctorHospitalName, 
						idcard: otherDoc.doctorIdcard})
					participantsMobile[otherDoc.doctorMobile] = 0;
				}
				
				videoChatAPI.addDoctor({participants : JSON.stringify(participants)}).then(function(res){
				 	if(res.status == 200){
			            videoChatAPI.sessions({
			            	sessionId: httpRequest.uuid(24, 16),
			            	sessionType: 4,
			            	sessionName: vm.planInfo.patientName +"的远程门诊",
			            	participants: JSON.stringify(participantsMobile),
			            	videoconferencing: 1,
			            	idcard: vm.planInfo.idcard
			            }).then(function(res1){
			            	layer.close(loading)
			            	if(res1.status == 200){
			            		layer.msg("发起会话成功",{icon:6});
			            	} else{
			            		layer.msg("发起会话失败",{icon:5});
			            	}
			            }).catch(function(){
							layer.close(loading)
							layer.msg("系统繁忙",{icon:5});
						})
			        }else{
			        	layer.close(loading)
			        	layer.msg(res.msg,{icon:5});
			        }
				}).catch(function(){
					layer.close(loading)
					layer.msg("系统繁忙",{icon:5});
				})
			}
		
		},
		watch:{
			tabStatus:function(){
				this.goToLoadData();
			}
		}
	})
>>>>>>> 4107b747abb317f0db44a6a3ced7bd19ea55a295
}();

app/statistics/js/response-speed-analysis.js

@@ -87,7 +87,7 @@ new Vue({
		});
		//监听页面刷新
		EventBus.$on("refresh-click", function(arg) {
			alert("刷新")
//			alert("刷新")
			vm.initData()
		});
		window.onresize = function() {

app/statistics/js/service-sheet-analysis.js

@@ -86,7 +86,7 @@ new Vue({
		});
		//监听页面刷新
		EventBus.$on("refresh-click", function(arg) {
			alert("刷新")
//			alert("刷新")
			vm.initData()
		});
		window.onresize = function() {

component/followup/fangshi-detail-6.js

@@ -0,0 +1,425 @@
Vue.component('fangshi-detail-6',{
    template:`
    <div class="mt40">
    <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="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="number" placeholder="" clearable></el-input>
                </div>
            </div>
        </div>
    </div>
    <table class="table table-bordered">
        <tr>
            <td class="col-w120 c-t-center">性别</td>
            <td>
                <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>
            </td>
            <td colspan="2">
                出生日期
                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                </el-date-picker>
            </td>
            <td>
                户籍地址
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
        </tr>
        <tr>
            <td class="col-w120 c-t-center">母亲身份证号</td>
            <td>
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td class="c-t-center">家庭住址</td>
            <td colspan="2">
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
        </tr>
        <tr>
            <td class="col-w120 c-t-center">父 亲</td>
            <td>
                姓名
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                职业
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                联系电话
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                出生日期
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
        </tr>
        <tr>
            <td class="col-w120 c-t-center">母 亲</td>
            <td>
                姓名
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                职业
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                联系电话
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>
                出生日期
                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                </el-date-picker>
            </td>
        </tr>
        <tr>
            <td colspan="2">出生孕周
                <input type="text"> 周
            </td>
            <td colspan="3">
                母亲妊娠期患病情况：
                <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>
            </td>
        </tr>
        <tr>
            <td class="col-w120 c-t-center">助产机构名称</td>
            <td>
                出院时间
                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                </el-date-picker>
            </td>
            <td colspan="2">
                出生情况：
                <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 :disabled="!editable" v-model="radio" label="5">双多胎</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="5">臀位</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="5">其他</el-radio>
            </td>
            <td>
                新生儿窒息:
                <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
                （Apgar 评分：1分钟——分，5分钟——分，不详）
            </td>
        </tr>
        <tr>
            <td colspan="2">新生儿期病史:
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td>诊治机构:
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
            <td colspan="2">计划免疫情况:
                <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>
            </td>
        </tr>
        <tr>
            <td colspan="2">新生儿出生体重:
                <input type="text"> kg
            </td>
            <td>出生身长:
                <input type="text"> cm
            </td>
            <td colspan="2">是否有畸形：
                <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
            </td>
        </tr>
        <tr>
            <td class="c-t-center" colspan="5">
                *********** 第二次访视以上八行信息不需要重复填写 ***********
            </td>
        </tr>
        <tr>
            <td colspan="5">
                新生儿疾病筛查：
                <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 :disabled="!editable" v-model="radio" label="5">其他遗传代谢病</el-radio>
                <input type="text">
                <el-radio :disabled="!editable" v-model="radio" label="6">已查无结果</el-radio>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                新生儿听力筛查：
                <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 :disabled="!editable" v-model="radio" label="5">已查无结果</el-radio>
            </td>
            <td colspan="1">
                目前体重
                <input type="text"> kg
            </td>
        </tr>
        <tr>
            <td colspan="3">
                喂养方式：
                <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>
            </td>
            <td colspan="1">
                吃奶量
                <input type="text"> ml/次
            </td>
            <td colspan="1">
                吃奶次数
                <input type="text"> 次/日
            </td>
        </tr>
        <tr>
            <td colspan="3">
                呕吐：
                <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
            </td>
            <td colspan="1">
                大便：
                <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>
            </td>
            <td colspan="1">
                大便次数
                <input type="text"> 次/日
            </td>
        </tr>
        <tr>
            <td colspan="3">
                体温：
                <input type="text">℃
            </td>
            <td colspan="1">
                心率：
                <input type="text">次/分钟
            </td>
            <td colspan="1">
                呼吸频率
                <input type="text"> 次/日
            </td>
        </tr>
        <tr>
            <td colspan="3">面色：
                <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>
                <input type="text">
            </td>
            <td colspan="2">黄疸部位：
                <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="3">手足</el-radio>
            </td>
        </tr>
        <tr>
            <td colspan="5">
                前卤
                <input type="text">cm✖
                <input type="text">cm
                <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="3">其他</el-radio>
                <input type="text">
            </td>
        </tr>
        <tr>
            <td class="table2Td" colspan="5">
                <table class="table2">
                    <tr>
                        <td>眼外观：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>四肢活动度：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>耳外观：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>颈部包块：
                            <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>鼻：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>皮肤：
                            <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>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>口腔：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>肛门：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>心肺听诊：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>外生殖器：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>腹部触诊：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                        <td>脊柱：
                            <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
                            <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                    <tr>
                        <td>脐带：
                            <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>
                            <input type="text" name="" id="">
                        </td>
                        <td>其他：
                            <input type="text" name="" id="">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="5">
                转诊意见:
                <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
                原因：
                <input type="text" style="width: calc(100% - 520px);">
                <br> 机构及科室：
                <input type="text" style="width: calc(100% - 385px);margin-top: 10px;">
            </td>
        </tr>
        <tr>
            <td colspan="5">
                指导：
                <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 :disabled="!editable" v-model="radio" label="5">口腔保健指导</el-radio>
                <el-radio :disabled="!editable" v-model="radio" label="6">其他</el-radio>
                <input type="text">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                本次访视日期
                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                </el-date-picker>
            </td>
            <td colspan="3">
                下次随访地点
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                下次访视日期
                <el-date-picker :readonly="!editable" v-model="data2" type="date" placeholder="选择日期">
                </el-date-picker>
            </td>
            <td colspan="3">
                随访医生签名
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
                家属确认签字
                <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
            </td>
        </tr>
    </table>
    </div>
    `,
    props: ['followupid'],
    data:function(){
        return {
            editable: true,
            data2: "",
            radio: "",
            input: '',
            name:'',
            number:'',
        }
    },
    mounted:function(){
    },
    watch:{},
    methods:{
        editBtn:function(){
        }
    }
})

component/followup/follow-bottom.js

@@ -0,0 +1,49 @@
Vue.component('follow-bottom', {
	template: '<div class="plr30 ptb10">\
		<p class="c-f16 c-37a6ed">签到信息</p>\
		<div class="plr30">\
			<div class="ui-grid mt10">\
				<div class="ui-col-1">签到方式:&emsp;定位签到</div>\
				<div class="ui-col-1">签到时间:&emsp;<span v-html="followUpData.createTime">2019-01-01 10:10:10</span></div>\
			</div>\
			<div class="mt10">签到位置:&emsp;<span v-html="followUpData.address">福建省厦门市思明区软件园望海路</span></div>\
			<div class="ui-grid mt10">\
				<div class="ui-col-0">签到拍照:&emsp;</div>\
				<div class="ui-col-0"><img :src="imgSrc" width="50" height="50"></div>\
			</div>\
		</div>\
	</div>',
	props: ['followupid'],
	data: function () {
		return {
			followUpList: [],
			curPage: 1,
			followUpData:{},
			imgSrc:'../../images/d-male.png'
		}
	},
	watch: {
		followUpData: function (val) {
			this.followUpList = this.followUpData;
		}
	},
	mounted: function () {
		this.getData()
	},
	methods: {
		getData: function () {
			var vm=this
			fangshiAPI.findByFollowupId({ followupId: this.followupid||'1'}).then(function (res) {
				if (res.status == 200) {
					var data=res.data
					vm.followUpData=data
					// vm.imgSrc=data.img?data.img:''
				} else {
					top.toastr.error(res.msg);
				}
			})
		}
	},
})