表格固定第一列插件

@CONTROL/表格（固定第一列）/CONTROL.html.ftl

+<#ibizinclude>
+../@MACRO/HTML/GRID.html.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/表格（固定第一列）/CONTROL.less.ftl

+.grid {
+    flex-grow: 1;
+    height: 100%;
+    overflow: auto;
+    .el-table__body-wrapper::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width : 10px !important;  /*高宽分别对应横竖滚动条的尺寸*/
+      height: 10px !important;
+    }
+    .el-table__body-wrapper::-webkit-scrollbar-thumb {
+      /*滚动条颜色*/
+      border-radius   : 10px !important;
+      background-color: #cecece !important;
+    }
+    .el-table__body-wrapper::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+      background   : #ededed !important;
+      border-radius: 10px !important;
+    }
+    /*表格文字过长省略*/
+    .el-table th>.cell, .el-table td>.cell{
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      word-break: break-all;
+    }
+    .el-table-column--selection .cell {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+    .app-column-link, .app-format-data{
+      display: inline;
+    }
+    .el-table {
+      height: 100%;
+      display:flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      .el-table__row{
+        .grid-uiaction-divider {
+          padding:0 10px 0 10px;
+          border-left: 1px #b3b3b3 solid;
+        }
+        .grid-first-uiaction {
+          padding:0 10px 0 10px;
+        }
+      }
+      .quick-toolbar{
+          display: inline-block;
+          button{
+            background: #ebf3fb;
+            color: #2575ca;
+            border: 0;
+        }
+      }
+      .el-tooltip{
+        .ivu-form-item{
+          margin-bottom: unset !important;
+        }
+      }
+      .el-table__body .edit-cell{
+        padding:0;
+        .app-form-item{
+          margin-top: 20px;
+          margin-bottom: 20px;
+        }
+      }
+      .el-table__header-wrapper{
+        min-height: 45px;
+        max-height: 100px;
+        height: auto;
+      }
+      .el-table__footer-wrapper{
+        min-height: 45px;
+        max-height: 100px;
+        height: auto;
+      }
+    }
+    .grid-pagination {
+        height: 50px;
+        padding: 6px 0px;
+        .page-button {
+            button  {
+                padding: 0;
+                font-size: 16px;
+                min-width: 32px;
+                height: 32px;
+                margin-right: 4px;
+            }
+        }
+        .page-column {
+            position: absolute;
+            left: 0;
+        }
+        .batch-toolbar{
+            position: absolute;
+            left: 105px;
+          >.toolbar-container{
+              button  {
+                  font-size: 16px;
+                  min-width: 32px;
+                  height: 32px;
+                  margin-right: 4px;
+                  margin-top: 0;
+                  margin-bottom: 0;
+              }
+          }
+        }
+    }
+}
+.ivu-modal-content{
+    .footer{
+        .ivu-row{
+            text-align: right;
+        }
+    }
+}
+.cell-indeterminate {
+  >div>label {
+    >span {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:before {
+        content: "";
+        position: absolute;
+        display: block;
+        background-color: #fff;
+        height: 2px;
+        transform: scale(.5);
+        left: 0;
+        right: 0;
+        top: 5px;
+      }
+    }
+    >span.is-checked {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:after {
+        border: 0px;
+      }
+    }
+  }
+}
+
+.cell-select-all {
+  >div>label {
+    >span {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:after {
+        box-sizing: content-box;
+        content: "";
+        border: 1px solid #fff;
+        border-left: 0;
+        border-top: 0;
+        height: 7px;
+        left: 4px;
+        position: absolute;
+        top: 1px;
+        transform: rotate(45deg) scaleY(1);
+        width: 3px;
+        transition: transform .15s ease-in .05s;
+        transform-origin: center;
+      }
+    }
+  }
+}
+
+<#ibizinclude>
+../@MACRO/CSS/DEFAULT.less.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/表格（固定第一列）/CONTROL.vue.ftl

+<#ibizinclude>
+../@MACRO/CONTROL/CONTROL.vue.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/表格（固定第一列）/MODEL.ts.ftl

