templates/search_yunweijilu.html

{% extends 'base.html' %}

{% block title %}

(function($) {

$(function() {
                $.datepicker.regional['zh-CN'] = {
                    changeMonth: true,
                    changeYear: true,
                    clearText: '清除',
                    clearStatus: '清除已选日期',
                    closeText: '关闭',
                    closeStatus: '不改变当前选择',
                    prevText: '<上月',
                    prevStatus: '显示上月',
                    prevBigText: '<<',
                    prevBigStatus: '显示上一年',
                    nextText: '下月>',
                    nextStatus: '显示下月',
                    nextBigText: '>>',
                    nextBigStatus: '显示下一年',
                    currentText: '今天',
                    currentStatus: '显示本月',
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                    monthStatus: '选择月份',
                    yearStatus: '选择年份',
                    weekHeader: '周',
                    weekStatus: '年内周次',
                    dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                    dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                    dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                    dayStatus: '设置 DD 为一周起始',
                    dateStatus: '选择 m月 d日, DD',
                    dateFormat: 'yy-mm-dd',
                    firstDay: 1,
                    initStatus: '请选择日期',
                    isRTL: false
                };

            });

            $(function() {
                $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
                
                $("#kssj").datetimepicker();
                $("#jssj").datetimepicker();
            });
            
            
        }(jQuery));
    </script>

问题描述 <input type="text" id="wtms" name="wtms" value="{{ wtms }}" class="ui_input_txt03" />

问题来源 <input type="text" id="wtly" name="wtly" value="{{ wtly }}" class="ui_input_txt03" style="width:50px" />

处理人 <input type="text" id="clr" name="clr" value="{{ clr }}" class="ui_input_txt03" style="width:50px" />

开始时间 <input type="text" id="kssj" name="kssj" value="{{ kssj|date:"Y-m-d H:i" }}" class="ui_input_txt03" style="width:70px" />

结束时间 <input type="text" id="jssj" name="jssj" value="{{ jssj|date:"Y-m-d H:i" }}" class="ui_input_txt03" style="width:70px" />

类型

<option value=1 {% if type == 1 %} selected = "selected" {% endif %}>网络设备配置</option>

<option value=2 {% if type == 2 %} selected = "selected" {% endif %}>安全设备配置</option>

</select>

机房 <select id="machinaroom" name="machinaroom" class="ui_select02" >

{% for mr in machinaroomlist %}

{% endfor %}

</div>

{% if yunweijilulist.has_previous %}

{% endif %}

<span class="current">
        Page {{ yunweijilulist.number }} of {{ yunweijilulist.paginator.num_pages }}.
    </span>

    {% if yunweijilulist.has_next %}
        <a href="javascript:void(0)" onclick="search_yunweijilu({{ yunweijilulist.next_page_number }});">下一页</a>
    {% endif %}
</span>

</form>

{% endblock %}

{% block content %}

<tr>

</th>

</tr>

{% for s in yunweijilulist.object_list %}

<td>

{% if s.type == 0 %}

日常巡检

{% elif s.type == 1 %}

网络设备配置

{% elif s.type == 2 %}

安全设备配置

{% elif s.type == 3 %}

系统部署

{% elif s.type == 4 %}

安全运维

{% elif s.type == 5 %}

系统更新/维护

{% elif s.type == 6 %}

系统重启

{% elif s.type == 7 %}

系统迁移

{% elif s.type == 8 %}

系统扩容

{% elif s.type == 9 %}

技术支持

</td>

<td title="{{ s.wtms }}">{{ s.wtms|truncatechars:"8" }}</td>

<td title="{{ s.wtly }}">{{ s.wtly|truncatechars:"8" }}</td>

<td title="{{ s.wtjssj|date:"Y-m-d H:i" }}">{{ s.wtjssj|date:"Y-m-d" }}</td>

<td title="{{ s.clr }}">{{ s.clr|truncatechars:"8" }}</td>

<td title="{{ s.clbf }}">{{ s.clbf|truncatechars:"8" }}</td>

<td title="{{ s.memo }}">{{ s.memo|truncatechars:"6"}}</td>

<td title="{{ s.machinaroom.name }}">{{ s.machinaroom.name|truncatechars:"8"}}</td>

</table>

