dept

base-vue/src/views/modules/sys/dept.vue

@@ -10,10 +10,10 @@
       </el-form-item>
       <el-form-item>
         <el-select
-          v-model="dataForm.is_used"
+          v-model="dataForm.isUsed"
           clearable
           placeholder="状态">
-          <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
+          <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.displayName" :value="item.key" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -27,10 +27,10 @@
       border
       lazy
       :load="getDeptDatas"
-      :default-sort="{prop: 'dept_sort', order: 'ascending'}"
-      :tree-props="{children: 'children', hasChildren: 'has_children'}"
+      :default-sort="{prop: 'deptSort', order: 'ascending'}"
+      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
       :data="dataList"
-      row-key="dept_id"
+      row-key="deptId"
       @selection-change="selectionChangeHandle"
       style="width: 100%;">
       <el-table-column
@@ -46,28 +46,28 @@
         label="名称">
       </el-table-column>
       <el-table-column
-        prop="dept_sort"
+        prop="deptSort"
         header-align="center"
         align="center"
         label="排序">
       </el-table-column>
       <el-table-column
-        prop="is_used"
+        prop="isUsed"
         header-align="center"
         align="center"
         label="状态">
         <template slot-scope="scope">
           <el-switch
-            v-model="scope.row.is_used"
+            v-model="scope.row.isUsed"
             :disabled="scope.row.id === 1"
             active-color="#409EFF"
             inactive-color="#F56C6C"
-            @change="changeEnabled(scope.row, scope.row.is_used)"
+            @change="changeEnabled(scope.row, scope.row.isUsed)"
           />
         </template>
       </el-table-column>
       <el-table-column
-        prop="create_time"
+        prop="createTime"
         header-align="center"
         align="center"
         label="创建日期">
@@ -80,7 +80,7 @@
         label="操作">
         <template slot-scope="scope">
           <el-button v-if="isAuth('sys:dept:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row)">修改</el-button>
-          <el-button v-if="isAuth('sys:dept:delete')" type="text" size="small" @click="deleteHandle(scope.row.dept_id)">删除</el-button>
+          <el-button v-if="isAuth('sys:dept:delete')" type="text" size="small" @click="deleteHandle(scope.row.deptId)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -105,11 +105,11 @@ export default {
     return {
       dataForm: {
         name: '',
-        is_used: ''
+        isUsed: ''
       },
       enabledTypeOptions: [
-        { key: true, display_name: '启用' },
-        { key: false, display_name: '禁用' }
+        { key: true, displayName: '启用' },
+        { key: false, displayName: '禁用' }
       ],
       dataList: [],
       pageIndex: 0,
@@ -138,7 +138,7 @@ export default {
           'size': this.pageSize,
           'sort': 'id,desc',
           'name': this.dataForm.name,
-          'is_used': this.dataForm.is_used
+          'isUsed': this.dataForm.isUsed
         })
       }).then(({data}) => {
         if (data && data.code === 200) {
@@ -176,7 +176,7 @@ export default {
     // 删除
     deleteHandle (id) {
       var ids = id ? [id] : this.dataListSelections.map(item => {
-        return item.dept_id
+        return item.deptId
       })
       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
         confirmButtonText: '确定',
@@ -205,7 +205,7 @@ export default {
     },
     // 表格渲染  :load="getDeptDatas" 点击事件 row-key需要指定唯一的数据id
     getDeptDatas(tree, treeNode, resolve) {
-      const params = { pid: tree.dept_id }
+      const params = { pid: tree.deptId }
       setTimeout(() => {
         this.$http({
           url: this.$http.adornUrl('/api/dept/vo'),