+<#ibizinclude>
+../@MACRO/MODEL/MODEL_HEADER.ts.ftl
+</#ibizinclude>
+
+	/**
+	 * 是否是实体数据导出
+	 *
+	 * @returns {any[]}
+	 * @memberof ${srfclassname('${ctrl.getCodeName()}')}${srfclassname('${ctrl.name}')}Mode
+	 */
+	public isDEExport: boolean = false;
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof ${srfclassname('${ctrl.getCodeName()}')}${srfclassname('${ctrl.name}')}Mode
+	 */
+	public getDataItems(): any[] {
+    if(this.isDEExport){
+		  return [
+<#--  实体导出数据项  -->
+<#if ctrl.getPSDEDataExport?? && ctrl.getPSDEDataExport()?? && ctrl.getPSDEDataExport().getPSDEDataExportItems()??>
+  <#list ctrl.getPSDEDataExport().getPSDEDataExportItems() as dataitem>
+        {
+          name: '${dataitem.getName()}',
+    <#if dataitem.getPSDEField()??>
+          prop: '${dataitem.getPSDEField().getCodeName()?lower_case}',
+          dataType: '${dataitem.getPSDEField().getDataType()}',
+    </#if>
+    <#if ctrl.getPSDEGridEditItems()??>
+    <#list ctrl.getPSDEGridEditItems() as editItem>
+    <#if editItem.getName() == dataitem.getName()>
+    <#if editItem.isEditable()>
+          isEditable:${editItem.isEditable()?c}
+    </#if>
+    </#if>
+    </#list>
+    </#if>
+        },
+  </#list>
+</#if>
+      ]
+    }else{
+		  return [
+<#--  表格数据项  -->
+<#if ctrl.getPSDEGridDataItems()??>
+  <#list ctrl.getPSDEGridDataItems() as dataitem>
+        {
+          name: '${dataitem.getName()}',
+    <#if dataitem.getPSDEField()??>
+          prop: '${dataitem.getPSDEField().getCodeName()?lower_case}',
+          dataType: '${dataitem.getPSDEField().getDataType()}',
+    </#if>
+    <#if ctrl.getPSDEGridEditItems()??>
+    <#list ctrl.getPSDEGridEditItems() as editItem>
+    <#if editItem.getName() == dataitem.getName()>
+    <#if editItem.isEditable()>
+          isEditable:${editItem.isEditable()?c}
+    </#if>
+    </#if>
+    </#list>
+    </#if>
+        },
+  </#list>
+</#if>
+<#--  关联主实体的主键  -->
+<#if ctrl.getPSAppDataEntity()??>
+  <#assign appDataEntity = ctrl.getPSAppDataEntity() />
+  <#if appDataEntity.isMajor() == false && appDataEntity.getMinorPSAppDERSs()??>
+    <#list appDataEntity.getMinorPSAppDERSs() as minorAppDERSs>
+      <#if minorAppDERSs.getMajorPSAppDataEntity()??>
+      <#assign majorAppDataEntity = minorAppDERSs.getMajorPSAppDataEntity() />
+        {
+          name: '${majorAppDataEntity.getCodeName()?lower_case}',
+          prop: '<#if majorAppDataEntity.getPSDER1N?? && majorAppDataEntity.getPSDER1N()??>${majorAppDataEntity.getPSDER1N().getPSPickupDEField().getCodeName()?lower_case}<#else>${majorAppDataEntity.getKeyPSAppDEField().getCodeName()?lower_case}</#if>',
+          dataType: 'FONTKEY',
+        },
+      </#if>
+    </#list>
+  </#if>
+</#if>
+<#if ctrl.getPSDEGridDataItems()??>
+  <#list ctrl.getPSDEGridDataItems() as dataitem>
+	<#-- 界面主键标识 -->
+  <#if dataitem.getPSDEField?? && dataitem.getPSDEField()??>
+	<#if !P.exists("importService", dataitem.getPSDEField().getId(), "")>
+	 	<#if dataitem.getPSDEField().isKeyDEField() == true>
+        {
+          name: '${ctrl.getPSAppDataEntity().getCodeName()?lower_case}',
+          prop: '${dataitem.getPSDEField().getCodeName()?lower_case}',
+        },
+	 	</#if>
+	</#if>
+  </#if>
+  </#list>
+</#if>
+<#if view.hasPSControl('searchform')>
+${P.getCtrlCode('searchform', 'MODEL_CONTENT.ts').code}
+</#if>
+        {
+          name:'size',
+          prop:'size',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'query',
+          prop:'query',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'filter',
+          prop:'filter',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'page',
+          prop:'page',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'sort',
+          prop:'sort',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'srfparentdata',
+          prop:'srfparentdata',
+          dataType: 'QUERYPARAM'
+        },
+        // 前端新增修改标识，新增为"0",修改为"1"或未设值
+        {
+          name: 'srffrontuf',
+          prop: 'srffrontuf',
+          dataType: 'TEXT',
+        },
+      ]
+    }
+  }
+
+<#ibizinclude>
+../@MACRO/MODEL/MODEL_BOTTOM.ts.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/表格（固定第一列）/template.properties

+CTRLTYPE=GRID#FixedFirst
\ No newline at end of file