function search_yunweijilu(page){

var wtms = document.getElementById("wtms").value;

var wtly = document.getElementById("wtly").value;

var clr= document.getElementById("clr").value;

var kssj= document.getElementById("kssj").value;

var jssj = document.getElementById("jssj").value;

var type = document.getElementById("type").value;

var machinaroom = document.getElementById("machinaroom").value;

var myurl="search_yunweijilu.html"+"?"+"wtms="+wtms+"&&wtly="+wtly+"&&clr="+clr+"&&kssj="+kssj+"&&jssj="+jssj+"&&type="+type+"&&machinaroom="+machinaroom+"&&page="+page;

window.location.assign(encodeURI(myurl))

}

function add_yunweijilu(){

var width = 400;

var height = 500;

var left = parseInt((screen.availWidth/2) - (width/2));//屏幕居中

var top = parseInt((screen.availHeight/2) - (height/2));

var windowFeatures = "width=" + width + ",height=" + height + ",status,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;

newWindow = window.open("add_yunweijilu.html", "subWind", windowFeatures);

function edit_yunweijilu(id){

newWindow = window.open("edit_yunweijilu.html?id="+id, "subWind", windowFeatures);

function del_yunweijilu(id,page){

if(window.confirm('确定要删除该记录吗？')){

var myurl="del_yunweijilu.html"+"?"+"id="+id+"&&wtms="+wtms+"&&wtly="+wtly+"&&clr="+clr+"&&kssj="+kssj+"&&jssj="+jssj+"&&type="+type+"&&machinaroom="+machinaroom+"&&page="+page;

return true;

}else{

//alert("取消");

return false;

function batdel_yunweijilu(){

if(window.confirm('确定要删除记录吗？')){

obj = document.getElementsByName("idcheck");

check_val = [];

for(k in obj){

if(obj[k].checked)

check_val.push(obj[k].value);

var myurl="batdel_yunweijilu.html"+"?"+"ids="+check_val+"&&wtms="+wtms+"&&wtly="+wtly+"&&clr="+clr+"&&kssj="+kssj+"&&jssj="+jssj+"&&type="+type+"&&machinaroom="+machinaroom;

function excel_yunweijilu(){

var myurl="excel_yunweijilu.html"+"?"+"wtms="+wtms+"&&wtly="+wtly+"&&clr="+clr+"&&kssj="+kssj+"&&jssj="+jssj+"&&type="+type+"&&machinaroom="+machinaroom;

</script>

templates/add_yunweijilu.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

$(function() {
            $.datepicker.regional['zh-CN'] = {
                changeMonth: true,
                changeYear: true,
                clearText: '清除',
                clearStatus: '清除已选日期',
                closeText: '关闭',
                closeStatus: '不改变当前选择',
                prevText: '<上月',
                prevStatus: '显示上月',
                prevBigText: '<<',
                prevBigStatus: '显示上一年',
                nextText: '下月>',
                nextStatus: '显示下月',
                nextBigText: '>>',
                nextBigStatus: '显示下一年',
                currentText: '今天',
                currentStatus: '显示本月',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                monthStatus: '选择月份',
                yearStatus: '选择年份',
                weekHeader: '周',
                weekStatus: '年内周次',
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                dayStatus: '设置 DD 为一周起始',
                dateStatus: '选择 m月 d日, DD',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                initStatus: '请选择日期',
                isRTL: false
            };

        });

        $(function() {
            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

            $("#yunweijiluwtjssj").datetimepicker();
            $("#yunweijilukssj").datetimepicker();
            $("#yunweijilujssj").datetimepicker();
        });


    }(jQuery));

当前位置：运维管理 > <span style="color: #1A5CC6;">新增运维记录</span>

</a>

<option value=1>网络设备配置</option>

<option value=2>安全设备配置</option>

<td class="ui_text_rt">问题接收时间：</td>

<tr>
                                    <td class="ui_text_rt">处理人:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijiluclr" name="yunweijiluclr"  value="" class="ui_input_txt02" />
                                    </td>
                            </tr>

                                                            <tr>
                                    <td class="ui_text_rt">开始时间:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijilukssj" name="yunweijilukssj"  value="" class="ui_input_txt02" />
                                    </td>
                            </tr>

                                                            <tr>
                                    <td class="ui_text_rt">结束时间:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijilujssj" name="yunweijilujssj"  value="" class="ui_input_txt02" />
                                    </td>
                            </tr>
                            <tr>

{% for mr in machinaroomlist %}

<tr>
                                    <td>&nbsp;</td>
                                    <td class="ui_text_lt">
                                            &nbsp;<input id="submitbutton" type="submit" value="提交" class="ui_input_btn01"/>
                                            &nbsp;<input id="cancelbutton" type="cancel" value="取消" class="ui_input_btn01"/>
                                    </td>
                            </tr>

                    </table>
            </div>
    </div>

</body>

</html>

templates/edit_yunweijilu.html

$(function() {
            $.datepicker.regional['zh-CN'] = {
                changeMonth: true,
                changeYear: true,
                clearText: '清除',
                clearStatus: '清除已选日期',
                closeText: '关闭',
                closeStatus: '不改变当前选择',
                prevText: '<上月',
                prevStatus: '显示上月',
                prevBigText: '<<',
                prevBigStatus: '显示上一年',
                nextText: '下月>',
                nextStatus: '显示下月',
                nextBigText: '>>',
                nextBigStatus: '显示下一年',
                currentText: '今天',
                currentStatus: '显示本月',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                monthStatus: '选择月份',
                yearStatus: '选择年份',
                weekHeader: '周',
                weekStatus: '年内周次',
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                dayStatus: '设置 DD 为一周起始',
                dateStatus: '选择 m月 d日, DD',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                initStatus: '请选择日期',
                isRTL: false
            };

        });

        $(function() {
            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

            $("#yunweijiluwtjssj").datetimepicker();
            $("#yunweijilukssj").datetimepicker();
            $("#yunweijilujssj").datetimepicker();
        });


    }(jQuery));

当前位置：配置管理 > <span style="color: #1A5CC6;">编辑运维记录</span>

<option value=1 {% if yunweijilu.type == 1 %} selected="selected" {% endif %}>网络设备配置</option>

<option value=2 {% if yunweijilu.type == 2 %} selected="selected" {% endif %}>安全设备配置</option>

<tr>
                                    <td class="ui_text_rt">处理人:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijiluclr" name="yunweijiluclr"  value="{{ yunweijilu.clr }}" class="ui_input_txt02" />
                                    </td>
                            </tr>

                                                            <tr>
                                    <td class="ui_text_rt">开始时间:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijilukssj" name="yunweijilukssj"  value="{{ yunweijilu.kssj|date:"Y-m-d H:i" }}" class="ui_input_txt02" />
                                    </td>
                            </tr>

                                                            <tr>
                                    <td class="ui_text_rt">结束时间:</td>
                                    <td class="ui_text_lt">
                                            <input type="text" id="yunweijilujssj" name="yunweijilujssj"  value="{{ yunweijilu.jssj|date:"Y-m-d H:i" }}" class="ui_input_txt02" />
                                    </td>
                            </tr>
                            <tr>

<tr>
                                    <td>&nbsp;</td>
                                    <td class="ui_text_lt">
                                            &nbsp;<input id="submitbutton" type="submit" value="提交" class="ui_input_btn01"/>
                                            &nbsp;<input id="cancelbutton" type="cancel" value="取消" class="ui_input_btn01"/>
                                    </td>
                            </tr>

                    </table>        
    </div>
    </div>

Django 搭建CMDB系统完整[14](运维记录)templates/add_yunweijilu.htmltemplates/edit_yunweijilu.html

templates/search_yunweijilu.html

templates/add_yunweijilu.html

templates/edit_yunweijilu.html

继续阅读

《Linux命令行与Shell脚本编程大全第2版.布卢姆》pdf

tab鼠标经过菜单切换

vue （vue2.0）使用总结(从大体结构总结)

vue搭建过程及出现问题

nginx 安装错误信息解决

/\B(?=(?:\d{3})+$)/g 一条令人费解的正则表达式

Ambari介绍和架构原理

适用于JavaScript的ECMAScript 2020规范向前发展

Cloud Studio初体验

使用 ctypes 进行 Python 和 C 的混合编程

【python】【数据处理】画多维数据分布图

JS生成uuid的四种方法

【python】netconf协议对接管理设备

「Python 网络自动化」NETCONF —— Python 使用 NETCONF 管理配置 H3C 网络设备

layui多任务上传添加进度条

在python中创建excel并写入