<el-main>
  <!--面包屑-->
  <breadcrumb-component ></breadcrumb-component>
  <el-container class="detail-container">
    <el-container>
      <el-aside width="300px" class="inner-left">
        <el-input
          placeholder="输入关键字进行过滤"
          v-model="filterText">
        </el-input>

        <el-tree
          node-key="id"
          class="filter-tree"
          :data="treeData"
          :props="defaultProps"
          default-expand-all
          highlight-current
          :expand-on-click-node="false"
          :filter-node-method="filterNode"
          ref="menuTree"
          @node-click="showTreeNode"
          :render-content="renderContent">
        </el-tree>
      </el-aside>

      <el-main class="inner-main">
        <!--下面是新建-->
        <el-form label-width="200px" label-position="right" class="create-form-outline-full-screen no-head-space"  :model="formInfo"    ref="formInfo" >

          <el-form-item label="分类名称" prop="menuName"  :rules="[{ required: true, message: '分类名称不能为空', trigger: 'change'  }, { max: 30, message: '字数不能超过30', trigger: 'change' }]">
            <el-input  class="normal-width"  v-model.trim="formInfo.menuName" placeholder="请输入" :disabled="readStatus"></el-input>
          </el-form-item>

          <el-form-item    label="上级分类"  prop="pcode"  :rules="[{ required: true, message: '上级分类不能为空', trigger: 'change'  }]">
            <simple-select-tree
              :disabled="readStatus"
              :className="'normal-width'"
              v-model="formInfo.pcode"
              :defaultExpandAll="true"
              :treeData="parentTreeData">
            </simple-select-tree>
          </el-form-item>

          <el-form-item label="更新时间"  v-show="!!formInfo.id">
            <span>{{formInfo.updateTime}}</span>
          </el-form-item>

          <el-form-item label="更新者"   v-show="!!formInfo.id">
            <span>{{formInfo.updateUserName}}</span>
          </el-form-item>

          <el-form-item >
            <div v-if="!readStatus">
              <el-button type="primary" @click="add"  v-if="!formInfo.id"  >确定</el-button>
              <el-button type="primary" @click="update"  v-if="!!formInfo.id"  >确定</el-button>
            </div>
            <!--<div v-else-if="hasReport">-->
            <!--<el-button type="primary" @click="viewNode" >查看该分类下报表</el-button>-->
            <!--</div>-->
          </el-form-item>

        </el-form>
        <!--弹框-->
      </el-main>
    </el-container>

  </el-container>
</el-main>








