htui-yllkbz 1.3.16 → 1.3.19

package/README.md

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2021-12-21 16:17:37
+ * @LastEditTime: 2022-04-14 11:41:34
 -->
 
 # 基础组件整理
@@ -24,183 +24,23 @@ Vue.use(HtUI)
 
 ## 使用
 
-### ht-table
+### HtOrgInfo (部门查看组件)
 
-#### 对 element table 进行了封装使用 集成了自动分页等数据
+`<HtOrgInfo org-id=""></HtOrgInfo>`
 
-```
-       <ht-table
-              :data="state.tableData"
-              @onchange='changePage'
-              style="width: 100%"
-              border
-              @sort-change="sortChange"
-              height="calc(100vh - 240px)"
-              highlight-current-row
-              :page-info="{
-                currentPage:state.filterData.currentPage,
-                pageSize:state.filterData.maxResultCount,
-                skipCount:state.filterData.skipCount,
-                totalCount:state.filterData.totalCount,
-              }"
-              :columns="state.columns">
-      <template slot-scope="{row}"
-                slot="executor">
-        这里显示人员
-      </template>
-    </ht-table>
-```
+### HtSelectOrg (部门选择/查看组件)
 
-### ht-table
+`<HtSelectOrg v-mode="" @change="" disabeld="" readonly="" ></HtSelectOrg>`
 
-#### 对 element table 进行了封装使用 集成了自动分页等数据
+### HtSelectUser (人员选择/查看组件)
 
-```
+`<HtSelectUser v-mode="" @change="" disabeld="" readonly="" ></HtSelectUser>`
 
-<selectTable :config="JSON.stringify({
-           key: 'code',
-           disabled:false,
-           clearable:true,
-           value:undefined,
-           name:'id',
-           ajax:{
-          type:'get',
-          url: '/asset-model/api/app/asset-model-instance',
-           },
-         text:'name',
-         })"></selectTable>
-         //table选择
+### HtSelectBaseData (基础数据选择/查看组件)
 
+`<HtSelectBaseData v-mode="" @change="" disabeld="" readonly="" ></HtSelectBaseData>`
 
-```
-
-### table 引用部分 table---参照 Table Attributes 和 Table Events
-
-##### 使用 slot 时候保证和 column 的 key 相互对应 slot-header 中的 slot header_key 例如:
-
-```
-<div slot="header_name">测试名字</div>
-```
-
-```
- <ht-table :data="state.tableData"
-              @onchange='changePage'
-              style="width: 100%"
-              border
-              @sort-change="sortChange"
-              height="calc(100vh - 240px)"
-              highlight-current-row
-              :page-info="{
-                currentPage:state.filterData.currentPage,
-                pageSize:state.filterData.maxResultCount,
-                skipCount:state.filterData.skipCount,
-                totalCount:state.filterData.totalCount,
-              }"
-              :columns="state.columns">
-      <!-- 任务状态 -->
-      <template slot-scope="{row}"
-                slot="state">
-        <el-tag :type="state.filterData.state===5?'danger':state.filterData.state===4?'warning':''"
-                v-if="state.filterData.state===5||state.filterData.state===4">{{row.stateDescription}}</el-tag>
-        <el-tag v-else
-                :style="`color:${fontColor[row.state]}`"
-                :color="getColor[row.state]">{{row.stateDescription}}</el-tag>
-      </template>
-      <!-- 操作 -->
-      <template slot-scope="{ row }"
-                slot="handel">
-        <el-button type="text"
-                   style="margin:0 8px"
-                   @click="approver(row)">
-          详情
-        </el-button>
-        <repository-add-repository-btn v-if="row.state==5"
-                                       type='text'
-                                       :info="JSON.stringify({from:'pm',id:row.id})"></repository-add-repository-btn>
-      </template>
-    </ht-table>
-
-```
-
-### table 配置项---参照 Table-column Attributes
-
-```
-    columns: [
-      {
-        title: "工单名称",
-        hide:true,//是否不渲染此列
-        key: "workOrderName",
-        width: "200px",
-      },
-      {
-        title: "设备名称",
-        key: "devices[0].deviceName",
-        width: 150,
-      },
-      {
-        title: "设备类型",
-        key: "devices[0].deviceType",
-      },
-      {
-        title: "部门",
-        type: "org",
-        key: "mainteabce.organizationUnitId",
-      },
-
-      {
-        title: "执行人",
-        key: "executor",
-        type: "userId",
-      },
-      {
-        title: "运行模型",
-        key: "mainteabce.deviceInstanceModelName",
-      },
-      {
-        title: "设备系统",
-        sortable: "custom",
-        key: "mainteabce.systemTypeName",
-      },
-      {
-        title: "维保名称",
-        key: "mainteabce.name",
-        width: 170,
-      },
-      {
-        title: "计划开始时间",
-        key: "beginTime",
-        width: 150,
-        type: "time",
-        sortable: "custom",
-        align: "center",
-      },
-      {
-        title: "计划结束时间",
-        key: "endTime",
-        width: 150,
-        sortable: "custom",
-        type: "time",
-      },
-      {
-        title: "实际完成时间",
-        key: "realEndTime",
-        width: 150,
-        type: "time",
-        sortable: "custom",
-        align: "center",
-      },
-      {
-        title: "任务状态",
-        key: "state",
-      },
-      {
-        title: "操作",
-        key: "handel",
-        width: 160,
-      },
-    ],
-
-```
+### ht-table
 
 ## 代码地址