您的位置：首页 > 其它

nncq----检测人员详细页修改版本（完成20%）

2016-08-10 17:36 176 查看

-------------------------------------------JS JS JS-------------------------------------------------

$(document).ready(function () {

var table = $("#table-list").uTable({

url: "ITestersArchives",

page: {

pageSize: 20,

reqindex: "index",

reqsize: "size"

},

heads: [{ key: "username", name: "姓名" },

{ key: "unitname", name: "所属机构名称" },

{ key: "selfnum", name: "身份证号码" },

{ key: "sex", name: "性别" },

{ key: "phone", name: "手机号码" },

{ key: "areacode", name: "所属地区" },

{ html: '<a href="javascript:" class="p-edit" data-id="{{id}}" >查看</a> <a href="javascript:" ', name: "操作" }

]

});

// 人员列表-->点击铅笔按钮

$("#table-list").on("click", ".p-edit", function () {

pid = $(this).attr("data-id");//人员id

Detail(pid);

})

//只读查看

var otherapp;

function Detail(pid)

{

$.layout.detail("VTestersArchives/Detail", function ()

{

var apptree = $("#myTab").utab({

openNext: true,

click: function (i) {

switch (i) {

//证书信息

case 1:

$("#form-Zhengshu").Form({

url: "IWitness/GetZhengshu?id=" + pid,

success: function (d) {

if (d) {

$.msg.alert("保存成功！");

table.refresh();

}

}

})

break;

case 2:

//其他信息

otherapp = $("#div-otherxinxi").uTable({

url: "IWitness/TrainList?id=" + pid,

multiple: false,

page: {

pageSize: 20,

reqindex: "index",

reqsize: "size"

},

heads: [{ key: "TrainContent", name: "培训内容", width: "20%" },

{ key: "TrainOrg", name: "培训机构", width: "20%" },

{ key: "TrainStartDate", conver: "converTime", name: "开始时间", width: "15%" },

{ key: "TrainEndDate", conver: "converTime", name: "结束时间", width: "15%" },

{ key: "ExamStatu", name: "考试情况", width: "15%" },

{ html: "<a href=\"javascript:\" class='train-show' data-aid='{{CertificateAtta}}'><i class='icon-search'></i></a>  <a href=\"javascript:\" class='train-edit' data-id='{{ID}}'><i class='icon-edit'></i></a>  <a
href=\"javascript:\" class='train-del' data-id='{{ID}}'><i class='icon-trash'></i></a>", name: "操作", width: "15%" },

],

buttons: [

{

text: "增加", style: "btn-primary EQ-btn", click: function () {

AddTrainWindow();

}

}

],

afterCreate: function () {

}

});

break;

default:

}

}

});

});

//基本信息

$.get("ITestersArchives/Get", { id: pid }, function (d) {

var jsond = stringToJSON(d.Comp);

$("#form_base").Form({

data: jsond[0],

disabled: true

});

});

}

});

-------------------------------------------Detail - Detail-------------Detail-----------Detail-----------Detail-------------

<div style="width:100%;height:100%;overflow:hidden;" id="person-infomation">

<div class="container-fluid layout-box main-box">

<div class="layout-center ">

<div class="fm-tab " id="myTab" style="height:100%;">

<div class="tab-content ">

<div data-name="基本信息">

<form id="form_base" fm-form="ajax" method="post">

<table style="width:100%;text-align:right">

<tr>

<td>所属机构名称</td>

<td colspan="3"><input type="text" readonly="readonly" class="form-control" fm-null="请选择所属机构！" 　id="unitname" name="unitname" placeholder="所属机构名称" /></td>

<td><a href="javascript:" style="float:left;" id="unitname"></a></td>

<td rowspan="5" style="text-align:center;">

<img id="personPhoto" style="width:175px;height:200px;" src="personPhoto" />

<input type="hidden" name="photopath" />

</td>

<td></td>

</tr>

<tr>

