MES-WEB-LayUI.git

parent: 877db34b | 补丁 | 提交 | ignore whitespace

yusijie

2024-03-08 50edb7d72540eaae513c34b3ca570ae843be8837

当前工单布局

2个文件已修改

1个文件已添加

	WebTM/WebTM.csproj	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/IpadIndex.html	36 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/生产管理/工单/Sc_CurrentTicket.html	549 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 WebTM/WebTM.csproj

@@ -404,6 +404,7 @@
    <Content Include="views\æ¨¡æ²»å·ç®¡ç\æ¨¡æ²»å·ç®¡ç\Gy_SplitBarCode.html" />
    <Content Include="views\æ¨¡æ²»å·ç®¡ç\æ¨¡æ²»å·ç®¡ç\Gy_MaterialMouldBillMainList.html" />
    <Content Include="views\çäº§ç®¡ç\ä½ä¸æå¯¼ä¹¦\Gy_SOPBill_Video.html" />
    <Content Include="views\çäº§ç®¡ç\å·¥å\Sc_CurrentTicket.html" />
    <Content Include="views\çäº§ç®¡ç\å·¥å\Sc_MyTicketList.html" />
    <Content Include="views\çäº§ç®¡ç\å¼å¸¸åé¦å\Sc_Reply_MESExecptFeedBackBill.html" />
    <Content Include="views\çäº§ç®¡ç\æ¥å·¥å°å·¥åº\äº§éæ±æ¥\Sc_ICMOBillQualityStatus_TmpList.html" />

 WebTM/views/IpadIndex.html

