自定义流程图及绘制组织结构图

最新推荐文章于 2025-01-11 05:47:50 发布
最新推荐文章于 2025-01-11 05:47:50 发布
阅读量4.9k 收藏 4
点赞数
分类专栏： .NET 文章标签： table string border javascript class null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fayewang/article/details/1506881
版权

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;


public partial class WorkOrder_ShowSkipRule : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            //绑定数据
            ViewState["CaseID"] = "0702091001";
            BindFlowImage();
            /*
            if(Request.QueryString["CaseID"] != null)
            {
                ViewState["CaseID"] = Request.QueryString["CaseID"].ToString();
                BindFlowImage();
            }
             * */
        }
    }

    #region 绑定流程图
    /// <summary>
    /// 绑定流程图
    /// </summary>
    public void BindFlowImage()
    {
        DataTable dt = Base.BLL.WorkOrder.WorkOrder.GetWorkOrderBaseCaseID(ViewState["CaseID"].ToString());
        Table  tt  = new Table();
        tt.BorderWidth = 0;
        tt.CellPadding = 0;
        tt.CellSpacing = 0;
        tt.Width = Unit.Percentage(100);

        if (dt.Rows.Count > 0)
        {
            //添加标题栏
            AddRow(tt, dt.Rows[0]["Case_ID"].ToString(), Color.Empty);
            AddRow(tt, "<span lang='EN-US' style='font-size: 10.5pt; font-family: Wingdings'>&nbsp;</span>", Color.Empty);

            for (int i = 0; i < dt.Rows.Count; i++)
            {
                TableRow tr = new TableRow();
                TableCell tc = new TableCell();

                Table Taborder = new Table();
                TableRow trOrder = new TableRow();
                TableCell tdOrder = new TableCell();

                //Taborder.BorderWidth = 0;
                //Taborder.CellPadding = 0;
                //Taborder.CellSpacing = 0;
                //Taborder.Width = Unit.Percentage(100);

                tdOrder.HorizontalAlign = HorizontalAlign.Center;
                tdOrder.VerticalAlign = VerticalAlign.Top;

                //添加工单标题
                AddRow(tt, "工单编号:" + dt.Rows[i]["WorkOrder_ID"].ToString(), Color.Empty);

                //根据每个工单设计流程图
                AddContentTable(tdOrder, dt.Rows[i]["CreatedBy"].ToString());
                Label lblSpan = new Label();
                lblSpan.Text = "↓";
                tdOrder.Controls.Add(lblSpan);

                AddStep(tdOrder, Convert.ToInt32(dt.Rows[i]["WorkOrder_ID"]), dt.Rows[i]["CreatedBy"].ToString());
                trOrder.Cells.Add(tdOrder);
                Taborder.Rows.Add(trOrder);
                tc.Controls.Add(Taborder);
                tr.Cells.Add(tdOrder);
                tt.Rows.Add(tr);

                //AddRow(tt, "<span lang='EN-US' style='font-size: 10.5pt; font-family: Wingdings'>∨</span>", Color.Empty);
                //AddRow(tt, "<span lang='EN-US' style='font-size: 10.5pt; font-family: Wingdings'>&nbsp;</span>", Color.Empty);
            }

            //AddRow(tt, "<a href=javascript:self.close();>流程结束</a>", Color.Empty);
        }

        FlowPlaceHolder.Controls.Add(tt);
    }
    #endregion

    #region 添加行标头信息
    /// <summary>
    /// 添加行标头信息
    /// </summary>
    /// <param name="tab"></param>
    /// <param name="Label"></param>
    /// <param name="BackColor"></param>
    void AddRow(Table tab, string Label, Color BackColor)
    {

        TableRow tr = new TableRow();
        TableCell td = new TableCell();

        td.Text = Label;
        td.HorizontalAlign = HorizontalAlign.Center;
        td.BackColor = BackColor;

        tr.Cells.Add(td);

        tab.Rows.Add(tr);

    }
    #endregion

    #region 添加底线
    /// <summary>
    /// 添加底线
    /// </summary>
    /// <param name="cellObj"></param>
    /// <param name="PosLine"></param>
    private void AddLineRow(TableCell cellObj,LinePostion PosLine)
    {
        Table lineTab = new Table();
        TableRow lineTr = new TableRow();
        TableCell lineTd1 = new TableCell();
        TableCell lineTd2 = new TableCell();
        lineTab.BorderWidth = 0;
        lineTab.CellPadding = 0;
        lineTab.CellSpacing = 0;
        lineTab.Width = Unit.Percentage(100);
        lineTab.Height = 1;

        if (PosLine == LinePostion.All)
        {
            lineTd1.BackColor = Color.FromArgb(0, 0, 0);
            lineTd1.Width = Unit.Percentage(50);

            lineTd2.BackColor = Color.FromArgb(0, 0, 0);
            lineTd2.Width = Unit.Percentage(50);
        }
        else if (PosLine == LinePostion.Left)
        {
            lineTd1.BackColor = Color.FromArgb(0, 0, 0);
            lineTd1.Width = Unit.Percentage(50);

            lineTd2.Width = Unit.Percentage(50);
        }
        else
        {
            lineTd1.Width = Unit.Percentage(50);
            lineTd2.BackColor = Color.FromArgb(0, 0, 0);
            lineTd2.Width = Unit.Percentage(50);
        }

        lineTr.Cells.Add(lineTd1);
        lineTr.Cells.Add(lineTd2);

        lineTab.Rows.Add(lineTr);

        cellObj.Controls.Add(lineTab);  //添加内容到表格中
    }
    #endregion

    #region 添加内容Table
    /// <summary>
    /// 添加内容列
    /// </summary>
    /// <param name="TitleTab"></param>
    private void AddContentTable(TableCell cellObj,string Content)
    {
        /*
         * <table cellspacing=1 cellpadding=4>
           <tr>
          <td class=tdbottom style="border: 1 solid #000000 "   align=center > <a href=>如若然</a> </td>
           </tr>
         </table>
         * */
        Table contentTab = new Table();
        TableRow contentTr = new TableRow();
        TableCell contentTd = new TableCell();
        contentTab.CellSpacing = 1;
        contentTab.CellPadding = 4;
        contentTd.Style.Add("border", "1 solid #000000");
        contentTd.HorizontalAlign = HorizontalAlign.Center;
        contentTd.Text = Content;

        contentTr.Cells.Add(contentTd);
        contentTab.Rows.Add(contentTr);

        cellObj.Controls.Add(contentTab);   //添加到列中

    }
    #endregion

    #region 添加步骤信息
    /// <summary>
    /// 添加步骤信息
    /// </summary>
    /// <param name="tab"></param>
    /// <param name="dd"></param>
    /// <param name="CreatedBy"></param>
    void AddStep(TableCell ParentTDObj,int WorkOrder_ID, string CreatedBy)
    {
        Table tabObj = new Table();
        tabObj.BorderWidth = 0;
        tabObj.CellSpacing = 0;
        tabObj.CellPadding = 0;
        tabObj.Width = Unit.Percentage(100);
        TableRow tr = new TableRow();

        DataView tmpDV = CreateDataView(WorkOrder_ID);
        tmpDV.RowFilter = "CreatedBy='" + CreatedBy + "' and HandleBy_ID<>'" + CreatedBy+"'";
        int childCount = 0;
        foreach (DataRowView drvItem in tmpDV)
        {
            try
            {

                TableCell cellObj = new TableCell();
                cellObj.VerticalAlign = VerticalAlign.Top;
                cellObj.HorizontalAlign = HorizontalAlign.Center;

                if (tmpDV.Count >= 2)    //个数大于2时,如果只有一条记录不需要底线
                {
                    if (childCount == 0)
                    {
                        //表示左边有底线
                        AddLineRow(cellObj, LinePostion.Right);
                    }
                    else if (childCount == tmpDV.Count - 1)
                    {
                        //表示右边有底线
                        AddLineRow(cellObj, LinePostion.Left);
                    }
                    else
                    {
                        //两都都有底线
                        AddLineRow(cellObj, LinePostion.All);
                    }
                }
                Label lblSpan = new Label();
                lblSpan.Text = "↓";
                cellObj.Controls.Add(lblSpan);

                AddContentTable(cellObj,drvItem["HandleBy_ID"].ToString());

                tr.Cells.Add(cellObj);
                tabObj.Rows.Add(tr);

                childCount++;
                AddStep(cellObj,WorkOrder_ID,drvItem["HandleBy_ID"].ToString());  //继续递归调用
            }
            catch { }
        }

        ParentTDObj.Controls.Add(tabObj);
        tabObj = null;
    }
    #endregion

    #region 获取数据
    /// <summary>
    /// 获取数据
    /// </summary>
    /// <returns></returns>
    private DataView CreateDataView(int WorkOrder_ID)
    {
        DataView daView = Base.BLL.WorkOrder.WorkOrder_StepPath.GetStepPathBaseOrderID(WorkOrder_ID).DefaultView;
        return daView;
    }
    #endregion
}