<td>姓名</td>

<td><input type="text" class="form-control" name="username" placeholder="姓名" /></td>

<td>性别</td>

<td>

<select name="sex" class="form-control">

<option value="true">男</option>

<option value="false">女</option>

</select>

</td>

</tr>

<tr>

<td>身份证号</td>

<td><input type="text" class="form-control" name="selfnum" placeholder="身份证号" /></td>

<td>出生年月</td>

<td><input type="text" class="form-control" name="birthday" placeholder="出生年月" /></td>

</tr>

<tr>

<td>毕业学校</td>

<td><input type="text" class="form-control" name="school" placeholder="毕业学校" /></td>

<td>专业</td>

<td><input type="text" class="form-control" name="professional" placeholder="专业" /></td>

</tr>

<tr>

<td>所属地区</td>

<td><
d9c9
input type="text" class="form-control" name="areacode" placeholder="所属地区" /></td>

<td>Email地址</td>

<td><input type="text" class="form-control" name="email" placeholder="Email地址" /></td>

</tr>

<tr>

<td>手机号码</td>

<td><input type="text" class="form-control" name="phone" placeholder="手机号码" /></td>

<td></td>

<td></td>

<td></td>

<td style="text-align:center;">

<a>上传个人相片</a>

</td>

</tr>



</table>

</form>

</div>

<div data-name="证书信息">

<form id="form-Zhengshu" fm-form="ajax" method="post" action="IWitness/SaveZhengshu">

<table style="width:100%;text-align:right;">

<tr>

<td>岗位资格类别</td>

<td colspan="2"><input type="text" fm-null="非空，请输入岗位资格类别！" class="form-control" id="" name="GWzigeTyPe" placeholder="岗位资格类别" /></td>

<td>岗位证书编号</td>

<td colspan="2"><input type="text" fm-null="非空，请输入岗位证书编号！" class="form-control" id="" name="GWzhshNum" placeholder="岗位证书编号" /></td>

<td></td>

</tr>

<tr>

<td>证书名称</td>

<td colspan="2"><input type="text" fm-null="非空，请输入证书名称！" class="form-control" name="ZhshuName" placeholder="证书名称" /></td>

<td>颁发机构</td>

<td colspan="2"><input type="text" fm-null="非空，请输入颁发机构！" class="form-control" name="FazhOrganiza" placeholder="颁发机构" /></td>

<td></td>

</tr>

<tr>

<td>岗位证书获取时间</td>

<td colspan="2"><input type="text" readonly="readonly" name="FaZhengDate" onClick="WdatePicker()" fm-conver="converCutTime" class="form-control calendar" fm-null="请选择岗位证书获取时间！" placeholder="岗位证书获取时间" /></td>

<td>岗位证书有效期</td>

<td colspan="2">

<div class="form-inline" style="width:100%;">

<input type="text" style="width:45%; float:left" name="ZhengStartDate" readonly="readonly" onClick="WdatePicker()" fm-conver="converCutTime" class="form-control calendar" />

<label style="width:10%;float:left;text-align:center">至</label>

<input type="text" style="width:45%; float:right" name="ZhengEndDate" readonly="readonly" onClick="WdatePicker()" fm-conver="converCutTime" class="form-control calendar" />

</div>

</td>

<td></td>

</tr>

<tr>

<td>注册工程师证号</td>

<td colspan="2"><input type="text" fm-null="非空，请输入注册工程师证号！" class="form-control" name="RegiEngineerNum" placeholder="注册工程师证号" /></td>

<td>注册工程师证有效期</td>

<td colspan="2">

<div class="form-inline" style="width:100%;">

<input type="text" style="width:45%; float:left" name="RegiEngStartDate" readonly="readonly" onClick="WdatePicker()" fm-conver="converCutTime" class="form-control calendar" />

<label style="width:10%;float:left;text-align:center">至</label>

