更新指标

src/api/backstage/item.js

@@ -17,10 +17,11 @@ export function getLevelById(id) {
 }
 
 // 获取层级级联列表
-export function getLevel() {
+export function getLevel(query) {
   return request({
     url: '/backstage/item/getLevel',
     method: 'get',
+    params: query
   })
 }
 

src/views/backstage/item/index.vue

@@ -73,13 +73,20 @@
 	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="itemList" @selection-change="handleSelectionChange">
+
+    <el-table
+      :data="itemList"
+      style="width: 100%"
+      row-key="id"
+      :indent="50"
+      border
+      lazy
+      :load="load"
+      :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
       <el-table-column type="selection" width="55" align="center" />
-<!--      <el-table-column label="id" align="center" prop="id" />-->
+      <!--      <el-table-column label="id" align="center" prop="id" />-->
       <el-table-column label="指标分类名称" align="center" prop="itemName" />
       <el-table-column label="创建时间" align="center" prop="createTime" />
-<!--      <el-table-column label="上级id" align="center" prop="parentId" />-->
-<!--      <el-table-column label="状态 1正常　0删除" align="center" prop="status" />-->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -87,19 +94,46 @@
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="['backstage:item:edit']"
+            v-hasPermi="['backstage:point:edit']"
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['backstage:item:remove']"
+            v-hasPermi="['backstage:point:remove']"
           >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
+<!--    <el-table v-loading="loading" :data="itemList" @selection-change="handleSelectionChange">-->
+<!--      <el-table-column type="selection" width="55" align="center" />-->
+<!--&lt;!&ndash;      <el-table-column label="id" align="center" prop="id" />&ndash;&gt;-->
+<!--      <el-table-column label="指标分类名称" align="center" prop="itemName" />-->
+<!--      <el-table-column label="创建时间" align="center" prop="createTime" />-->
+<!--&lt;!&ndash;      <el-table-column label="上级id" align="center" prop="parentId" />&ndash;&gt;-->
+<!--&lt;!&ndash;      <el-table-column label="状态 1正常　0删除" align="center" prop="status" />&ndash;&gt;-->
+<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['backstage:item:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['backstage:item:remove']"-->
+<!--          >删除</el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -148,23 +182,23 @@ export default {
   name: "Item",
   data() {
     return {
-      levelProps: {
-        expandTrigger: 'click',
-        lazy: true,
-        lazyLoad (node, resolve) {
-          // const { level } = node;
-          if(node.value){
-            setTimeout(() => {
-              getLevelById(node.value).then(res=>{
-                console.log(res);
-                resolve(res.data);
-              });
-              // 通过调用resolve将子节点数据返回，通知组件数据加载完成
-            }, 1000);
-          }
-
-        }
-      },
+      // levelProps: {
+      //   expandTrigger: 'click',
+      //   lazy: true,
+      //   lazyLoad (node, resolve) {
+      //     // const { level } = node;
+      //     if(node.value){
+      //       setTimeout(() => {
+      //         getLevelById(node.value).then(res=>{
+      //           console.log(res);
+      //           resolve(res.data);
+      //         });
+      //         // 通过调用resolve将子节点数据返回，通知组件数据加载完成
+      //       }, 1000);
+      //     }
+      //
+      //   }
+      // },
       cascaderKey:1,
       levelOptions: [],
       // 不可重复提交
@@ -215,11 +249,17 @@ export default {
     /** 查询指标层级列表 */
     getList() {
       this.loading = true;
-      listItem(this.queryParams).then(response => {
+      getLevel(this.queryParams).then(response => {
         this.itemList = response.rows;
         this.total = response.total;
         this.loading = false;
       });
+
+      // listItem(this.queryParams).then(response => {
+      //   this.itemList = response.rows;
+      //   this.total = response.total;
+      //   this.loading = false;
+      // });
     },
     // 取消按钮
     cancel() {
@@ -347,7 +387,19 @@ export default {
     },
     handleChange(){
 
-    }
+    },
+    //树形表格懒加载
+
+    load(tree, treeNode, resolve) {
+      setTimeout(() => {
+        //通过上级id查询统计点列表(实现懒加载)
+        getLevelById(tree.id).then(res=>{
+          resolve(res.data)
+        }).catch(()=>{
+          resolve([])
+        });
+      }, 1000)
+    },
   }
 };
 </script>