@layout("/common/_container.html"){
|
<style>
|
.blue-rounded-corner {
|
background-color: #4095E5;
|
color: white;
|
padding: 10px;
|
border-top-left-radius: 10px;
|
border-bottom-right-radius: 10px;
|
}
|
.layui-laydate-content>.layui-laydate-list {
|
padding-bottom: 0px;
|
overflow: hidden;
|
}
|
.layui-laydate-content>.layui-laydate-list>li{
|
width:50%
|
}
|
|
.merge-box .scrollbox .merge-list {
|
padding-bottom: 5px;
|
}
|
|
|
|
|
.layui-btn-disabled {
|
background-color: #ccc !important; /* 自定义灰色背景 */
|
border-color: #ccc !important; /* 自定义边框颜色，如果需要的话 */
|
color: #fff !important; /* 文字颜色，根据背景调整 */
|
cursor: not-allowed; /* 鼠标指针样式 */
|
}
|
|
.circle-container {
|
width: 100px; /* 或者你想要的宽度 */
|
height: 100px; /* 与宽度相同 */
|
border-radius: 50%; /* 使容器变成圆形 */
|
overflow: hidden; /* 隐藏超出容器的部分 */
|
position: relative; /* 用于定位图片 */
|
|
}
|
|
.circle-img {
|
width: 100%; /* 图片宽度与容器宽度相同 */
|
height: auto; /* 图片高度自动调整以保持比例 */
|
position: absolute; /* 绝对定位 */
|
top: 0; /* 图片定位在容器的顶部 */
|
left: 0; /* 图片定位在容器的左侧 */
|
|
}
|
.inputs-container input {
|
display: inline-block;
|
margin-right: 10px; /* 可以调整间距 */
|
}
|
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
|
<form class="layui-form" action="" >
|
<div >
|
<!-- <div class="layui-form-item">-->
|
<!-- <label class="layui-form-label">复选框</label>-->
|
<!-- <div class="layui-input-block">-->
|
<!-- <input type="checkbox" title="写作">-->
|
<!-- <input type="checkbox" title="阅读" checked="">-->
|
<!-- <input type="checkbox" title="游戏">-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<div >
|
|
|
<div class=" col-sm-12">
|
<div class=" col-sm-1">
|
<br>
|
<input type="hidden" id="userId" name="userId" value="${user.id!}">
|
<div class="circle-container" >
|
<img src="https://cqzxtaxi.obs.cn-southwest-2.myhuaweicloud.com/admin/75f4a96b2b2b440f8987830ad8c14814.png" alt="Circle Image" class="circle-img">
|
</div>
|
</div>
|
<div class=" col-sm-11">
|
<!-- <div></div>-->
|
<div class="inline-flex">
|
<br>
|
<br>
|
<div style="display: flex;align-items: center" >
|
<span style="font-size: 18px; font-weight: bold; padding-top: 8px">${user.name!}</span>
|
|
|
|
|
@if(user.status == 1){
|
<span style="display: inline-block; width: 8px; height: 8px; background-color: green; border-radius: 50%; margin-left: 5px;padding-top: 8px"></span>在线
|
@}
|
|
@if(user.status == 2){
|
<span style="display: inline-block; width: 8px; height: 8px; background-color: red; border-radius: 50%; margin-left: 5px;padding-top: 8px"></span>禁用
|
@}
|
|
</div>
|
</div>
|
<br>
|
<div class="inline-flex">
|
<span style="font-size: 12px; font-weight: bold; padding-top: 8px">用户ID: ${user.id!}</span>
|
<span style="font-size: 12px; padding-top: 8px;padding-left: 20px">手机号: ${user.phone!}</span>
|
<span style="font-size: 12px; padding-top: 8px;padding-left: 20px">注册时间：${user.createtimestr!}</span>
|
<!-- <input type="text"></input>-->
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<legend> </legend>
|
<div>
|
<div class="layui-tab">
|
<ul class="layui-tab-title">
|
<li class="layui-this">基础信息</li>
|
<li>问卷调查结果</li>
|
<li>检测报告</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<br>
|
<br>
|
|
<span style="font-size: 18px; padding-top: 20px"> 身高: ${user.high!}cm</span>
|
<span style="font-size: 18px; padding-top: 20px;padding-left: 200px">体重: ${user.weight!}kg</span>
|
<span style="font-size: 18px; padding-top: 20px;padding-left: 200px">就诊医院: ${user.hospital!}</span>
|
<br>
|
<br>
|
<span style="font-size: 18px; padding-top: 20px">出生日期: ${user.birthDayStr!}</span>
|
<br>
|
<br>
|
<br>
|
<br>
|
|
|
|
|
|
</div>
|
<div class="layui-tab-item">
|
<img src="${ctxPath}/static/pic/1.png"> <span class="blue-rounded-corner">评估结果：${score!}分</span>
|
<br>
|
<br>
|
@if(question.q1 == 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;margin-left: 50px">无</button>
|
@}
|
@if(question.q1 != 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="margin-left: 50px">无</button>
|
@}
|
@if(question.q1 == 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary " disabled style="border:1px solid #07C160;color: #07C160;">很低</button>
|
@}
|
@if(question.q1 != 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >很低</button>
|
@}
|
@if(question.q1 == 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">低</button>
|
@}
|
@if(question.q1 != 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >低</button>
|
@}
|
@if(question.q1 == 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">中等</button>
|
@}
|
@if(question.q1 != 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >中等</button>
|
@}
|
@if(question.q1 == 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">高</button>
|
@}
|
@if(question.q1 != 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >高</button>
|
@}
|
@if(question.q1 == 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">很高</button>
|
@}
|
@if(question.q1 != 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >很高</button>
|
@}
|
<br>
|
<br>
|
<img src="${ctxPath}/static/pic/2.png">
|
<br>
|
<br>
|
@if(question.q2 == 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;margin-left: 50px">无性活动</button>
|
@}
|
@if(question.q2 != 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="margin-left: 50px">无性活动</button>
|
@}
|
@if(question.q2 == 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary " disabled style="border:1px solid #07C160;color: #07C160;">几乎没有或完全没有</button>
|
@}
|
@if(question.q2 != 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎没有或完全没有</button>
|
@}
|
@if(question.q2 == 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">只有几次</button>
|
@}
|
@if(question.q2 != 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >只有几次</button>
|
@}
|
@if(question.q2 == 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">有时或大约一半的时候</button>
|
@}
|
@if(question.q2 != 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >有时或大约一半的时候</button>
|
@}
|
@if(question.q2 == 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">大多数时候</button>
|
@}
|
@if(question.q2 != 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >大多数时候</button>
|
@}
|
@if(question.q2 == 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">几乎每次或每次</button>
|
@}
|
@if(question.q2 != 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎每次或每次</button>
|
@}
|
|
<br>
|
<br>
|
<img src="${ctxPath}/static/pic/3.png">
|
<br>
|
<br>
|
@if(question.q3 == 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q3 != 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q3 == 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary " disabled style="border:1px solid #07C160;color: #07C160;">几乎没有或完全没有</button>
|
@}
|
@if(question.q3 != 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎没有或完全没有</button>
|
@}
|
@if(question.q3 == 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">只有几次</button>
|
@}
|
@if(question.q3 != 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >只有几次</button>
|
@}
|
@if(question.q3 == 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">有时或大约一半的时候</button>
|
@}
|
@if(question.q3 != 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >有时或大约一半的时候</button>
|
@}
|
@if(question.q3 == 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">大多数时候</button>
|
@}
|
@if(question.q3 != 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >大多数时候</button>
|
@}
|
@if(question.q3 == 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">几乎每次或每次</button>
|
@}
|
@if(question.q3 != 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎每次或每次</button>
|
@}
|
|
<br>
|
<br>
|
<img src="${ctxPath}/static/pic/4.png">
|
<br>
|
<br>
|
|
|
@if(question.q4 == 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q4 != 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q4 == 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary " disabled style="border:1px solid #07C160;color: #07C160;">非常困难</button>
|
@}
|
@if(question.q4 != 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >非常困难</button>
|
@}
|
@if(question.q4 == 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">很困难</button>
|
@}
|
@if(question.q4 != 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >很困难</button>
|
@}
|
@if(question.q4 == 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">有困难</button>
|
@}
|
@if(question.q4 != 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >有困难</button>
|
@}
|
@if(question.q4 == 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">不困难</button>
|
@}
|
@if(question.q4 != 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >不困难</button>
|
@}
|
|
<br>
|
<br>
|
<img src="${ctxPath}/static/pic/5.png">
|
<br>
|
<br>
|
@if(question.q5 == 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q5 != 1){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="margin-left: 50px">没有尝试性交</button>
|
@}
|
@if(question.q5 == 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary " disabled style="border:1px solid #07C160;color: #07C160;">几乎没有或完全没有</button>
|
@}
|
@if(question.q5 != 2){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎没有或完全没有</button>
|
@}
|
@if(question.q5 == 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">只有几次</button>
|
@}
|
@if(question.q5 != 3){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >只有几次</button>
|
@}
|
@if(question.q5 == 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">有时或大约一半的时候</button>
|
@}
|
@if(question.q5 != 4){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >有时或大约一半的时候</button>
|
@}
|
@if(question.q5 == 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">大多数时候</button>
|
@}
|
@if(question.q5 != 5){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >大多数时候</button>
|
@}
|
@if(question.q5 == 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled style="border:1px solid #07C160;color: #07C160;">几乎每次或每次</button>
|
@}
|
@if(question.q5 != 6){
|
<button class="layui-btn layui-btn-radius layui-btn-primary" disabled >几乎每次或每次</button>
|
@}
|
|
|
|
|
</div>
|
<div class="layui-tab-item">
|
<div class="col-lg-10 col-sm-9">
|
<div class="col-lg-4 col-sm-6">
|
<#TimeCon id="beginTime" name="报告生成日期" isTime="false"/>
|
</div>
|
<div class="col-lg-4 col-sm-6">
|
<!-- <label class="layui-form-label">周期:</label>-->
|
<!-- <div class="layui-input-block">-->
|
<!-- <select id="night" name="night" lay-verify="required">-->
|
<!-- <option value=""></option>-->
|
<!-- <option value="1">夜晚检测</option>-->
|
<!-- <option value="0">白天检测</option>-->
|
<!-- </select>-->
|
<!-- </div>-->
|
<div class="input-group">
|
<div class="input-group-btn">
|
<button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
|
周期：
|
</button>
|
</div>
|
<select class="form-control" id="night">
|
<option value="">请选择</option>
|
<option value="1">夜晚检测</option>
|
<option value="0">白天检测</option>
|
</select>
|
</div>
|
</div>
|
<div class="col-lg-4 col-sm-6">
|
<#TimeCon id="times" name="时间段" isTime="false"/>
|
</div>
|
</div>
|
|
<div class="col-lg-2 col-sm-3">
|
<#button name="搜索" icon="fa-search" clickFun="search()"/>
|
</div>
|
<br>
|
<br>
|
<br>
|
<br>
|
<div>
|
<div id="main" style="width: 1600px;height:400px" class="col-sm-11" ></div>
|
<#button name="导出" icon="fa-search" clickFun="MgrUser.export1()()"/>
|
<#table id="managerTable1"/>
|
</div>
|
|
|
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
</form>
|
</div>
|
</div>
|
|
|
|
|
<script src="${ctxPath}/static/modular/system/user/user.js"></script>
|
<script src="${ctxPath}/static/modular/echart/echarts.min.js"></script>
|
<script>
|
|
|
function search(){
|
|
var queryData = {};
|
|
queryData['night'] =$("#night").val();
|
queryData['userId'] = $("#userId").val();
|
queryData['beginTime'] = $("#beginTime").val();
|
queryData['times'] = $("#times").val();
|
console.log("-======refresh"+queryData)
|
MgrUser.table1.refresh({query: queryData});
|
|
|
|
if ($("#night").val() == ""){
|
Feng.error("请选择周期")
|
return;
|
}
|
|
var xData ;
|
var yData ;
|
var zero ;
|
console.log("========="+$("#night").val())
|
|
var ajax = new $ax(Feng.ctxPath + "/tUserData/list", function(resp){
|
xData = resp.data.xData;
|
console.log("======="+xData)
|
yData = resp.data.yData;
|
zero = resp.data.zero;
|
|
|
}
|
)
|
ajax.set("night",$("#night").val());
|
ajax.set("userId",$("#userId").val());
|
ajax.set("beginTime",$("#beginTime").val());
|
ajax.set("times",$("#times").val());
|
|
ajax.start();
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
|
// 指定图表的配置项和数据
|
option = {
|
title: {
|
subtext: '形变量%'
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer: {
|
type: 'cross'
|
}
|
},
|
toolbox: {
|
show: true,
|
feature: {
|
saveAsImage: {}
|
}
|
},
|
// xAxis: {
|
// type: 'category',
|
// boundaryGap: false,
|
// // prettier-ignore
|
// axisTick: {
|
// interval: 100 // 根据需要调整间隔，这里是每隔一个隐藏
|
// },
|
// // 控制坐标轴标签每隔一个显示
|
// axisLabel: {
|
// interval: 100 // 与axisTick.interval保持一致，确保标签对齐
|
// },
|
// // data: ['00:00', "1:00", '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45']
|
// data: xData
|
// },
|
xAxis :{
|
type: 'category',
|
boundaryGap: false,
|
axisTick: {
|
alignWithLabel: true
|
},
|
axisLabel: {
|
interval: function (index) {
|
// 总数据量
|
var total = xData.length;
|
// 直接返回true或false决定是否显示标签，以控制总显示数量为10个
|
if (total <= 10) {
|
return true; // 数据量不大于10，全部显示
|
} else {
|
// 超过10个时，优先显示起始和结束，其余均匀分布
|
return (index === 0) || (index === total - 1) || ((index % Math.floor(total / 9)) === 0);
|
}
|
},
|
formatter: function (value, index) {
|
console.log("========1111===="+index)
|
console.log("========1111===="+value)
|
|
return value; // 格式化标签文本，这里直接返回原值
|
}
|
},
|
axisTick: {
|
interval: function (index) {
|
// 总数据量
|
var total = xData.length;
|
// 直接返回true或false决定是否显示标签，以控制总显示数量为10个
|
if (total <= 10) {
|
return true; // 数据量不大于10，全部显示
|
} else {
|
// 超过10个时，优先显示起始和结束，其余均匀分布
|
return (index === 0) || (index === total - 1) || ((index % Math.floor(total / 9)) === 0);
|
}
|
},
|
formatter: function (value, index) {
|
return value; // 格式化标签文本，这里直接返回原值
|
}
|
},
|
|
data: xData
|
},
|
yAxis: {
|
|
type: 'value',
|
min: 0,
|
max: 200,
|
|
// 间隔设置，这里举例每20单位一个刻度
|
interval: 50,
|
splitLine: {
|
lineStyle: {
|
type: 'solid' // 可以调整样式，比如虚线'dashed'
|
}
|
},
|
axisLabel: {
|
formatter: '{value} '
|
},
|
axisPointer: {
|
snap: false
|
}
|
},
|
// visualMap: {
|
// show: false,
|
// dimension: 0,
|
// pieces: [
|
// {
|
// lte: 6,
|
// color: 'green'
|
// },
|
// {
|
// gt: 6,
|
// lte: 8,
|
// color: 'red'
|
// },
|
// {
|
// gt: 8,
|
// lte: 14,
|
// color: 'green'
|
// },
|
// {
|
// gt: 14,
|
// lte: 17,
|
// color: 'red'
|
// },
|
// {
|
// gt: 17,
|
// color: 'green'
|
// }
|
// ]
|
// },
|
legend: {
|
data: ['形变量'],
|
orient: 'horizontal',
|
bottom: 'bottom',
|
show: true, // 默认显示图例,
|
disabled: true, // 默认显示图例,
|
},
|
series: [
|
{
|
name: '形变量',
|
type: 'line',
|
smooth: true,
|
// prettier-ignore
|
// data: [300, 280, 250, 260, 270, 300, 550, 500, 400, 390, 380, 390, 400, 500, 600, 750, 800, 700, 600, 400],
|
data: yData,
|
symbol: 'none',
|
markArea: {
|
itemStyle: {
|
color: 'rgba(148,145,145,0.4)'
|
},
|
data: zero
|
}
|
}
|
]
|
};
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
myChart.setOption(option);
|
|
|
}
|
|
|
// 基于准备好的dom，初始化echarts实例
|
var xData ;
|
var yData ;
|
var zero ;
|
console.log("========="+$("#night").val())
|
|
var ajax = new $ax(Feng.ctxPath + "/tUserData/list1", function(resp){
|
xData = resp.data.xData;
|
console.log("======="+xData)
|
yData = resp.data.yData;
|
zero = resp.data.zero;
|
|
|
}
|
)
|
ajax.set("userId",$("#userId").val());
|
|
ajax.start();
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
|
// 指定图表的配置项和数据
|
option = {
|
title: {
|
subtext: '形变量%'
|
},
|
tooltip: {
|
trigger: 'axis',
|
axisPointer: {
|
type: 'cross'
|
}
|
},
|
toolbox: {
|
show: true,
|
feature: {
|
saveAsImage: {}
|
}
|
},
|
// xAxis: {
|
// type: 'category',
|
// boundaryGap: false,
|
// // prettier-ignore
|
// axisTick: {
|
// interval: 100 // 根据需要调整间隔，这里是每隔一个隐藏
|
// },
|
// // 控制坐标轴标签每隔一个显示
|
// axisLabel: {
|
// interval: 100 // 与axisTick.interval保持一致，确保标签对齐
|
// },
|
// // data: ['00:00', "1:00", '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45']
|
// data: xData
|
// },
|
xAxis :{
|
type: 'category',
|
boundaryGap: false,
|
axisTick: {
|
alignWithLabel: true
|
},
|
axisLabel: {
|
interval: function (index) {
|
// 总数据量
|
var total = xData.length;
|
// 直接返回true或false决定是否显示标签，以控制总显示数量为10个
|
if (total <= 10) {
|
return true; // 数据量不大于10，全部显示
|
} else {
|
// 超过10个时，优先显示起始和结束，其余均匀分布
|
return (index === 0) || (index === total - 1) || ((index % Math.floor(total / 9)) === 0);
|
}
|
},
|
formatter: function (value, index) {
|
return value; // 格式化标签文本，这里直接返回原值
|
}
|
},
|
axisTick: {
|
interval: function (index) {
|
// 总数据量
|
var total = xData.length;
|
// 直接返回true或false决定是否显示标签，以控制总显示数量为10个
|
if (total <= 10) {
|
return true; // 数据量不大于10，全部显示
|
} else {
|
// 超过10个时，优先显示起始和结束，其余均匀分布
|
return (index === 0) || (index === total - 1) || ((index % Math.floor(total / 9)) === 0);
|
}
|
},
|
formatter: function (value, index) {
|
return value; // 格式化标签文本，这里直接返回原值
|
}
|
},
|
|
data: xData
|
},
|
yAxis: {
|
|
type: 'value',
|
min: 0,
|
max: 200,
|
|
// 间隔设置，这里举例每20单位一个刻度
|
interval: 50,
|
splitLine: {
|
lineStyle: {
|
type: 'solid' // 可以调整样式，比如虚线'dashed'
|
}
|
},
|
axisLabel: {
|
formatter: '{value}'
|
},
|
axisPointer: {
|
snap: false
|
}
|
},
|
// visualMap: {
|
// show: false,
|
// dimension: 0,
|
// pieces: [
|
// {
|
// lte: 6,
|
// color: 'green'
|
// },
|
// {
|
// gt: 6,
|
// lte: 8,
|
// color: 'red'
|
// },
|
// {
|
// gt: 8,
|
// lte: 14,
|
// color: 'green'
|
// },
|
// {
|
// gt: 14,
|
// lte: 17,
|
// color: 'red'
|
// },
|
// {
|
// gt: 17,
|
// color: 'green'
|
// }
|
// ]
|
// },
|
legend: {
|
data: ['形变量'],
|
orient: 'horizontal',
|
bottom: 'bottom',
|
show: true, // 默认显示图例,
|
disabled: true, // 默认显示图例,
|
},
|
series: [
|
{
|
name: '形变量',
|
type: 'line',
|
smooth: true,
|
// prettier-ignore
|
// data: [300, 280, 250, 260, 270, 300, 550, 500, 400, 390, 380, 390, 400, 500, 600, 750, 800, 700, 600, 400],
|
data: yData,
|
symbol: 'none',
|
markArea: {
|
itemStyle: {
|
color: 'rgba(148,145,145,0.4)'
|
},
|
data: zero
|
}
|
}
|
]
|
};
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
myChart.setOption(option);
|
|
|
|
|
|
|
layui.use('element', function(){
|
element = layui.element;
|
|
//…
|
});
|
|
|
laydate.render({
|
elem: '#beginTime'
|
});
|
laydate.render({
|
elem: '#endTime'
|
});
|
|
laydate.render({
|
elem: '#times',
|
type: 'time',
|
range: true,
|
format :'HH:mm',
|
ready: formatminutes
|
|
});
|
|
function formatminutes(date){
|
var aa = $(".laydate-time-list li ol")[1];
|
var showtime = $($(".laydate-time-list li ol")[1]).find("li");
|
for (var i = 0; i < showtime.length; i++) {
|
var t00 = showtime[i].innerText;
|
if (t00 != "00" && t00 != "10" && t00 != "20" && t00 != "30" && t00 != "40" && t00 != "50") {
|
showtime[i].hidden = true;
|
}
|
}
|
$($(".laydate-time-list li ol")[2]).find("li").remove(); //清空秒
|
}
|
|
// layui.use('form', function(){
|
// var form = layui.form;
|
//
|
// //监听提交
|
// form.on('submit(formDemo)', function(data){
|
// layer.msg(JSON.stringify(data.field));
|
// return false;
|
// });
|
// });
|
|
|
|
|
var defaultColunms = MgrUser.initColumn1();
|
var table = new BSTable("managerTable1", "/tUserData/list2", defaultColunms);
|
table.setPaginationType("client");
|
|
var queryData = {};
|
|
queryData['userId'] = $("#userId").val();
|
table.setQueryParams(queryData)
|
MgrUser.table1 = table.init1();
|
|
</script>
|
@}
|
