diff --git a/src/main/java/com/pro/bus/controller/PrintController.java b/src/main/java/com/pro/bus/controller/PrintController.java
new file mode 100644
index 0000000000000000000000000000000000000000..b59b67d3e95d533129463fd13028dfe4475aedae
--- /dev/null
+++ b/src/main/java/com/pro/bus/controller/PrintController.java
@@ -0,0 +1,74 @@
+package com.pro.bus.controller;
+
+import com.github.pagehelper.PageHelper;
+import com.github.pagehelper.PageInfo;
+import com.pro.bus.entity.Process;
+import com.pro.bus.service.PrintService;
+import com.pro.sys.entity.Result;
+import com.pro.utils.Utils;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Controller
+@RequestMapping("/bus")
+public class PrintController {
+
+    @Autowired
+    private PrintService printService;
+
+    /***
+     * 去印花页面
+     * @return
+     */
+    @RequiresPermissions("/bus/print")
+    @RequestMapping("print")
+    public String toprint(@RequestHeader(value="Via",required=false)  String via , @RequestHeader("user-agent")  String userAgent) {//返回值为视图名称（不一定直接对应路径）){
+        boolean is = Utils.isMobileDevice(via, userAgent);
+        if(is) {
+            return "mobile/print";
+        }
+        return "bus/print";
+    }
+
+    /***
+     * 获取印花信息
+     * @param page
+     * @param limit
+     * @param process
+     * @return
+     */
+    @RequiresPermissions("/bus/print")
+    @RequestMapping(value = "getPrint", method = RequestMethod.GET)
+    @ResponseBody
+    public Map<String, Object> getPrint(@RequestParam(value = "page", defaultValue = "1") Integer page, @RequestParam(value = "limit") Integer limit, Process process) {
+        PageHelper.startPage(page, limit);
+        List<Process> processes = printService.getPrint(process);
+        Map<String, Object> map = new HashMap<String, Object>();
+        PageInfo<Process> pageInfo = new PageInfo<Process>(processes);
+        map.put("code", 0);
+        map.put("data", pageInfo.getList());
+        map.put("count", pageInfo.getTotal());
+        map.put("msg", "");
+        return map;
+    }
+
+    /**
+     * 确认印花
+     * @param process_id
+     * @param print_num
+     * @return
+     */
+    @RequiresPermissions("/bus/print")
+    @RequestMapping(value = "cfmPrint/{process_id}/{print_num}",
+            method = RequestMethod.PUT)
+    @ResponseBody
+    public Result cfmPrint(@PathVariable("process_id") Integer process_id, @PathVariable("print_num")Double print_num) {
+       return printService.cfmPrint(process_id, print_num);
+    }
+}
diff --git a/src/main/java/com/pro/bus/mapper/PrintMapper.java b/src/main/java/com/pro/bus/mapper/PrintMapper.java
new file mode 100644
index 0000000000000000000000000000000000000000..81b4b3d609c7cfd2b73c79b1a23b0034a991ca89
--- /dev/null
+++ b/src/main/java/com/pro/bus/mapper/PrintMapper.java
@@ -0,0 +1,30 @@
+package com.pro.bus.mapper;
+
+import com.pro.bus.entity.Process;
+import org.apache.ibatis.annotations.Param;
+import org.mybatis.spring.annotation.MapperScan;
+
+import java.util.List;
+
+@MapperScan
+public interface PrintMapper {
+    /**
+     * 获取印花信息
+     * @return
+     */
+    List<Process> getPrint();
+
+    /**
+     * 确认印花
+     * @param process_id
+     * @param print_person
+     * @return
+     */
+    int cfmPrint(@Param("process_id")Integer process_id, @Param("print_person")String print_person, @Param("print_num")Double print_num);
+
+    /**
+     * 获取手机印花信息
+     * @return
+     */
+    List<Process> getMPrint(Process process);
+}
diff --git a/src/main/java/com/pro/bus/service/PrintService.java b/src/main/java/com/pro/bus/service/PrintService.java
new file mode 100644
index 0000000000000000000000000000000000000000..39635bd11e5209aef8d42b7e40bf19e03276921f
--- /dev/null
+++ b/src/main/java/com/pro/bus/service/PrintService.java
@@ -0,0 +1,30 @@
+package com.pro.bus.service;
+
+import com.pro.bus.entity.Process;
+import com.pro.sys.entity.Result;
+
+import java.util.List;
+
+public interface PrintService {
+    /**
+     * 获取印花信息
+     * @param process
+     * @return
+     */
+    List<Process> getPrint(Process process);
+
+    /**
+     * 确认印花
+     * @param process_id
+     * @param print_num
+     * @return
+     */
+    Result cfmPrint(Integer process_id, Double print_num);
+
+    /**
+     * 获取手机印花数据
+     * @param process
+     * @return
+     */
+    List<Process> getMPrint(Process process);
+}
diff --git a/src/main/java/com/pro/bus/service/impl/PrintServiceImpl.java b/src/main/java/com/pro/bus/service/impl/PrintServiceImpl.java
new file mode 100644
index 0000000000000000000000000000000000000000..13cb85e5f8dc80a598cd146206e5fbf837f3c567
--- /dev/null
+++ b/src/main/java/com/pro/bus/service/impl/PrintServiceImpl.java
@@ -0,0 +1,54 @@
+package com.pro.bus.service.impl;
+
+import com.pro.bus.entity.Process;
+import com.pro.bus.mapper.PrintMapper;
+import com.pro.bus.service.PrintService;
+import com.pro.sys.entity.Result;
+import com.pro.sys.entity.User;
+import org.apache.shiro.SecurityUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+@Service
+public class PrintServiceImpl implements PrintService {
+
+    @Autowired
+    private PrintMapper printMapper;
+
+    /**
+     * 获取印花信息
+     * @param process
+     * @return
+     */
+    @Override
+    public List<Process> getPrint(Process process) {
+        return printMapper.getPrint();
+    }
+
+    /**
+     * 确认印花
+     * @param process_id
+     * @return
+     */
+    @Override
+    public Result cfmPrint(Integer process_id,Double print_num) {
+        String print_person = ((User)SecurityUtils.getSubject().getPrincipal()).getU_name();
+        System.out.println(process_id+"---"+print_person);
+        if(printMapper.cfmPrint(process_id,print_person,print_num) > 0){
+            return Result.successResult("印花成功");
+        }
+        return Result.failResult("印花失败");
+    }
+
+    /**
+     * 获取手机印花数据
+     * @param process
+     * @return
+     */
+    @Override
+    public List<Process> getMPrint(Process process) {
+        return printMapper.getMPrint(process);
+    }
+}
diff --git a/src/main/java/com/pro/mobile/controller/MobilePrintController.java b/src/main/java/com/pro/mobile/controller/MobilePrintController.java
new file mode 100644
index 0000000000000000000000000000000000000000..87c87fc4c79d28fa81d37c541ccb841dea7fc2c2
--- /dev/null
+++ b/src/main/java/com/pro/mobile/controller/MobilePrintController.java
@@ -0,0 +1,47 @@
+package com.pro.mobile.controller;
+
+import com.github.pagehelper.PageHelper;
+import com.github.pagehelper.PageInfo;
+import com.pro.bus.entity.Process;
+import com.pro.bus.service.PrintService;
+import com.pro.sys.entity.Result;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/bus")
+public class MobilePrintController {
+    @Autowired
+    private PrintService printService;
+
+    /**
+     * 获得分页后的印花数据
+     * @param page
+     * @param rows
+     * @return
+     */
+    @RequestMapping(value = "m_print",
+            method = RequestMethod.GET)
+    @ResponseBody
+    public PageInfo<Process> getMprint(Process process, Integer page, Integer rows) {
+        System.out.println("-------"+process+"---"+page+"---"+rows);
+        PageHelper.startPage(page, rows);
+        List<Process> list = printService.getMPrint(process);
+        return new PageInfo<Process>(list);
+    }
+
+    /**
+     * 手机确认印花
+     * @param process
+     * @return
+     */
+    @RequestMapping(value = "cfmprint",
+            method = RequestMethod.PUT)
+    @ResponseBody
+    public Result cfmprint(@RequestBody Process process) {
+        return printService.cfmPrint(process.getProcess_id(),process.getPrint_num());
+    }
+}
diff --git a/src/main/resources/mapper/bus/PrintMapper.xml b/src/main/resources/mapper/bus/PrintMapper.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ce27426da2536ea5579887ec956ffea1c909c2f3
--- /dev/null
+++ b/src/main/resources/mapper/bus/PrintMapper.xml
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="com.pro.bus.mapper.PrintMapper">
+
+    <select id="getMPrint" resultType="com.pro.bus.entity.Process">
+        SELECT
+        bus_process.process_id,
+        bus_process.plan_id,
+        substring_index(bus_process.process_cus,'|',-1) process_cus,
+        substring_index(bus_process.process_std,'|',-1) process_std,
+        substring_index(bus_process.process_color,'|',-1) process_color,
+        bus_process.group_num,
+        bus_process.group_date,
+        bus_process.group_person,
+        bus_process.pretreat_num,
+        bus_process.pretreat_date,
+        bus_process.pretreat_person,
+        bus_process.dye_num,
+        bus_process.dye_date,
+        bus_process.dye_person,
+        bus_process.print_num,
+        bus_process.print_date,
+        bus_process.print_person,
+        bus_process.arrange_num,
+        bus_process.arrange_date,
+        bus_process.arrange_person,
+        bus_process.check_num,
+        bus_process.check_date,
+        bus_process.check_person,
+        bus_process.process_status
+        FROM
+        bus_process
+        INNER JOIN bus_plan ON bus_process.plan_id = bus_plan.plan_id
+        WHERE
+        <choose>
+            <when test="process_status != null and process_status != ''">
+                (process_status=#{process_status}) AND
+            </when>
+            <otherwise>
+                (process_status='10' OR process_status='15') AND
+            </otherwise>
+        </choose>
+        bus_plan.plan_type = 3 OR
+        (bus_plan.plan_type = 4 AND dye_person IS NOT NULL)
+
+    </select>
+
+    <sql id="filed">
+            bus_process.process_id,
+            bus_process.plan_id,
+            bus_process.process_cus,
+            bus_process.process_std,
+            bus_process.process_color,
+            bus_process.group_num,
+            bus_process.group_date,
+            bus_process.group_person,
+            bus_process.pretreat_num,
+            bus_process.pretreat_date,
+            bus_process.pretreat_person,
+            bus_process.dye_num,
+            bus_process.dye_date,
+            bus_process.dye_person,
+            bus_process.print_num,
+            bus_process.print_date,
+            bus_process.print_person,
+            bus_process.arrange_num,
+            bus_process.arrange_date,
+            bus_process.arrange_person,
+            bus_process.check_num,
+            bus_process.check_date,
+            bus_process.check_person,
+            bus_process.process_status
+    </sql>
+
+    <select id="getPrint" resultType="com.pro.bus.entity.Process">
+        SELECT
+        <include refid="filed"/>
+        FROM
+        bus_process
+        INNER JOIN bus_plan ON plan_id = bus_plan.plan_id
+        WHERE
+        bus_plan.plan_type = 3 OR
+        (bus_plan.plan_type = 4 AND
+        dye_person IS NOT NULL) AND
+        (process_status='10' OR process_status='15')
+    </select>
+
+    <update id="cfmPrint">
+        UPDATE bus_process
+            SET
+              print_num = #{print_num},
+              print_date = DATE(NOW()),
+              print_person = #{print_person},
+              process_status = '20'
+            WHERE
+              process_id = #{process_id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/mapper/bus/ProcessMapper.xml b/src/main/resources/mapper/bus/ProcessMapper.xml
index 4e904708a881e741e3bb6e1e881fee2cb4e45925..53a9601d00fb9b5388ba8640e0053fd81dfacda1 100644
--- a/src/main/resources/mapper/bus/ProcessMapper.xml
+++ b/src/main/resources/mapper/bus/ProcessMapper.xml
@@ -8,6 +8,7 @@
             info_color.co_name,
             info_customer.cus_name,
             bus_plan.plan_id,
+            bus_plan.plan_type,
             bus_plan.plan_num,
             bus_plan.plan_num-(SELECT IFNULL(SUM(group_num),0) FROM bus_process WHERE bus_process.plan_id=bus_plan.plan_id) rest_num
             FROM
diff --git a/src/main/web/WEB-INF/views/bus/print.jsp b/src/main/web/WEB-INF/views/bus/print.jsp
new file mode 100644
index 0000000000000000000000000000000000000000..10a71eccee7f07090f7ed565afebd7453edfc1eb
--- /dev/null
+++ b/src/main/web/WEB-INF/views/bus/print.jsp
@@ -0,0 +1,191 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: lenovo
+  Date: 2018/8/17
+  Time: 10:09
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>印花</title>
+</head>
+<link rel="stylesheet" href="../../../static/layui-2.3.0/css/layui.css">
+<style type="text/css">
+    .layui-form-label {
+        width: auto;
+    }
+</style>
+<body>
+<!-- 查询表单 -->
+<form class="layui-form" id="form-print-query">
+    <div class="layui-form-item" style="margin-top: 15px;">
+
+        <div class="layui-inline">
+            <label class="layui-form-label">状态</label>
+            <div class="layui-input-inline">
+                <select name="plan_type" lay-verify="required" lay-filter="select-print-query-print-type">
+                    <option value="">全部</option>
+                    <option value="20">已印花</option>
+                    <option value="1">未印花</option>
+                </select>
+            </div>
+            <button class="layui-btn" id="bn-print-query"><i class="layui-icon layui-icon-search"></i> 查询</button>
+
+        </div>
+    </div>
+</form>
+<table id="print-table" lay-filter="printTable"></table>
+<!-- 工具条定义 -->
+<script type="text/html" id="barDemo">
+    <!--  laytpl 语法， d指数据，在这里指当前行数据 -->
+    {{#  if(d.process_status == '10' || d.process_status == '15' ){ }}
+    <a class="layui-btn layui-btn-xs" lay-event="print_confirm"><i class="layui-icon">&#xe608;</i> 印花</a>
+    {{# }}}
+</script>
+
+
+<script src="../../../static/layui-2.3.0/layui.js"></script>
+<script src="../../../static/js/jquery-3.3.1.min.js"></script>
+<script src="../../../static/js/sweetalert-2.1.0.min.js"></script>
+<script src="../../../static/js/common.js"></script>
+
+
+<script>
+
+
+    layui.use(['element', 'table', 'layer', 'form', 'laydate'], function () {
+        var table = layui.table;
+        var layer = layui.layer;
+        var form = layui.form;
+        var laydate = layui.laydate;
+        // var g_group_num;
+        //日历插件
+        lay('.test-item').each(function () {
+            laydate.render({
+                elem: this
+                , trigger: 'click'
+            });
+        });
+        //第一个实例
+        var printTable = table.render({
+            elem: '#print-table'
+            , url: 'getPrint' //数据接口
+            , page: true
+            , limit: 5
+            , limits: [5, 10, 15]
+            , cols: [[ //表头
+                {type: 'checkbox'}
+                , {field: 'process_id', title: '组号', width: "6%"}
+                , {field: 'plan_id', title: '计划编号', width: "7%"}
+                , {field: 'process_cus', title: '客户名称'}
+                , {field: 'process_std', title: '产品规格名称'}
+                , {field: 'process_color', title: '花色名称'}
+                , {field: 'group_num', title: '布匹数量'}
+                , {field: 'group_date', title: '分组时间'}
+                , {field: 'group_person', title: '坯布车间登记人'}
+                , {field: 'pretreat_date', title: '前处理时间'}
+                , {field: 'pretreat_person', title: '前处理登记人'}
+                , {field: 'print_num', title: '印花数量'}
+                , {field: 'print_date', title: '印花日期'}
+                , {field: 'print_person', title: '印花登记人'}
+                , {
+                    field: 'process_status', title: '状态', templet: function (d) {
+                        if (d.process_status == '00') {
+                            return '未投坯';
+                        } else if (d.process_status == '05') {
+                            return '已投坯';
+                        }
+                        else if (d.process_status == '10') {
+                            return '已前处理';
+                        }
+                        else if (d.process_status == '15') {
+                            return '已染色';
+                        }
+                        else if (d.process_status == '20') {
+                            return '已印花';
+                        }
+                        else if (d.process_status == '25') {
+                            return '已整理';
+                        }
+                        else if (d.process_status == '30') {
+                            return '质检中';
+                        }
+                        else if (d.process_status == '35') {
+                            return '已质检';
+                        }
+                        else if (d.process_status == '40') {
+                            return '包装中';
+                        }
+                        else if (d.process_status == '50') {
+                            return '已包装';
+                        }
+                        else if (d.process_status == '55') {
+                            return '已部分入库';
+                        }
+                        else if (d.process_status == '60') {
+                            return '已入库';
+                        }
+                        else if (d.process_status == '65') {
+                            return '已部分交货';
+                        }
+                        else if (d.process_status == '70') {
+                            return '已交货';
+                        }
+                    }
+                }
+                , {toolbar: '#barDemo', width: "19%"}
+            ]]
+        });//table结束
+        // 监听工具条。注：tool是工具条事件名，proTable是table原始容器的属性 lay-filter属性的值
+        table.on('tool(printTable)', function (obj) {
+            var data = obj.data; //获得当前行数据
+            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
+            var tr = obj.tr; //获得当前行 tr 的DOM对象
+            if (layEvent === 'print_confirm') { //确定印花
+
+                opr.ajaxWithConfirm({
+                    title: "您确定印花吗?",
+                    text: "印花一旦确认将无法修改!",
+                    url: 'cfmPrint/' + data.process_id+'/'+data.group_num,
+                    method: 'put',
+                    layer: layer,
+                    layuiTableIns: printTable
+                });
+            }
+        });//监听工具条结束
+        //
+        //查询
+        $('#bn-print-query').click(function () {
+            //将表单参数封装为json对象
+            var arr = $("#form-print-query").serializeArray();
+            var params = {};
+            for (var i = 0; i < arr.length; i++) {
+                params[arr[i].name] = arr[i].value;
+            }
+
+            //传递查询参数重载表格（内部为ajax请求）
+            printTable.reload({
+                where: params,
+                page: {
+                    curr: 1
+                    //重新从第 1 页开始
+                }
+            });
+            // showBns();//重新显示按钮
+            return false;
+        });
+
+        //监听select选择
+        form.on('select(select-print-query-print-type)', function (data) {
+            //console.log(data.elem); //得到select原始DOM对象
+            //console.log(data.value); //得到被选中的值
+            //console.log(data.othis); //得到美化后的DOM对象
+            $('#bn-print-query').click();
+        });
+
+    });//layui use结束
+</script>
+
+</body>
+</html>
diff --git a/src/main/web/WEB-INF/views/bus/process.jsp b/src/main/web/WEB-INF/views/bus/process.jsp
index 8b4479cfef40f4addf311d774f040189f06aa54f..199e97783e517bf3bf209f0615bde803346ad24a 100644
--- a/src/main/web/WEB-INF/views/bus/process.jsp
+++ b/src/main/web/WEB-INF/views/bus/process.jsp
@@ -63,6 +63,7 @@
     <table id="planTable" class="layui-table">
         <tr>
             <td>计划编号</td>
+            <td>计划类型</td>
             <td>客户名称</td>
             <td>规格名称</td>
             <td>花色名称</td>
@@ -73,6 +74,12 @@
         <c:forEach items="${plans}" var="plan">
             <tr>
                 <td>${plan.plan_id}</td>
+                <td>
+                    <c:if test="${plan.plan_type eq 1}">白布产品</c:if>
+                    <c:if test="${plan.plan_type eq 2}">染色产品</c:if>
+                    <c:if test="${plan.plan_type eq 3}">无底色印花</c:if>
+                    <c:if test="${plan.plan_type eq 4}">有底色印花</c:if>
+                </td>
                 <td>${plan.cus_name}</td>
                 <td>${plan.standard_name}</td>
                 <td>${plan.co_name}</td>
diff --git a/src/main/web/WEB-INF/views/mobile/print.jsp b/src/main/web/WEB-INF/views/mobile/print.jsp
new file mode 100644
index 0000000000000000000000000000000000000000..c22cfc6ad393def40ef09e6a666499561ac69c46
--- /dev/null
+++ b/src/main/web/WEB-INF/views/mobile/print.jsp
@@ -0,0 +1,351 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: lenovo
+  Date: 2018/8/17
+  Time: 15:49
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>生产过程云信息系统-主页</title>
+    <link rel="stylesheet" href="../../../static/mint-ui/style.css">
+    <style type="text/css">
+
+        html{
+            font-size:100px;
+            height:100%;
+        }
+        body{
+            height:100%;
+            padding:0;
+            margin:0;
+            background-color: #F5F5F5;
+            font-size:0.16rem;
+        }
+
+        .my-card{
+            font-size:0.14rem;
+            margin:0.1rem;
+            padding:0 0.1rem 0 0.1rem;
+            border-radius:0.08rem;
+            border:0.01rem solid #DDDDDD;
+            box-shadow:0.00rem 0.00rem 0.1rem 0.00rem #DDDDDD;
+            /*
+             */
+            /* color:#70706F; */
+            background-color:#FFFFFF;
+        }
+
+        .my-card-title{
+
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+
+
+            padding:0.09rem 0 0.07rem 0;
+            border-bottom:0.01rem solid #EEEEEE;
+            margin-bottom:0.04rem;
+
+
+            /*color:#OOOOOO;*/
+
+
+        }
+
+        .my-card-content{
+
+            display: flex;
+            flex-direction: row;
+            flex-wrap:wrap;
+            justify-content: space-between;
+            align-items:center;
+
+            color:#70706F;
+
+        }
+
+        .my-card-content>div{
+            display: flex;
+            flex-direction: row;
+            width:46%;
+            padding:0.04rem 0 0.04rem 0;
+
+        }
+
+        .my-card-content-label{
+            width:0.5rem;
+        }
+
+        .my-card-content-opr{
+
+            border-top:0.01rem solid #EEEEEE;
+            margin-top:0.04rem;
+
+            text-align:right;
+            padding:0.06rem 0 0.06rem 0;
+        }
+
+        .my-header{
+            position: fixed;
+            top:0;
+            left:0;
+            width:100%;
+            height:0.4rem;
+        }
+
+        .my-navbar{
+            position: fixed;
+            top:0.4rem;
+            left:0;
+            width:100%;
+            height:0.46rem;
+        }
+
+
+    </style>
+</head>
+<body>
+<div id="app" class="cls-login-page" >
+
+    <div class="my-header">
+        <mt-header title="生产过程云信息系统" style="height:0.4rem;">
+            <mt-button icon="back" slot="left" >返回</mt-button>
+        </mt-header>
+    </div>
+
+    <div class="my-navbar">
+        <mt-navbar v-model="active"  >
+            <mt-tab-item id="id-print-to">待印花</mt-tab-item>
+            <mt-tab-item id="id-print-done">已印花</mt-tab-item>
+        </mt-navbar>
+    </div>
+
+
+    <mt-tab-container v-model="active" ref="printTabContainer" :style="{position:'fixed',top:'0.86rem',bottom:'0rem',overflow: 'auto'}" >
+
+        <!-- 待印花 -->
+        <mt-tab-container-item id="id-print-to"   >
+            <mt-loadmore :top-method="loadTop" :auto-fill="autofill" :bottom-method="loadBottom" :bottom-all-loaded="unprintAllLoaded" ref="unloadmore">
+
+
+                <div class="my-card" v-for="process in unprintPage.list"  >
+
+                    <div class="my-card-title">
+                        <div>组号 {{process.process_id}}</div>
+                        <div>待印花</div>
+                    </div>
+
+                    <div class="my-card-content">
+                        <div><div class="my-card-content-label">客户</div><div >{{process.process_cus}}</div></div>
+                        <div><div class="my-card-content-label">规格</div><div >{{process.process_std}}</div></div>
+                        <div><div class="my-card-content-label">花色号</div><div >{{process.process_color}}</div></div>
+                        <div><div class="my-card-content-label">投坯</div><div >{{process.group_num}}</div></div>
+                        <div><div class="my-card-content-label">前处理</div><div >{{process.pretreat_num}}</div></div>
+                    </div>
+                    <div class="my-card-content-opr">
+                        <mt-button size="small" type="primary" @click="completeprint(process.process_id)" >印花完成</mt-button>
+                    </div>
+
+                </div>
+
+
+            </mt-loadmore>
+        </mt-tab-container-item>
+
+        <!-- 已印花 -->
+        <mt-tab-container-item id="id-print-done">
+            <mt-loadmore :top-method="loadTopDone" :auto-fill="autofill" :bottom-method="loadBottomDone" :bottom-all-loaded="printAllLoaded" ref="loadmore">
+            <div class="my-card" v-for="process in printPage.list">
+
+                <div class="my-card-title">
+                    <div>组号 {{process.process_id}}</div>
+                    <div>已印花</div>
+                </div>
+
+                <div class="my-card-content">
+                    <div><div class="my-card-content-label">客户</div><div >{{process.process_cus}}</div></div>
+                    <div><div class="my-card-content-label">规格</div><div >{{process.process_std}}</div></div>
+                    <div><div class="my-card-content-label">花色号</div><div >{{process.process_color}}</div></div>
+                    <div><div class="my-card-content-label">投坯</div><div >{{process.group_num}}</div></div>
+                    <div><div class="my-card-content-label">前处理</div><div >{{process.pretreat_num}}</div></div>
+                    <div><div class="my-card-content-label">印花</div><div >{{process.print_num}}</div></div>
+                </div>
+
+            </div>
+            </mt-loadmore>
+
+        </mt-tab-container-item>
+
+
+    </mt-tab-container>
+
+
+</div>
+</body>
+<script src="../../../static/js/vue-2.5.16.min.js"></script>
+<script src="../../../static/js/axios.min.js"></script>
+<script src="../../../static/mint-ui/index.js"></script>
+
+<script type="text/javascript">
+
+    var vm = new Vue({
+        el:'#app',
+        data:{
+            active:'id-print-to',
+
+            unprintPage:{},
+            unprintAllLoaded:false,
+
+            printPage:{},
+            printAllLoaded:false,
+
+            autofill:false,
+        },
+        methods:{
+            //加载待印花数据
+            loadunprintData(pgNo){
+                var vm = this;
+                vm.unprintAllLoaded = true;
+                axios
+                    .get('m_print',{
+                        params: {
+                            page:pgNo,//页码
+                            rows:5//每页允许最大记录数
+                        }
+                    })
+                    .then(function (response) {
+                        vm.unprintPage=response.data;
+                        if(vm.unprintPage.pageNum<vm.unprintPage.lastPage){
+                            vm.unprintAllLoaded = false;// if all data are loaded
+                        }
+                        vm.$refs.loadmore.onBottomLoaded();
+                        console.log(vm.unprintPage.lastPage+","+vm.unprintAllLoaded);
+                    })
+                    .catch(function (error) {
+                        console.log(error);
+                    });
+            },
+            //加载已印花数据
+            loadprintData(pgNo){
+                var vm = this;
+                this.printAllLoaded=true;
+                axios
+                    .get('m_print',{
+                        params: {
+                            page:pgNo,//页码
+                            rows:5,//每页允许最大记录数
+                            process_status:'20'
+                        }
+                    })
+                    .then(function (response) {
+                        vm.printPage=response.data;
+                        if(vm.printPage.pageNum<vm.printPage.lastPage){
+                            vm.printAllLoaded = false;// if all data are loaded
+                        }
+                        vm.$refs.loadmore.onBottomLoaded();
+                        console.log(vm.printPage.lastPage+","+vm.printAllLoaded);
+                    })
+                    .catch(function (error) {
+                        console.log(error);
+                    });
+            },
+
+            loadTop() {
+                console.log('loadTop====');
+                // load more data
+                this.loadunprintData(this.unprintPage.prePage);//加载上一页数据
+
+                this.$refs.unloadmore.onTopLoaded();
+            },
+
+            loadBottom() {
+                console.log('loadBottom====');
+
+                // load more data
+                this.loadunprintData(this.unprintPage.nextPage);//加载下一页数据
+
+                this.$refs.unloadmore.onBottomLoaded();
+
+            },
+            loadTopDone() {
+                console.log('loadTopDone====');
+                // load more data
+                this.loadprintData(this.printPage.prePage);//加载上一页数据
+
+                this.$refs.loadmore.onTopLoaded();
+            },
+
+            loadBottomDone() {
+                console.log('loadBottomDone====');
+
+                // load more data
+                this.loadprintData(this.printPage.nextPage);//加载下一页数据
+
+                this.$refs.loadmore.onBottomLoaded();
+
+            },
+
+            completeprint(process_id){
+                var vm = this;
+                vm.$messagebox.prompt('请输入下线产量','',{inputType:'number'})
+                    .then(({ value, action }) => {
+                        vm.$messagebox.confirm('您确定要完成印花吗？','警告')
+                            .then(ok => {
+                                axios
+                                    .put('cfmprint',{process_id:process_id,print_num:value})
+                                    .then(function (response) {
+                                        var result = response.data;
+                                        if(result.success){
+                                            vm.$toast({
+                                                message: result.message,
+                                                iconClass: 'mint-toast-icon mintui mintui-success'
+                                            });
+                                            vm.loadunprintData();
+                                        }else{
+                                            vm.$toast({
+                                                message: result.message,
+                                                iconClass: 'mint-toast-icon mintui mintui-field-error'
+                                            });
+                                        }
+                                    })
+                                    .catch(function (error) {
+                                        console.log(error);
+                                    });
+                            });
+                    })
+                    .catch(error => {
+                        console.log("===============");
+                        console.log(error);
+                    });
+            }
+        },
+        watch:{
+
+            active(currActive){
+                if('id-print-to'==currActive){
+                    this.loadunprintData(1);
+                }else if('id-print-done'==currActive){
+                    this.loadprintData(1);
+                }
+            }
+
+        },
+        mounted(){
+            this.loadunprintData(1);//加载待染色第一页数据
+        },
+        updated(){
+            // console.log(this.$refs.printTabContainer);
+            this.$refs.printTabContainer.$el.scrollTop = 0;
+        }
+    });
+
+
+</script>
+
+</html>