<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>铁塔-拆站</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"/>
<link href="css/font.css" rel="stylesheet">
<link href="css/xadmin.css" rel="stylesheet">
<link href="css/login.css" rel="stylesheet">
<link href="../lib/layui/css/layui.css">
<!-- 隐藏操作中的多一次显示-->
<style>
.layui-table-tips-main {
display: none;
}
.layui-table-tips-c {
display: none;
}
.layui-table-grid-down{
display: none;
}
.layui-form-select dl dd.layui-select-tips {
padding-left: 10px!important;
color: #999;
}
.layui-layer-lan div.layui-layer-title {
background: #eee;
color: #333;
border: none;
}
#agreementUp{
display: none;
}
</style>
<script src="js/jquery.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="js/xadmin.js"></script>
<script src="js/util.js"></script>
<script src="js/getUserToken.js"></script>
<script src="js/api.js"></script>
<script src="js/layer.js"></script>
<!--<script src="js/append.js"></script>-->
<script src="js/search.js"></script>
<script src="js/jqueryForm.js"></script>
<!--动态表单拼接-->
<script src="js/parameter.js"></script>
<!--详情页动态表单-->
<script src="js/base.js"></script>
<!--待办动态表单-->
<script src="js/Taskdealwith.js"></script>
<!--<script src="js/ajax.js"></script>-->
<!--详情页静态元素-->
<script src="js/Taskdealwith-static.js"></script>
<!--已办详情动态拼接-->
<script src="js/complete.js"></script>
<!--已办详情静态拼接-->
<script src="js/complete-static.js"></script>
<!--二维码-->
<script src="js/jquery.qrcode.min.js"></script>
<!--当前详情静态拼接-->
<script src="js/baseStatic.js"></script>
<!--当前详情动态拼接-->
<script src="js/base.js"></script>
<script src="js/agreement.js"></script>
<!--禁用回车键（texaarea文本输入框除外）-->
<script>
window.onload = function (){
document.body.onkeydown=function(event){
if(event.keyCode==13 && event.target.nodeName !== 'TEXTAREA'){
event.keyCod=0; return false;
}
}
};
</script>
<!--//备注与输入框超过300|100字时截断且提示-->
<script src="js/msgRemark.js"></script>
<!--//更换阶段负责人-->
<script src="js/ifChangeOn.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="x-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">铁塔模式</a>
<a><cite>基站拆站</cite></a>
</span>
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
onclick="location.reload()" title="刷新">
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<style>
#slidebox{
display: none;
}
.cascader-input:focus {
border-color: #189f92 !important;
}
.cascader-input {
border-radius: 2px;
}
.cascader-model ul li.cascader-choose-active {
color: #000000;
}
.cascader-model ul li:hover {
background-color: #5FB878;
}
.cascader-model ul li {
font-size: 12px;
color: #000000;
}
.layui-edge {
right: 0px;
}
/*部門下拉框輸入文字顔色*/
.cascader-input::-webkit-input-placeholder { /* WebKit browsers */
color: #808080;
}
/*部門下拉框按鈕顔色修改*/
.cascader-i {
color: #c2c2c2;
}
</style>
<div class="demoTable layui-card-body" id="searchbox">
<form class="layui-form layui-col-space5">
<div class="layui-input-inline layui-show-xs-block input-content">
<input type="text" class="layui-input" placeholder="基站名" name="name" id="name"></div>
<div class="layui-input-inline layui-show-xs-block input-content">
<input type="text" class="layui-input" placeholder="基站号" name="number" id="number"></div>
<div class="layui-input-inline layui-show-xs-block input-content">
<input type="text" class="layui-input" placeholder="项目编号" name="projectnumber" id="projectnumber"></div>
<!-- 负责人-->
<div class="ClickHideOrShow layui-input-inline layui-show-xs-block input-content" style="display: none" >
<input type="text" class="layui-input" placeholder="阶段负责人" name="principal" id="principal">
</div>
<div class="layui-input-inline layui-show-xs-block input-content">
<select name="area" id="area" class="input-sm form-control">
<option selected="selected" value="">请选择区域</option>
</select>
</div>
<div class="opt_buts" style="float: right">
<div class="layui-input-inline layui-show-xs-block" style="float: right;padding: 2.5px">
<button type="button" id="togglebtn" class="layui-btn layui-btn-normal">展开</button>
</div>
<!-- 重置按钮-->
<div class="layui-input-inline layui-show-xs-block" style="float: right;padding: 2.5px">
<button class="layui-btn layui-btn-danger" type="reset" id="restbtn" data-type="reload">
<i class="layui-icon layui-icon-refresh-3"></i></button></div>
<!-- 搜索按钮-->
<div class="layui-input-inline layui-show-xs-block" style="float: right;padding: 2.5px">
<button id="btn-submit" class="layui-btn" lay-submit lay-filter="formDemo" data-type="reload" type="submit" >
<i class="layui-icon"></i></button></div>
</div>
<br/>
<div class="slide layui-col-space5" id="slidebox">
<!-- 部门下拉框-->
<div class="ClickHideOrShow layui-input-inline layui-show-xs-block input-content" style="display: none;">
<cascader id="demo2" ></cascader>
<div style="display:none;"><input id="department"/></div>
</div>
<div class="layui-input-inline layui-show-xs-block input-content">
<select name="contrller" id="businessline">
<option value="">请选择业务线</option>
</select>
</div>
<div class="layui-input-inline layui-show-xs-block input-content">
<select name="contrller" id="jz_costom">
<option selected="selected" value="">请选择运营商</option>
<optgroup label="代繳站" class="DJ" id="DJYYS">
</optgroup>
<optgroup label="移动" class="YD" id="YDYYS">
</optgroup>
<optgroup label="铁塔" class="TT" id="TTYYS">
</optgroup>
</select></div>
<div class="layui-input-inline layui-show-xs-block input-content" >
<select name="contrller" id="upcustom">
<option selected="selected" value="">请选择上游客户</option>
<optgroup label="移动" class="YD" id="YD">
</optgroup>
<optgroup label="铁塔" class="TT" id="TT">
</optgroup></select>
</div>
<div class="layui-input-inline layui-show-xs-block input-content" id="ClickHideOrShow" >
<select name="contrller" id="state">
<option selected="selected" value="">请选择基站状态</option>
<optgroup label="代缴站">
<option value="0,2">已开通</option>
</optgroup>
<optgroup label="移动">
<option value="1,0">需求取消</option>
<option value="1,1">已取消</option>
<option value="1,3">选址</option>
<option value="1,4">勘察</option>
<option value="1,5">会审</option>
<option value="1,6">交底</option>
<option value="1,8">领料</option>
<option value="1,9">施工验收</option>
<option value="1,11">开通</option>
<option value="1,13">交资</option>
<option value="1,16">交维</option>
<option value="1,17">已交维</option>
<option value="1,18">拆站</option>
<option value="1,19">已拆站</option>
</optgroup>
<optgroup label="铁塔">
<option value="2,0">需求取消</option>
<option value="2,1">已取消</option>
<option value="2,3">选址</option>
<option value="2,4">勘察</option>
<option value="2,5">会审</option>
<option value="2,7">立项</option>
<option value="2,8">领料</option>
<option value="2,10">施工</option>
<option value="2,12">完工</option>
<option value="2,14">交付</option>
<option value="2,15">起租</option>
<option value="2,16">交维</option>
<option value="2,17">已交维</option>
<option value="2,18">拆站</option>
<option value="2,19">已拆站</option>
</optgroup>
</select>
</div>
</div>
</form>
</div>
</body>
</html>
<script>
// 部门下拉框
var dataDept=[]
$(function () {
for (let i =0;i< $('#searchbox .input-content').length;i++) {
$('#searchbox .input-content')[i].style.width='15%'
}
util.ajax({
url:util.interfaceUrl+ interfacenName.getTableDeptament,
type:'get',
dataType:'json',
data:{page:1,rows:10},
success:function (res) {
if(res.code === 200){
ajaxCascader(res)
}
},
error:function (err) {
}
})
})
layui.config({
base: './lib/layui_exts/ajaxCascader/'
,version: '1.3'
});
function ajaxCascader(temp){
layui.use(['jquery','ajaxCascader'],function(){
var $ = layui.jquery;
var cascader = layui.ajaxCascader;
// 直接赋值模式
cascader.load({
style:"width:15%",
height:'30',
width:'187px',
placeholder:'请选择部门',
elem:'#demo2',
prop:{
value:'businessId',
label:'title'
},
data:temp.data[0].children,
clear: true
});
cascader.on('click','#demo2',function(data){
// 获取当前已选中的数据,可单独使用
$("#department").val(data.businessId);
});
})
}
// 获取运营商
function getJzcostom(types){
let type = types?types:''
util.ajax({
url:util.interfaceUrl+ interfacenName.getAllInformation,
type:"get",
dataType:"json",
data: {type:"JZ_YD_YYS"+ ' JZ_TT_YYS'+ ' JZ_DJ_YYS',},
success:function (result){
if(result.data){
var data=result.data
for (var i=0;i<data.length;i++){
switch (data[i].type){
case "JZ_YD_YYS":
if (type==='YD'){
$("#jz_costom").append('<option value="1,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
} else{
$("#YDYYS").append('<option value="1,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
}
case "JZ_TT_YYS":
if (type==='TT'){
$("#jz_costom").append('<option value="2,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
} else{
$("#TTYYS").append('<option value="2,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>');break;
}
case "JZ_DJ_YYS":
if (type==='DJ'){
$("#jz_costom").append('<option value="0,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
} else{
$("#DJYYS").append('<option value="0,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>');break
}
//value前面拼了运营商编号和type
}
}
}
layui.use([ 'form'],
function() {
var form=layui.form;
form.render('select');
});
}
})
}
// 获取上游客户
function getUpcustom(types) {
let type = types?types:''
util.ajax({
url:util.interfaceUrl+ interfacenName.getAllInformation,
type:"get",
dataType:"json",
data:{type:"JZ_YD_UPPER "+' JZ_TT_UPPER',},
success:function (result){
if(result.data){
var data=result.data
for (var i=0;i<data.length;i++){
switch(data[i].type){
case "JZ_YD_UPPER":
if (type==='YD'){
$("#upcustom").append('<option value="1,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
} else{
$("#YD").append('<option value="1,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>');break;
}
case "JZ_TT_UPPER":
if (type==='TT'){
$("#upcustom").append('<option value="2,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>'); break;
} else{
$("#TT").append('<option value="2,'+data[i].type+','+data[i].value+'">'+data[i].name+'</option>');break;
}
//value前面拼了type
}
}
}
layui.use([ 'form'],
function() {
var form=layui.form;
form.render('select');
});
},
error:function (res) {
console.log(res);
}
})
}
function show(str,res){
if (str=='stationData'){
$('#ClickHideOrShow').css("display","inline-block")
$('.ClickHideOrShow').css("display","inline-block")
}
else if (str=='hide') {
$('#ClickHideOrShow').css("display", "none")
$('.ClickHideOrShow').css("display", "none")
}
if(res=="YD"){
$('.YD').remove();
$(".TT").remove();
$('.DJ').remove();
getJzcostom('YD')
getUpcustom('YD')
}else if (res=='TT'){
$('.YD').remove();
$(".TT").remove();
$('.DJ').remove();
getJzcostom('TT')
getUpcustom('TT')
}
}
// 展开--收起
$(document).ready(function(){
$("#togglebtn").click(function(){
$("#togglebtn").text($("#slidebox").is(":hidden") ? "收起" : "展开");
//此处判断div层的class属性值来动态更改按钮的text值
if ($("#togglebtn").text()=="收起"){
$("#togglebtn").addClass("layui-btn-warm");
}
else{ $("#togglebtn").removeClass("layui-btn-warm");}
$("#slidebox").slideToggle();
$("#slidebox2").slideToggle();
});
});
layui.use([ 'form'],
function() {
var form=layui.form;
form.render('select');
});
//获取区域
$(function () {
util.ajax({
url:util.interfaceUrl+ interfacenName.getDic +'/'+ "JZ_QY",
type:"get",
dataType:"json",
data:{type:'JZ_QY'},
success:function (result){
if(result.data){
var qy=result.data;
for(var i=0;i<qy.length;i++){
$("#area").append('<option value="'+qy[i].value+'">'+ qy[i].name +'</option>');
}
}
layui.use([ 'form'],
function() {
var form=layui.form;
form.render('select');
});
}
})
})
// 获取业务线
$(function () {
util.ajax({
url:util.interfaceUrl+ interfacenName.getDic +'/'+ "JZ_YWX",
type:"get",
dataType:"json",
data:{type:'JZ_YWX'},
success:function (result){
if(result.data){
var ywx=result.data;
for(var i=0;i<ywx.length;i++){
$("#businessline").append('<option value="'+ywx[i].value+'">'+ ywx[i].name +'</option>');
}
}
layui.use([ 'form'],
function() {
var form=layui.form;
form.render('select');
});
}
})
})
// 调用运营商
$(function () {
getJzcostom("ALL")
})
// 调用上游客户
$(function () {
getUpcustom("ALL")
})
//负责人字符串长度控制
layui.use(['form'], function() {
var form = layui.form
// 监听提交
form.on('submit(formDemo)', function(data){
// layer.msg(JSON.stringify(data.field));
return false;
});
form.verify({
title: function (value) {
if (value.length > 9) {
var fzr =$("#principal").val()
$("#principal").val(fzr.substring(0,9));
}
}
})
})
// 重置功能
function tabreload(type,state) {
$('#name').val("");
$("#number").val("");
$("#principal").val("");
$("#projectnumber").val("");
$("#area").val();
$("#businessline").val("");
$("#upcustom").val("");
$("#jz_costom").val("");
$("#state").val("");
$("#department").val("");
layui.use(['table'], function() {
var table=layui.table;
table.reload('testReload', {
where:{
page:1,
rows: 10,
jzType:this.type,
jzState: this.state,
jzName:'',
jzCode:'',
jzProjectOwner:'',
projectCode:'',
jzQy:'',
businessLine:'',
jzUpCustom:'',
jzYys:'',
jzState:'',
jzCurDept:''
}
});
})
}
</script>
<div class="layui-card-body " style="min-height: 300px">
<table id="yddrop" lay-filter="survey" style="text-align: center"></table>
</div>
</div>
</div>
</div>
</div>
</body>
<style>
.layui-table-cell {
text-align: center;
}
.layui-table-cell .layui-table-link{
color: #666;
}
/* body,html{
overflow: hidden;
}*/
.layui-btn-primary {
border: 1px solid #e6e6e6;
background-color: #fbfbfb;
color: #C9C9C9;
}
.layui-table-page>div{
text-align: end;
}
.layui-btn-primary {
border: 1px solid #e6e6e6;
background-color: #fbfbfb;
color: #C9C9C9;
}
.layui-btn-primary:hover {
border: 1px solid #e6e6e6;
background-color: #FBFBFB;
}
.layui-table-cell{
height: 31px;
}
</style>
<style>
.layui-card{
min-height: 450px;
}
</style>
<script>
var pageNow = 1
$(function () {
let temp = window.location.href.split('?')[1]?window.location.href.split('?')[1].split('pageBack=')[1].split('&')[0]:""
if (temp) {
pageNow = temp
}
})
layui.use('table', function(){
var table = layui.table;
//第一个实例
table.render({
elem: '#yddrop'
,height:474
,method:"get"
,url: util.interfaceUrl +interfacenName.getTest
,limits:[10,20,30]
,headers:{
'Authorization':userToken,
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
},
parseData: function(res){
if(res.rows.length==0){
return {
"code": 500, //解析接口状态
"msg": "无数据", //解析提示文本
}
}
for (let i in res.rows){
res.rows[i]['pageNow'] = res.pageNu
}
return {
"code": 0, //解析接口状态
"msg": "", //解析提示文本
"count": res.total, //解析数据长度
"data": res.rows
};
}
,contentType:"json"
,request:{
pageName:"page",
limitName:"rows",
}
,where:{
jzType:2,
jzState:18+','+19,
sort:"create_date desc"+","+"jz_project_id desc"
}
,id:"testReload"
,edit:"text"
, page: {
curr: pageNow,
} //开启分页
,cols: [[ //表头
{field: 'jzProjectId', title: '项目ID', width:150,fixed: 'left',
templet: function (d) {
return '<div><a class="layui-table-link" href="baseOther.html?businessId=' + d.businessId+ '&pageNow='+d.pageNow+'&pageName=TT-drop-station">' + util.dealWithFormatTextByLen(d.jzProjectId, 20, true) + '</a></div>'
}
}, {field: 'jzCode', title: '基站号', width:150,
templet: function (d) {
return '<div><a class="layui-table-link">'+util.dealWithFormatTextByLen(d.jzCode,20,true)+'</a></div>' }
}
,{field: 'jzName', title: '基站名', width:150,
templet: function (d) {
return '<div><a class="layui-table-link">'+util.dealWithFormatTextByLen(d.jzName,20,true)+'</a></div>'
}
}
,{field: 'businessLine', title: '业务线', width:150,
templet: function (d) {
return '<div><a class="layui-table-link">'+util.dealWithFormatTextByLen(d.ywxName,20,true)+'</a></div>'
}
}
,{field: 'jzYys', title: '运营商', width:150,
templet: function (d) {
return '<div><a class="layui-table-link">' + util.dealWithFormatTextByLen(d.yysName, 20, true) + '</a></div>'
}
}
,{field: 'jzQy', title: '区域', width: 150,
templet: function (d) {
return '<div><a class="layui-table-link">' + util.dealWithFormatTextByLen(d.jzLocationName, 20, true) + '</a></div>'
}
}
,{field: 'curDeptName', title: '部门', width: 150,
templet: function (d) {
return '<div><a class="layui-table-link"> ' + util.dealWithFormatTextByLen(d.curDeptName, 20, true) + '</a></div>'
}
}
,{field: 'jzProState', title: '当前流程', width: 150,
templet: function (d){
var jtemp = d.jzProState
let spanclassName = "";
if(d.jzState == 18){
switch (jtemp) {
case '0':
spanclassName = 'layui-btn layui-btn-danger layui-btn-xs';
return '<div><a class="layui-table-link"> '+'<span class="' + spanclassName + '">拆     站</span>'+'</a></div>'
break;
case '1':
spanclassName = "layui-btn layui-btn-warm layui-btn-xs";
return '<div><a class="layui-table-link"> '+'<span class="' + spanclassName + '"> 审     核</span>'+'</a></div>'
break;
case '3':
spanclassName = 'layui-btn layui-btn-primary layui-btn-xs';
return '<div><a class="layui-table-link"> '+'<span class="' + spanclassName + '">已驳回</span>'+'</a></div>'
break;
default:
spanclassName = "";
return '<div><a class="layui-table-link"> '+'<span class="' + spanclassName + '"></span>'+'</a></div>'
break;
}
}else if(d.jzState == 19){
return '<div><a class="layui-table-link"> '+'<span class="layui-btn layui-btn-nomal layui-btn-xs">已拆站</span>'+'</a></div>'
}
}
}
,{field: 'curUserName', title: '阶段负责人', width: 150,
templet: function (d) {
return '<div><a class="layui-table-link"> ' + util.dealWithFormatTextByLen(d.curUserName, 20, true) + '</a></div>'
}
}
, {
field: 'createDate', title: '创建日期', width: 110, sort: true,
templet: function (d) {
return '<div><a class="layui-table-link"> ' + util.dealWithFormatTextByLen(d.createDate, 10, false) + '</a></div>'
}
}
,{title: '操作', minWidth: 204.8,toolbar:"#barDemo",fixed:'right'}
]]
});
var $ = layui.$,active = {
reload: function(){
var jzm = $('#name').val();
var jzm = $("#name").val();
var jzh = $("#number").val();
var fzr = $("#principal").val();
var jzbh = $("#projectnumber").val();
var qy = $("#area").val()=='请选择区域'?'':$("#area").val();
var ywx = $("#businessline").val()=='请选择业务线'?'': $("#businessline").val();
var sykh = $("#upcustom").val()=='请选择上游客户'?'':$("#upcustom").val();
var yys = $("#jz_costom").val()=='请选择运营商'?'':$("#jz_costom").val();
var jzzt = $("#state").val()=='请选择基站状态'? '':$("#state").val();
var bm = $("#department").val()=='部门'?'':$("#department").val()
//执行重载
table.reload('testReload', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
jzName: jzm,
jzCode: jzh,
jzProjectOwner:fzr,
projectCode: jzbh,
jzQy: qy,
businessLine: ywx,
jzUpCustom: sykh,
jzYys: yys,
jzState: jzzt,
deptName:bm,
jzState:18,
jzType:13
}
}, 'data');
}
};
$('#searchbox #btn-submit').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
$('#searchbox #restbtn').on('click', function(){
$('#name').val("");
$("#number").val("");
$("#principal").val("");
$("#projectnumber").val("");
$("#area").val("");
$("#businessline").val("");
$("#upcustom").val("");
$("#jz_costom").val("");
$("#state").val("");
$("#department").val("");
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
show('hide','TT')
})
</script>
<script type="text/html" id="barDemo">
<!-- {{# if(d.jzProState ==1 || d.jzProState ==3){ }}-->
<!-- {{# } }}-->
<!-- {{# if(d.jzProState !=1 && d.jzProState !=3 &&d.isMyBusiness == 0){ }}-->
<!-- <a class="layui-btn layui-btn-mini" style="margin-left:0px" id="opratebtn" lay-event="detail" onclick="xadmin.open('拆站', './tt-drop-stationClick.html', 540, 400);"><i class="layui-icon"></i>拆站</a>-->
<!-- {{# } }}-->
<!-- {{# if(d.jzProState !=1 && d.jzProState !=3 &&d.isAssistant == 1){ }}-->
<!-- <button class="layui-btn layui-btn-mini" style="margin-left:0px" lay-event="open" onclick=" xadmin.open('更换阶段负责人', './change-business.html?businessId={{d.businessId}}&&jzType={{d.jzType}}&&curUserName={{d.curUserName}}&&jzCurUser={{d.jzCurUser}}&&selectWaringUntreated={{d.selectWaringUntreated}}', 500, 400);"><i class="layui-icon"></i>更换阶段负责人</button>-->
<!-- {{# } }}-->
</script>