增加下拉树

src/pages/main/knowledge/index.vue

@@ -61,7 +61,8 @@
               v-loading="loading"
               @sort-change="sortChange"
             >
-              <el-table-column prop="title" show-overflow-tooltip label="标题"> </el-table-column>
+              <el-table-column prop="title" show-overflow-tooltip label="标题">
+              </el-table-column>
               <el-table-column label="发布工号">
                 <template slot-scope="scope">
                   <span class="">{{ scope.row.handlerId }}</span>
@@ -72,16 +73,34 @@
                   <span>{{ $desensitization(scope.row.handler, 1) }}</span>
                 </template>
               </el-table-column>
-              <el-table-column prop="orgName" show-overflow-tooltip  label="发布部门">
+              <el-table-column
+                prop="orgName"
+                show-overflow-tooltip
+                label="发布部门"
+              >
               </el-table-column>
-              <el-table-column prop="typeName"  label="发布类型">
+              <el-table-column prop="typeName" label="发布类型">
               </el-table-column>
-              <el-table-column prop="catalogName" show-overflow-tooltip label="归属目录">
+              <el-table-column
+                prop="catalogName"
+                show-overflow-tooltip
+                label="归属目录"
+              >
               </el-table-column>
-              <el-table-column prop="createTime" show-overflow-tooltip label="发布时间" width="150">
+              <el-table-column
+                prop="createTime"
+                show-overflow-tooltip
+                label="发布时间"
+                width="150"
+              >
               </el-table-column>
               <!-- <el-table-column prop="stsDesc" label="状态"> </el-table-column> -->
-              <el-table-column prop="hits" width="90" label="点击量" sortable="custom">
+              <el-table-column
+                prop="hits"
+                width="90"
+                label="点击量"
+                sortable="custom"
+              >
               </el-table-column>
               <el-table-column label="操作" width="250px" align="center">
                 <template slot-scope="scope">
@@ -193,7 +212,26 @@
             </div>
             <el-form-item prop="catalogName" class="info-line online">
               <span>目录</span>
-              <div class="treebox tree">
+              <div class="treebox">
+                <el-select
+                  v-model="infolist.catalogName"
+                  placeholder="请选择报表路径"
+                  ref="selectReport"
+                >
+                  <el-option
+                    style="height:auto;background-color:#fff"
+                    :value="infolist.catalogName"
+                    :label="infolist.catalogName"
+                  >
+                    <el-tree
+                      :data="treeData"
+                      :props="defaultProps"
+                      @node-click="nodeClick"
+                    ></el-tree>
+                  </el-option>
+                </el-select>
+              </div>
+              <!-- <div class="treebox tree">
                 <p style="padding-left: 10px">
                   当前选择： <span>{{ infolist.catalogName }}</span>
                 </p>
@@ -204,7 +242,7 @@
                   :props="defaultProps"
                   @node-click="nodeClick"
                 ></el-tree>
-              </div>
+              </div> -->
             </el-form-item>
             <el-form-item class="info-line online" prop="text">
               <span>内容</span>
@@ -226,7 +264,7 @@
             <h3 style="text-align: center; margin: 10px 0">
               {{ infolist.title }}
             </h3>
-            <div style="font-size: 4px; color: grey; margin: 10px 0">
+            <div style="font-size: 10px; color: grey; margin: 10px 0">
               发布时间：{{ infolist.createTime || "暂无" }} 发布人：{{
                 infolist.handler || "暂无"
               }}
@@ -752,6 +790,11 @@ export default {
   created() {},
 };
 </script>
+<style>
+.el-select-dropdown__item {
+  /* padding: 0 !important; */
+}
+</style>
 <style scoped lang="scss">
 @import "../../../assets/style";
 
@@ -821,10 +864,7 @@ export default {
   border: 1px solid #dcdfe6;
   border-top: none;
 }
-.treebox {
-  border: 1px solid #ddd;
-  position: relative;
-}
+
 .titbox {
   div {
     float: right;