@@ -575,8 +575,7 @@
            }
            return result;
        }


               
        //å¼å·¥æé®ç¹å»äºä»¶
        function OpenWork(event, obj) {
            if (wktag == 0) {
@@ -983,6 +982,27 @@
            })
        }

        //å½åå·¥åæé®ç¹å»äºä»¶
        function CurrentStatus(event, obj) {
            if (wktag == 0) {
                layer.alert("è¯·éæ©å·¥ååè¡¨", { icon: 5 });
                return false;
            }
            layer.open({
                type: 2,
                skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
                title: 'å½åå·¥å',
                closeBtn: 1,
                shift: 2,
                area: ['100%', '100%'],
                maxmin: true,
                content: 'çäº§ç®¡ç/å·¥å/Sc_CurrentTicket.html?OperationType=2&linterid=&HSouceBillType=',
                end: function () {

                }                
            });
        }

        //éåº
        function Esc(event, obj) {
            parent.location.href = "index.html"
@@ -1124,13 +1144,13 @@
                            </div>
                        </div>
                        <div class="layui-row layui-col-space10" style="display:none;">
                            <div class="layui-col-sm12 layui-col-md4" onclick="KSOpenWork(event,this)" >
                            <div class="layui-col-sm12 layui-col-md4" onclick="KSOpenWork(event,this)">
                                <div class="cnt bottomright">
                                    <span class="layui-icon layui-icon-pause imgicon"></span>
                                    <span class="imgtitle">å¿«éå¼å·¥</span>
                                </div>
                            </div>
                           

                        </div>
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-sm12 layui-col-md4" onclick="SOP(event,this)">
@@ -1198,6 +1218,14 @@
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-sm12 layui-col-md4" onclick="CurrentStatus(event,this)">
                                <div class="cnt bottomright">
                                    <span class="layui-icon layui-icon-console imgicon"></span>
                                    <span class="imgtitle">å½åç¶æ</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </div>

 WebTM/views/Éú²ú¹ÜÀí/¹¤µ¥/Sc_CurrentTicket.html

New file
@@ -0,0 +1,549 @@
ï»¿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; 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, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/grwebapp.js"></script>
    <script src="../../../layuiadmin/HideButton.js"></script>
    <script src="../../../layuiadmin/soulTable.slim.js"></script>
    <script src="../../../layuiadmin/echarts.min.js"></script>

</head>
<body>
    <div class="layui-fluid">
        <div class="layui-col-md12">
            <div class="layui-card" style="padding: 1px">
                <div class="layui-card-body" style="padding: 1px;">
                    <form class="layui-form" action="" lay-filter="component-form-group">
                        <div id="top" style="width:100%;height:calc(44vh);">
                            <div id="top-left" style="width:49.8%;height:calc(44vh);float:left;">
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">è®¾å¤</span></label>                    
                                </div>
                                <div>
                                    <img src="../../../layuiadmin/layui/images/device.png" onerror="javascript:this.src='../../../layuiadmin/layui/images/erro.png';this.onerror = null" style="width:20%;height:calc(35vh);float:left" />
                                    <div style="float:left;margin-left:5%;">
                                        <dl>
                                            <dd>
                                                <h2><span>è®¾å¤åç§°</span></h2>
                                                <h3><span>è®¾å¤ç¼å·</span></h3>
                                                <h3><span>è®¾å¤ç¶æ</span></h3>
                                                <h3><span>è¿è¡æ¶é´</span></h3>
                                            </dd>
                                        </dl>                                        
                                    </div>
                                </div>
                            </div>
                            <div id="top-right" style="width:49.8%;height:calc(44vh);float:left;margin-left:0.2%;">
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">å·¥å</span></label>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">å·¥&nbsp;&nbsp;å&nbsp;&nbsp;å·</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">å½åç¶æ</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">äº§ååç§°</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">è®¡åæ°é</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">äº§åä»£ç </label>
                                        <span>aaaaaaa</span>
                                    </div>
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">æ±æ¥æ»æ°</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">è§æ ¼åå·</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                    <div class="layui-col-xs4 layui-inline">
                                        <label class="layui-form-label">é¢æç¶æ</label>
                                        <span>aaaaaaa</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="center" style="width: 100%;height:calc(44vh);margin-top:1%;">
                            <div id="center-left" style="width:49.8%;height:calc(44vh);float:left;">
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">äººå</span></label>
                                </div>
                                <div style="margin-left:25%;">
                                    <dl>
                                        <dd>
                                            <h2><span>é¨é¨</span></h2>
                                            <h3><span>çç»</span></h3>
                                            <h3><span>æä½å</span></h3>
                                            <h3><span>è´è´£äºº</span></h3>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                            <div id="center-right" style="width:49.8%;height:calc(44vh);float:left;margin-left:0.2%;">
                                <div id="chart1" style="width: 40%;height: calc(40vh);left: 2%;float:left;"></div>
                                <div id="chart2" style="width: 40%;height: calc(40vh);left: 2%;float:left;"></div>
                            </div>
                        </div>
                        <div id="bottom" style="width: 100%;height:calc(7vh);">
                            <div class="layui-form-item" style="text-align: center;">
                                <button type="button" lay-submit="" lay-filter="Saver" class="layui-btn layui-btn-radius" id="Saver">ä¿å</button>
                                <button type="button" lay-submit="" lay-filter="Add" class="layui-btn layui-btn-radius" id="Add">æ°å¢</button>
                                <button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">éåº</button>
                                <button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">éåº</button>
                                <button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">éåº</button>
                                <button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">éåº</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script>
        layui.config({
            base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
        }).extend({
            index: 'lib/index', //ä¸»å¥å£æ¨¡å
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate','soulTable'], function () {
            //#region å¬å±åé
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                , element = layui.element
                , laypage = layui.laypage
                , laydate = layui.laydate
                , util = layui.util
                , soulTable = layui.soulTable
            var sWhere = "";        
            //#endregion

            //#region è¿å¥é¡µé¢å³å è½½

            var HModName = "Sc_CurrentTicket";
            //ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å± 
            var titleData = ["HInterID","HEntryID","HSourceID","HMaterID","HDeptID","æºåååç ","æºåç±»å","åæ®ç±»å"];
            //åå§åçé¢
            set_ClearBill();
            //#endregion

            //#region ãä»ªè¡¨çã
            var chart1 = echarts.init(document.getElementById("chart1"));

            var colorTemplate1 = [[0.2, "rgba(255,0,0,0.8)"], [0.8, "rgba(0,255,255,0.8)"], [1, "rgba(0,255,0,0.8)"]];

            var data1 = [{
                name: "å®æç",
                value: 55.55,
            }];

            // æå®å¾è¡¨çéç½®é¡¹åæ°æ®
            var option = {
                //backgroundColor: "#000",
                tooltip: {                // æ¬ç³»åç¹å®ç tooltip è®¾å®ã	
                    show: true,
                    formatter: "{b}ï¼{c}%",
                    backgroundColor: "rgba(50,50,50,0.7)",    // æç¤ºæ¡æµ®å±çèæ¯é¢è²ãæ³¨æï¼series.tooltip ä»å¨ tooltip.trigger ä¸º 'item' æ¶ææã
                    borderColor: "#333",        // æç¤ºæ¡æµ®å±çè¾¹æ¡é¢è²ã...
                    borderWidth: 0,                // æç¤ºæ¡æµ®å±çè¾¹æ¡å®½ã...
                    padding: 5,                    // æç¤ºæ¡æµ®å±åè¾¹è·ï¼åä½pxï¼é»è®¤åæ¹ååè¾¹è·ä¸º5ï¼æ¥åæ°ç»åå«è®¾å®ä¸å³ä¸å·¦è¾¹è·ã...
                    textStyle: {                // æç¤ºæ¡æµ®å±çææ¬æ ·å¼ã...
                        // color ,fontStyle ,fontWeight ,fontFamily ,fontSize ,lineHeight ,.......
                    },
                },
                series: [
                    {
                        name: "åä»ªè¡¨çç¤ºä¾",        // ç³»ååç§°,ç¨äºtooltipçæ¾ç¤ºï¼legend çå¾ä¾çéï¼å¨ setOption æ´æ°æ°æ®åéç½®é¡¹æ¶ç¨äºæå®å¯¹åºçç³»åã
                        type: "gauge",            // ç³»åç±»å
                        radius: "80%",            // åæ°:number, stringã ä»ªè¡¨çåå¾,é»è®¤ 75% ï¼å¯ä»¥æ¯ç¸å¯¹äºå®¹å¨é«å®½ä¸è¾å°çä¸é¡¹çä¸åçç¾åæ¯ï¼ä¹å¯ä»¥æ¯ç»å¯¹çæ°å¼ã
                        center: ["50%", "55%"],    // ä»ªè¡¨çä½ç½®(åå¿åæ )
                        startAngle: 225,        // ä»ªè¡¨çèµ·å§è§åº¦,é»è®¤ 225ãåå¿ æ£å³æä¾§ä¸º0åº¦ï¼æ£ä¸æ¹ä¸º90åº¦ï¼æ£å·¦æä¾§ä¸º180åº¦ã
                        endAngle: -45,            // ä»ªè¡¨çç»æè§åº¦,é»è®¤ -45
                        clockwise: true,        // ä»ªè¡¨çå»åº¦æ¯å¦æ¯é¡ºæ¶éå¢é¿,é»è®¤ trueã
                        min: 0,                    // æå°çæ°æ®å¼,é»è®¤ 0 ãæ å°å° minAngleã
                        max: 100,                // æå¤§çæ°æ®å¼,é»è®¤ 100 ãæ å°å° maxAngleã
                        splitNumber: 10,        // ä»ªè¡¨çå»åº¦çåå²æ®µæ°,é»è®¤ 10ã
                        axisLine: {                // ä»ªè¡¨çè½´çº¿(è½®å»çº¿)ç¸å³éç½®ã
                            show: true,                // æ¯å¦æ¾ç¤ºä»ªè¡¨çè½´çº¿(è½®å»çº¿),é»è®¤ trueã
                            lineStyle: {            // ä»ªè¡¨çè½´çº¿æ ·å¼ã
                                color: colorTemplate1,     //ä»ªè¡¨ççè½´çº¿å¯ä»¥è¢«åæä¸åé¢è²çå¤æ®µãæ¯æ®µç  ç»æä½ç½®(èå´æ¯[0,1]) å  é¢è²  å¯ä»¥éè¿ä¸ä¸ªæ°ç»æ¥è¡¨ç¤ºãé»è®¤åå¼ï¼[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 30,                    //è½´çº¿å®½åº¦,é»è®¤ 30ã
                                shadowBlur: 20,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            }
                        },
                        splitLine: {            // åéçº¿æ ·å¼ã
                            show: true,                // æ¯å¦æ¾ç¤ºåéçº¿,é»è®¤ trueã
                            length: 30,                // åéçº¿çº¿é¿ãæ¯æç¸å¯¹åå¾çç¾åæ¯,é»è®¤ 30ã
                            lineStyle: {            // åéçº¿æ ·å¼ã
                                color: "#eee",                //çº¿çé¢è²,é»è®¤ #eeeã
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 2,                    //çº¿åº¦,é»è®¤ 2ã
                                type: "solid",                //çº¿çç±»å,é»è®¤ solidã æ¤å¤è¿æ dashed,dotted
                                shadowBlur: 10,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            }
                        },
                        axisTick: {                // å»åº¦(çº¿)æ ·å¼ã
                            show: true,                // æ¯å¦æ¾ç¤ºå»åº¦(çº¿),é»è®¤ trueã
                            splitNumber: 5,            // åéçº¿ä¹é´åå²çå»åº¦æ°,é»è®¤ 5ã
                            length: 8,                // å»åº¦çº¿é¿ãæ¯æç¸å¯¹åå¾çç¾åæ¯,é»è®¤ 8ã
                            lineStyle: {            // å»åº¦çº¿æ ·å¼ã	
                                color: "#eee",                //çº¿çé¢è²,é»è®¤ #eeeã
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 1,                    //çº¿åº¦,é»è®¤ 1ã
                                type: "solid",                //çº¿çç±»å,é»è®¤ solidã æ¤å¤è¿æ dashed,dotted
                                shadowBlur: 10,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            },
                        },
                        axisLabel: {            // å»åº¦æ ç¾ã
                            show: true,                // æ¯å¦æ¾ç¤ºæ ç¾,é»è®¤ trueã
                            distance: 5,            // æ ç¾ä¸å»åº¦çº¿çè·ç¦»,é»è®¤ 5ã
                            color: "#1E1E1E",            // æåçé¢è²,é»è®¤ #fffã
                            fontSize: 9,            // æåçåä½å¤§å°,é»è®¤ 5ã
                            formatter: "{value}",    // å»åº¦æ ç¾çåå®¹æ ¼å¼å¨ï¼æ¯æåç¬¦ä¸²æ¨¡æ¿ååè°å½æ°ä¸¤ç§å½¢å¼ã ç¤ºä¾:// ä½¿ç¨åç¬¦ä¸²æ¨¡æ¿ï¼æ¨¡æ¿åéä¸ºå»åº¦é»è®¤æ ç¾ {value},å¦:formatter: '{value} kg'; // ä½¿ç¨å½æ°æ¨¡æ¿ï¼å½æ°åæ°åå«ä¸ºå»åº¦æ°å¼,å¦formatter: function (value) {return value + 'km/h';}
                        },
                        pointer: {                // ä»ªè¡¨çæéã
                            show: true,                // æ¯å¦æ¾ç¤ºæé,é»è®¤ trueã
                            length: "70%",            // æéé¿åº¦ï¼å¯ä»¥æ¯ç»å¯¹æ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºåå¾çç¾åæ¯,é»è®¤ 80%ã
                            width: 5,                // æéå®½åº¦,é»è®¤ 8ã
                        },
                        itemStyle: {            // ä»ªè¡¨çæéæ ·å¼ã
                            color: "auto",            // æéé¢è²ï¼é»è®¤(auto)åæ°å¼æå¨çåºé´çé¢è²
                            opacity: 1,                // å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                            borderWidth: 0,            // æè¾¹çº¿å®½,é»è®¤ 0ãä¸º 0 æ¶æ æè¾¹ã
                            borderType: "solid",    // æ±æ¡çæè¾¹ç±»åï¼é»è®¤ä¸ºå®çº¿ï¼æ¯æ 'solid', 'dashed', 'dotted'ã
                            borderColor: "#000",    // å¾å½¢çæè¾¹é¢è²,é»è®¤ "#000"ãæ¯æçé¢è²æ ¼å¼å colorï¼ä¸æ¯æåè°å½æ°ã
                            shadowBlur: 10,            // (ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                            shadowColor: "#fff",    // é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                        },
                        emphasis: {                // é«äº®ç ä»ªè¡¨çæéæ ·å¼
                            itemStyle: {
                                //é«äº® åæ£å¸¸  ä¸¤èå·æåæ ·çéç½®é¡¹,åªæ¯å¨ä¸åç¶æä¸éç½®é¡¹çå¼ä¸åã
                            }
                        },
                        title: {                // ä»ªè¡¨çæ é¢ã
                            show: true,                // æ¯å¦æ¾ç¤ºæ é¢,é»è®¤ trueã
                            offsetCenter: [0, "95%"],//ç¸å¯¹äºä»ªè¡¨çä¸å¿çåç§»ä½ç½®ï¼æ°ç»ç¬¬ä¸é¡¹æ¯æ°´å¹³æ¹åçåç§»ï¼ç¬¬äºé¡¹æ¯åç´æ¹åçåç§»ãå¯ä»¥æ¯ç»å¯¹çæ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºä»ªè¡¨çåå¾çç¾åæ¯ã
                            color: "#1E1E1E",            // æåçé¢è²,é»è®¤ #333ã
                            fontSize: 20,            // æåçåä½å¤§å°,é»è®¤ 15ã
                        },
                        detail: {                // ä»ªè¡¨çè¯¦æï¼ç¨äºæ¾ç¤ºæ°æ®ã
                            show: true,                // æ¯å¦æ¾ç¤ºè¯¦æ,é»è®¤ trueã
                            offsetCenter: [0, "70%"],// ç¸å¯¹äºä»ªè¡¨çä¸å¿çåç§»ä½ç½®ï¼æ°ç»ç¬¬ä¸é¡¹æ¯æ°´å¹³æ¹åçåç§»ï¼ç¬¬äºé¡¹æ¯åç´æ¹åçåç§»ãå¯ä»¥æ¯ç»å¯¹çæ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºä»ªè¡¨çåå¾çç¾åæ¯ã
                            color: "auto",            // æåçé¢è²,é»è®¤ autoã
                            fontSize: 30,            // æåçåä½å¤§å°,é»è®¤ 15ã
                            formatter: "{value}%",    // æ ¼å¼åå½æ°æèåç¬¦ä¸²
                        },
                        data: data1
                    }
                ]
            };
            // ä½¿ç¨åæå®çéç½®é¡¹åæ°æ®æ¾ç¤ºå¾è¡¨
            chart1.setOption(option);


            var chart2 = echarts.init(document.getElementById("chart2"));          

            var data2 = [{
                name: "åæ ¼ç",
                value: 85,
            }];

            // æå®å¾è¡¨çéç½®é¡¹åæ°æ®
            var option2 = {
                //backgroundColor: "#000",
                tooltip: {                // æ¬ç³»åç¹å®ç tooltip è®¾å®ã	
                    show: true,
                    formatter: "{b}ï¼{c}%",
                    backgroundColor: "rgba(50,50,50,0.7)",    // æç¤ºæ¡æµ®å±çèæ¯é¢è²ãæ³¨æï¼series.tooltip ä»å¨ tooltip.trigger ä¸º 'item' æ¶ææã
                    borderColor: "#333",        // æç¤ºæ¡æµ®å±çè¾¹æ¡é¢è²ã...
                    borderWidth: 0,                // æç¤ºæ¡æµ®å±çè¾¹æ¡å®½ã...
                    padding: 5,                    // æç¤ºæ¡æµ®å±åè¾¹è·ï¼åä½pxï¼é»è®¤åæ¹ååè¾¹è·ä¸º5ï¼æ¥åæ°ç»åå«è®¾å®ä¸å³ä¸å·¦è¾¹è·ã...
                    textStyle: {                // æç¤ºæ¡æµ®å±çææ¬æ ·å¼ã...
                        // color ,fontStyle ,fontWeight ,fontFamily ,fontSize ,lineHeight ,.......
                    },
                },
                series: [
                    {
                        name: "åä»ªè¡¨çç¤ºä¾",        // ç³»ååç§°,ç¨äºtooltipçæ¾ç¤ºï¼legend çå¾ä¾çéï¼å¨ setOption æ´æ°æ°æ®åéç½®é¡¹æ¶ç¨äºæå®å¯¹åºçç³»åã
                        type: "gauge",            // ç³»åç±»å
                        radius: "80%",            // åæ°:number, stringã ä»ªè¡¨çåå¾,é»è®¤ 75% ï¼å¯ä»¥æ¯ç¸å¯¹äºå®¹å¨é«å®½ä¸è¾å°çä¸é¡¹çä¸åçç¾åæ¯ï¼ä¹å¯ä»¥æ¯ç»å¯¹çæ°å¼ã
                        center: ["50%", "55%"],    // ä»ªè¡¨çä½ç½®(åå¿åæ )
                        startAngle: 225,        // ä»ªè¡¨çèµ·å§è§åº¦,é»è®¤ 225ãåå¿ æ£å³æä¾§ä¸º0åº¦ï¼æ£ä¸æ¹ä¸º90åº¦ï¼æ£å·¦æä¾§ä¸º180åº¦ã
                        endAngle: -45,            // ä»ªè¡¨çç»æè§åº¦,é»è®¤ -45
                        clockwise: true,        // ä»ªè¡¨çå»åº¦æ¯å¦æ¯é¡ºæ¶éå¢é¿,é»è®¤ trueã
                        min: 0,                    // æå°çæ°æ®å¼,é»è®¤ 0 ãæ å°å° minAngleã
                        max: 100,                // æå¤§çæ°æ®å¼,é»è®¤ 100 ãæ å°å° maxAngleã
                        splitNumber: 10,        // ä»ªè¡¨çå»åº¦çåå²æ®µæ°,é»è®¤ 10ã
                        axisLine: {                // ä»ªè¡¨çè½´çº¿(è½®å»çº¿)ç¸å³éç½®ã
                            show: true,                // æ¯å¦æ¾ç¤ºä»ªè¡¨çè½´çº¿(è½®å»çº¿),é»è®¤ trueã
                            lineStyle: {            // ä»ªè¡¨çè½´çº¿æ ·å¼ã
                                color: colorTemplate1,     //ä»ªè¡¨ççè½´çº¿å¯ä»¥è¢«åæä¸åé¢è²çå¤æ®µãæ¯æ®µç  ç»æä½ç½®(èå´æ¯[0,1]) å  é¢è²  å¯ä»¥éè¿ä¸ä¸ªæ°ç»æ¥è¡¨ç¤ºãé»è®¤åå¼ï¼[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 30,                    //è½´çº¿å®½åº¦,é»è®¤ 30ã
                                shadowBlur: 20,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            }
                        },
                        splitLine: {            // åéçº¿æ ·å¼ã
                            show: true,                // æ¯å¦æ¾ç¤ºåéçº¿,é»è®¤ trueã
                            length: 30,                // åéçº¿çº¿é¿ãæ¯æç¸å¯¹åå¾çç¾åæ¯,é»è®¤ 30ã
                            lineStyle: {            // åéçº¿æ ·å¼ã
                                color: "#eee",                //çº¿çé¢è²,é»è®¤ #eeeã
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 2,                    //çº¿åº¦,é»è®¤ 2ã
                                type: "solid",                //çº¿çç±»å,é»è®¤ solidã æ¤å¤è¿æ dashed,dotted
                                shadowBlur: 10,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            }
                        },
                        axisTick: {                // å»åº¦(çº¿)æ ·å¼ã
                            show: true,                // æ¯å¦æ¾ç¤ºå»åº¦(çº¿),é»è®¤ trueã
                            splitNumber: 5,            // åéçº¿ä¹é´åå²çå»åº¦æ°,é»è®¤ 5ã
                            length: 8,                // å»åº¦çº¿é¿ãæ¯æç¸å¯¹åå¾çç¾åæ¯,é»è®¤ 8ã
                            lineStyle: {            // å»åº¦çº¿æ ·å¼ã	
                                color: "#eee",                //çº¿çé¢è²,é»è®¤ #eeeã
                                opacity: 1,                    //å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                                width: 1,                    //çº¿åº¦,é»è®¤ 1ã
                                type: "solid",                //çº¿çç±»å,é»è®¤ solidã æ¤å¤è¿æ dashed,dotted
                                shadowBlur: 10,                //(ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                                shadowColor: "#fff",        //é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                            },
                        },
                        axisLabel: {            // å»åº¦æ ç¾ã
                            show: true,                // æ¯å¦æ¾ç¤ºæ ç¾,é»è®¤ trueã
                            distance: 5,            // æ ç¾ä¸å»åº¦çº¿çè·ç¦»,é»è®¤ 5ã
                            color: "#1E1E1E",            // æåçé¢è²,é»è®¤ #fffã
                            fontSize: 9,            // æåçåä½å¤§å°,é»è®¤ 5ã
                            formatter: "{value}",    // å»åº¦æ ç¾çåå®¹æ ¼å¼å¨ï¼æ¯æåç¬¦ä¸²æ¨¡æ¿ååè°å½æ°ä¸¤ç§å½¢å¼ã ç¤ºä¾:// ä½¿ç¨åç¬¦ä¸²æ¨¡æ¿ï¼æ¨¡æ¿åéä¸ºå»åº¦é»è®¤æ ç¾ {value},å¦:formatter: '{value} kg'; // ä½¿ç¨å½æ°æ¨¡æ¿ï¼å½æ°åæ°åå«ä¸ºå»åº¦æ°å¼,å¦formatter: function (value) {return value + 'km/h';}
                        },
                        pointer: {                // ä»ªè¡¨çæéã
                            show: true,                // æ¯å¦æ¾ç¤ºæé,é»è®¤ trueã
                            length: "70%",            // æéé¿åº¦ï¼å¯ä»¥æ¯ç»å¯¹æ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºåå¾çç¾åæ¯,é»è®¤ 80%ã
                            width: 5,                // æéå®½åº¦,é»è®¤ 8ã
                        },
                        itemStyle: {            // ä»ªè¡¨çæéæ ·å¼ã
                            color: "auto",            // æéé¢è²ï¼é»è®¤(auto)åæ°å¼æå¨çåºé´çé¢è²
                            opacity: 1,                // å¾å½¢éæåº¦ãæ¯æä» 0 å° 1 çæ°åï¼ä¸º 0 æ¶ä¸ç»å¶è¯¥å¾å½¢ã
                            borderWidth: 0,            // æè¾¹çº¿å®½,é»è®¤ 0ãä¸º 0 æ¶æ æè¾¹ã
                            borderType: "solid",    // æ±æ¡çæè¾¹ç±»åï¼é»è®¤ä¸ºå®çº¿ï¼æ¯æ 'solid', 'dashed', 'dotted'ã
                            borderColor: "#000",    // å¾å½¢çæè¾¹é¢è²,é»è®¤ "#000"ãæ¯æçé¢è²æ ¼å¼å colorï¼ä¸æ¯æåè°å½æ°ã
                            shadowBlur: 10,            // (ååææ)å¾å½¢é´å½±çæ¨¡ç³å¤§å°ãè¯¥å±æ§éå shadowColor,shadowOffsetX, shadowOffsetY ä¸èµ·è®¾ç½®å¾å½¢çé´å½±ææã 
                            shadowColor: "#fff",    // é´å½±é¢è²ãæ¯æçæ ¼å¼åcolorã
                        },
                        emphasis: {                // é«äº®ç ä»ªè¡¨çæéæ ·å¼
                            itemStyle: {
                                //é«äº® åæ£å¸¸  ä¸¤èå·æåæ ·çéç½®é¡¹,åªæ¯å¨ä¸åç¶æä¸éç½®é¡¹çå¼ä¸åã
                            }
                        },
                        title: {                // ä»ªè¡¨çæ é¢ã
                            show: true,                // æ¯å¦æ¾ç¤ºæ é¢,é»è®¤ trueã
                            offsetCenter: [0, "95%"],//ç¸å¯¹äºä»ªè¡¨çä¸å¿çåç§»ä½ç½®ï¼æ°ç»ç¬¬ä¸é¡¹æ¯æ°´å¹³æ¹åçåç§»ï¼ç¬¬äºé¡¹æ¯åç´æ¹åçåç§»ãå¯ä»¥æ¯ç»å¯¹çæ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºä»ªè¡¨çåå¾çç¾åæ¯ã
                            color: "#1E1E1E",            // æåçé¢è²,é»è®¤ #333ã
                            fontSize: 20,            // æåçåä½å¤§å°,é»è®¤ 15ã
                        },
                        detail: {                // ä»ªè¡¨çè¯¦æï¼ç¨äºæ¾ç¤ºæ°æ®ã
                            show: true,                // æ¯å¦æ¾ç¤ºè¯¦æ,é»è®¤ trueã
                            offsetCenter: [0, "70%"],// ç¸å¯¹äºä»ªè¡¨çä¸å¿çåç§»ä½ç½®ï¼æ°ç»ç¬¬ä¸é¡¹æ¯æ°´å¹³æ¹åçåç§»ï¼ç¬¬äºé¡¹æ¯åç´æ¹åçåç§»ãå¯ä»¥æ¯ç»å¯¹çæ°å¼ï¼ä¹å¯ä»¥æ¯ç¸å¯¹äºä»ªè¡¨çåå¾çç¾åæ¯ã
                            color: "auto",            // æåçé¢è²,é»è®¤ autoã
                            fontSize: 30,            // æåçåä½å¤§å°,é»è®¤ 15ã
                            formatter: "{value}%",    // æ ¼å¼åå½æ°æèåç¬¦ä¸²
                        },
                        data: data2
                    }
                ]
            };
            // ä½¿ç¨åæå®çéç½®é¡¹åæ°æ®æ¾ç¤ºå¾è¡¨
            chart2.setOption(option2);

            //#endregion

            //#region å¤´å·¥å·æ äºä»¶
            //é¢è§
            form.on('submit(btn_view)', function (data) {
                get_print();
            });

            //å¼å·¥
            form.on('submit(btn_start)', function (data) {
                get_start();
            });

            //æ±æ¥
            form.on('submit(btn_report)', function (data) {
                get_report();
            });

            //éåº
            form.on('submit(get_Exit)', function (data) {
                Pub_Close(2);
            });

            //å·æ°
            form.on('submit(btn_refresh)', function (data) {
                get_Refresh();
            });

            //#endregion

            //#region æ¬é¡µé¢ææè¢«è°ç¨çæ¹æ³
            function set_ClearBill() {           
                //æ¥è¯¢
                get_FastQuery();
            }

            //#region å¿«éè¿æ»¤
            function get_FastQuery() {
                get_Display(sWhere);
                sWhere = "";//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
            }
            //#endregion
           
            //#region æ¥è¯¢
            function get_Display(sWhere) {
                var ajaxLoad = layer.load();

                $.ajax({
                    url: GetWEBURL() + '/Sc_MyTicket/list',
                    type: "GET",
                    async: false,
                    data: { "HSourceID": sessionStorage["HSourceID"], "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.count == 1) {
                            var data = [];
                            var col = [];
                            //ç»ç©ºçæ°ç»èµå¼
                            for (var key in data1.list) {
                                data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
                            }
                            //å¨åè¡¨å·¦è¾¹æ·»å å¾éæ¡
                            col.push({ type: 'checkbox', fixed: 'left' });
                            for (var i = 0; i < data.length; i++) {
                                // if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') {
                                if ($.inArray(data[i].name, titleData) > -1) {
                                    col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå
                                }
                                else {
                                    switch (data[i].Type) {
                                        //int
                                        case 'DateTime':
                                            col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
                                            break;
                                        default:
                                            col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
                                    }
                                }
                            }

                            //å¨ææ¾ç¤ºåå
                            option_notStart = {
                                elem: '#mainTable_notStart'
                                //, toolbar: '#toolbarDemo'
                                , cols: [col]
                                , data: data1.data.h_p_Sc_MyICMOWorkBill
                                , height: 'full-80'
                                , page: true
                                , limits: [50, 500, 5000, 50000]
                                , limit: 50
                                , cellMinWidth: 90
                            }
                            table.render(option_notStart);
                            ins = table.render(option_notStart);

                            option_finish = {
                                elem: '#mainTable_finish'
                                //, toolbar: '#toolbarDemo'
                                , cols: [col]
                                , data: data1.data.h_p_Sc_MyICMOWorkBill1
                                , height: 'full-80'
                                , page: true
                                , limits: [50, 500, 5000, 50000]
                                , limit: 50
                                , cellMinWidth: 90
                            }
                            table.render(option_finish);

                            option_proc = {
                                elem: '#mainTable_proc'
                                //, toolbar: '#toolbarDemo'
                                , cols: [col]
                                , data: data1.data.h_p_Sc_MyICMOWorkBill2
                                , height: 'full-80'
                                , page: true
                                , limits: [50, 500, 5000, 50000]
                                , limit: 50
                                , cellMinWidth: 90
                            }
                            table.render(option_proc);

                            //å·æ°æé®æ¾ç¤º
                            var btns = document.getElementsByTagName("button");     //è·åæ¬é¡µæææé®å¯¹è±¡
                            var HBillType = "æçå·¥å";
                            Display_HideButton(btns, HBillType, HModName, sessionStorage["HUserName"]);

                            //å·æ°è¡¨æ ¼æ°æ®
                            //DisPlay_HideColumn();

                            layer.close(ajaxLoad);
                            if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") {
                                ColFilter();
                            }

                            //layer.alert("æ¥è¯¢æå", { icon: 1 });
                        } else {
                            layer.close(ajaxLoad);
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(ajaxLoad);
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                });

            }
            //#endregion


            //#region å·æ°
            function get_Refresh() {
                get_FastQuery();
            }
            //#endregion
        
            //ä»¥ä¸æ¯layuiæ¨¡å
        });
    </script>
</body>
</html>

			@@ -404,6 +404,7 @@
			<Content Include="views\æ¨¡æ²»å·ç®¡ç\æ¨¡æ²»å·ç®¡ç\Gy_SplitBarCode.html" />
			<Content Include="views\æ¨¡æ²»å·ç®¡ç\æ¨¡æ²»å·ç®¡ç\Gy_MaterialMouldBillMainList.html" />
			<Content Include="views\çäº§ç®¡ç\ä½ä¸æå¯¼ä¹¦\Gy_SOPBill_Video.html" />
			<Content Include="views\çäº§ç®¡ç\å·¥å\Sc_CurrentTicket.html" />
			<Content Include="views\çäº§ç®¡ç\å·¥å\Sc_MyTicketList.html" />
			<Content Include="views\çäº§ç®¡ç\å¼å¸¸åé¦å\Sc_Reply_MESExecptFeedBackBill.html" />
			<Content Include="views\çäº§ç®¡ç\æ¥å·¥å°å·¥åº\äº§éæ±æ¥\Sc_ICMOBillQualityStatus_TmpList.html" />

			@@ -575,8 +575,7 @@
			}
			return result;
			}



			//å¼å·¥æé®ç¹å»äºä»¶
			function OpenWork(event, obj) {
			if (wktag == 0) {
			@@ -983,6 +982,27 @@
			})
			}

			//å½åå·¥åæé®ç¹å»äºä»¶
			function CurrentStatus(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å·¥ååè¡¨", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'å½åå·¥å',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: 'çäº§ç®¡ç/å·¥å/Sc_CurrentTicket.html?OperationType=2&linterid=&HSouceBillType=',
			end: function () {

			}
			});
			}

			//éåº
			function Esc(event, obj) {
			parent.location.href = "index.html"
			@@ -1124,13 +1144,13 @@
			</div>
			</div>
			<div class="layui-row layui-col-space10" style="display:none;">
			<div class="layui-col-sm12 layui-col-md4" onclick="KSOpenWork(event,this)" >
			<div class="layui-col-sm12 layui-col-md4" onclick="KSOpenWork(event,this)">
			<div class="cnt bottomright">
			<span class="layui-icon layui-icon-pause imgicon"></span>
			<span class="imgtitle">å¿«éå¼å·¥</span>
			</div>
			</div>


			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 layui-col-md4" onclick="SOP(event,this)">
			@@ -1198,6 +1218,14 @@
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 layui-col-md4" onclick="CurrentStatus(event,this)">
			<div class="cnt bottomright">
			<span class="layui-icon layui-icon-console imgicon"></span>
			<span class="imgtitle">å½åç¶æ</span>
			</div>
			</div>
			</div>
			</div>
			</fieldset>
			</div>