<input type="text" style="width:45%; float:right" name="RegiEngEndDate" readonly="readonly" onClick="WdatePicker()" fm-conver="converCutTime" class="form-control calendar" />

</div>

</td>

<td></td>

</tr>

<tr>

<td>岗位证书延续注册情况</td>

<td colspan="5">

<textarea class="form-control" rows="5" name="Introduction"></textarea>

</td>

</tr>

<tr>

<td colspan="7">

<table class="table" style="width:70%;text-align:right">

<tr>

<td>岗位证书附件导入</td>

<td colspan="3">

<div style="float:left">

<label id="gwz_label"></label>

</div>

<div style="float:right">

<a href="javascript:" style="color:blue;" id="gangwatta">上传</a>

<a href="javascript:" id="gangw_show"><i class="icon-search"></i></a>

<a href="javascript:" id="gangw_del"><i class="icon-trash"></i></a>

</div>

</td>

</tr>

<tr>

<td>注册工程师证件附件导入</td>

<td colspan="3">

<div style="float:right">

<a href="javascript:" style="color:blue;" id="regiengatta">上传</a>

<a href="javascript:" id="regien_show"><i class="icon-search"></i></a>

<a href="javascript:" id="regien_del"><i class="icon-trash"></i></a>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

<div style="text-align:center;margin-top:20px;">

<input type="hidden" name="ID" />

<input type="hidden" name="GWzhshAtta" />

<input type="hidden" name="RegiEngAtta" />

<input type="hidden" id="zhengshu-pid" name="PersonID" />

<button type="submit" class="btn btn-primary EQ-btn" id="savezhengsInfo">保存</button>   <button type="reset" class="btn EQ-btn" id="resetWitnessInfo">重置</button>

</div>

</form>

</div>

<div data-name="其他信息">

<div id="div-otherxinxi">

</div>

</div>





</div>

</div>

</div>

</div>

</div>

<script>

function converCutTime(d) {

return d.substring(0, 10)

}

</script>

==============================I 控制器====I 控制器====I 控制器====I 控制器====I 控制器====I 控制器====

using Newtonsoft.Json;

using NNCQ.Domain;

using NNCQ.Domain.Common;

using NNCQ.IBLL;

using NNCQ.SqlService;

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using System.Web.Script.Serialization;

using System.Text;

namespace NNCQ.Web.Controllers.Api

{

public class ITestersArchivesController : BaseController

{

private readonly IDBHelper<SysCity> _CityService;

private readonly IDBHelper<SysDistrict> _DisService;

public ITestersArchivesController(

IDBHelper<SysCity> CityService,

IDBHelper<SysDistrict> DisService)

{

_CityService = CityService;

_DisService = DisService;

}

// GET: ITestersArchives

public ActionResult Index(int index, int size, string name, string idcard, string company)

{

var n = name.Trim();

var idc = idcard.Trim();

var c = company.Trim();

int count = 0;

var wherestr = new StringBuilder();

if(!string.IsNullOrEmpty(n))

wherestr.AppendFormat(" and username like'%{0}%'", n);

if (!string.IsNullOrEmpty(idc))

{

wherestr.AppendFormat(" and selfnum like'%{0}%' ", idc);

}

if (!string.IsNullOrEmpty(c))

{

wherestr.AppendFormat(" and unitname like '%{0}%' ", c);

}

var list = SqlDBHelper.Query(index, size, "*", "t_hr_people_sl", wherestr.ToString(), "id asc", out count);

return Table(list, count);

}

public ActionResult Get(string id)

{

string sql = "select *from t_hr_people_sl where id=@id";

SqlParameter[] paras = new SqlParameter[] { new SqlParameter("@id", id) };

DataTable bo = SqlDBHelper.Query(sql, paras);

var js = JsonConvert.SerializeObject(bo);

return JsonData(new { Comp = js });

}

}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

nncq----检测人员 详细页修改版本（完成20%）

nncq----检测人员详细页修改版本（完成20%）