#region 枚举位置变量
/// <summary>
/// 枚举位置变量
/// </summary>
public enum LinePostion
{
    /// <summary>
    /// 左边
    /// </summary>
    Left,

    /// <summary>
    /// 右边
    /// </summary>
    Right,

    /// <summary>
    /// 两边都有
    /// </summary>
    All
}
#endregion
效果图如下:

1001
↓
  
↓
1002
↓
1004
  
↓
1003

B/S前端自定义流程图
04-01
开发自定义B/S流程图 不需要美工，可以自己控制流程、功能域
自定义流程图
11-03
自定义流程图，主要是自定义框架，用于开发
Activiti 自定义表单流程（全流程演示）
最新发布
2401_89190695的博客
01-11 442
返回模型列表，选中vocation，点击发布，可以看到发布Id显示有值，模型发布成功！打开另一个浏览器，使用leaderuser用户登录，我的任务->代办任务，里面有一个新的数据。hruser用户查看已办任务，点击详情，看到请假流程已经到初始用户admin。此时，在我的任务->完成任务里面可以看到一条已完成任务，点击【发起流程】按钮，填写请假申请单，并点击提交数据。此时在我的流程->未结流程里面可以看到刚发起的流程。流程配置->新建流程，注意绑定上一步发布的流程Id。点击办理，输入意见，完成任务。
自定义流程
02-21 159
自定义流程启示        ----------             ----------             ---------- A   |    a1   | ------&gt; |    a2   | ------&gt; |    a3   |      ----------             ----------             ----------...
流程自定义
weixin_30535565的博客
04-25 105
难点一：后台管理界面和员工使用界面保持独立的风格。 难点二：服务端将带状态的表单发给前端，前端解析后重绘表单。 难点三：多种工作流节点（顺序，条件，并行）如何组织。 转载于:https://www.cnblogs.com/ratels/p/10767068.html...
vue3+antv x6+tsx 制作自定义流程图
09-23
总而言之，"vue3+antv x6+tsx 制作自定义流程图"项目结合了现代前端技术，旨在创建一个高效、灵活的流程图编辑平台。Vue3提供了优秀的组件化开发体验，AntV X6则带来了强大的图形绘制能力，而TSX则保证了代码的类型...
jQuery ui基于myflow.js绘制流程图插件，自定义组织架构图图表，拖拽绘制组织架构图表代码.zip
05-17
本话题主要涉及两个关键库——jQuery UI和myflow.js，以及如何结合它们来构建自定义的组织架构图和流程图。首先，让我们深入了解这两个库及其功能。 jQuery UI是一个流行的JavaScript库，它是jQuery项目的扩展，...
.NET 工作流程图 WinForm gdi+流程图 C#版流程图绘制 拖动即时刷新 0分下载
06-03
本资源提供的是一套基于C#和GDI+实现的WinForm流程图绘制代码，它允许用户在界面上动态拖动和即时刷新流程图元素，非常适合用于创建自定义的工作流或流程设计工具。 GDI+（Graphics Device Interface Plus）是.NET ...
阿里G6漂亮流程图绘制
02-03
在"阿里G6漂亮流程图绘制"中，主要涉及到以下几个知识点： 1. **G6的基本概念**：G6提供了一套完整的图形语法，包括节点（Nodes）、边（Edges）和图形组（Groups），使得开发者可以通过简单的API调用来创建复杂的...
gojs的流程图模型demo下载，自定义流程节点
02-09
在这个"GoJS的流程图模型demo下载，自定义流程节点"中，我们将会探讨如何利用GoJS来构建流程图，并实现节点的自定义。 流程图是一种图形表示算法、过程或系统的工具，它通过各种标准符号来展示步骤和决策。在GoJS中...
自定义流程实例
09-23
实现流程的自定义的demo，可以自定义流程中的节点，节点属性。
activit自定义流程demo
07-14
博客中activiti自定义流程demo
自定义审批流程表结构及存储过程
02-06
自定义审批流程表结构及存储过程,生成审批流程的存储过程如OMS_AUDIT_COMMON中的PROC_OMS_ADD_APPROVE_PROCESS，逻辑即按照如上步骤进行生成。附件为表结构详细设计和存储过程明细
Activity自定义流程的demo
04-21
activit自定义流程demo 博客中activiti自定义流程demo
自定义流程比较全的表结构
persistence勿忘初心
05-26 6000
任务表 CREATE TABLE `b_task` ( `id` bigint(18) NOT NULL DEFAULT '0' COMMENT 'id', `title` varchar(50) COLLATE utf8mb4_bin DEFAULT NULL COMMENT '标题', `style` tinyint(1) DEFAULT NULL COMMENT '任务种类', `state` tinyint(1) NOT NULL COMMENT '流程状态', `secrec...
自定义控件流程
安卓阿哲
01-09 629
      看慕课网的视频，整理了自定义控件的流程，从自定义属性、测量、布局、绘制、手势事件、事件拦截等多个步骤。       1.自定义属性的声明与获取       分析需要的自定义属性，在res/values/attrs.xml定义声明，在layout xml文件中进行使用，在view的构造方法中获取。        2.测量        3种测量模式：exactly、at_most...
公文转发流程自定义的数据建模
bobcy的专栏
09-20 2201
　　开发比较复杂的企业多用户管理信息系统(MIS)，不可能不涉及到系统内多个用户之间的数据文件的流转、审批等功能的开发。由于企业的需求总是随着时间推移不断发生变化，加之各个企业内部所设置的办公流程不尽相同，一套通用性比较好的管理信息系统应该能让系统管理员自己定义公文转发的流程。　　尽管笔者没有机会在已参与开发了的MIS中实现出文件转发流程自定义的功能，但是，早在2002年初就曾深入思考过这方面
自定义审批流程
HUHAO987654321的博客
09-06 689
VALUES('2', '17FD1D8F324E11B28B2F6849C41BFF6A', '资格审批', 2, 'Conditional', NULL, NULL, NULL, 0, NULL);VALUES('1', '17FD1D8F324E11B28B2F6849C41BFF6A', '发起申请', 1, 'start', NULL, NULL, NULL, 0, NULL);
C#实现自定义流程图绘制及设计器Demo
本演示项目的核心在于展示了如何使用C#语言结合GDI+图形库来实现一个具有基本交互的流程图绘制工具。GDI+（Graphics Device Interface）是.NET框架中用于处理图形图像的库，它为开发者提供了绘制线条、矩形、图像...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值