diff --git a/dangan-ui/src/api/dangan/catalog.js b/dangan-ui/src/api/dangan/catalog.js
index c130bc5..d3c35df 100644
--- a/dangan-ui/src/api/dangan/catalog.js
+++ b/dangan-ui/src/api/dangan/catalog.js
@@ -9,6 +9,25 @@ export function listCatalog(query) {
   })
 }
 
+
+// 查询档案目录列表 count
+export function countCatalog(query) {
+  return request({
+    url: '/dangan/catalog/count',
+    method: 'get',
+    params: query
+  })
+}
+
+// 排序 number
+export function getCatalogNumber(id) {
+  return request({
+    url: '/dangan/catalog/number/' + id,
+    method: 'get'
+  })
+}
+
+
 // 查询档案目录详细
 export function getCatalog(id) {
   return request({
diff --git a/dangan-ui/src/views/dangan/catalog/index.vue b/dangan-ui/src/views/dangan/catalog/index.vue
index f1fbe22..cf60142 100644
--- a/dangan-ui/src/views/dangan/catalog/index.vue
+++ b/dangan-ui/src/views/dangan/catalog/index.vue
@@ -35,6 +35,51 @@
           @click="toggleExpandAll"
         >展开/折叠</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          v-if="queryParams.spell===null"
+          plain
+          size="mini"
+          @click="onSpell(0)"
+        >拼音</el-button>
+        <el-button
+          plain
+          v-if="queryParams.spell===0"
+          icon="el-icon-sort-up"
+          size="mini"
+          @click="onSpell(1)"
+        >拼音</el-button>
+        <el-button
+          plain
+          v-if="queryParams.spell===1"
+          icon="el-icon-sort-down"
+          size="mini"
+          @click="onSpell(0)"
+        >拼音</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          v-if="queryParams.xuhao===null"
+          plain
+          size="mini"
+          @click="onXuhao(0)"
+        >序号</el-button>
+        <el-button
+          plain
+          v-if="queryParams.xuhao===0"
+          icon="el-icon-sort-up"
+          size="mini"
+          @click="onXuhao(1)"
+        >序号</el-button>
+        <el-button
+          plain
+          v-if="queryParams.xuhao===1"
+          icon="el-icon-sort-down"
+          size="mini"
+          @click="onXuhao(0)"
+        >序号</el-button>
+      </el-col>
+
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -250,7 +295,7 @@
 </template>
 
 <script>
-import { listCatalog, getCatalog, delCatalog, addCatalog, updateCatalog } from "@/api/dangan/catalog";
+import { listCatalog, getCatalog, delCatalog, addCatalog, updateCatalog, countCatalog, getCatalogNumber } from "@/api/dangan/catalog";
 import { listAreaSort } from "@/api/dangan/areaSort";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
 import Treeselect from "@riophae/vue-treeselect";
@@ -282,6 +327,8 @@ export default {
       queryParams: {
         muName: null,
         pid: null,
+        spell: null,
+        xuhao: 1,
       },
       // 表单参数
       form: {},
@@ -341,6 +388,10 @@ export default {
       listCatalog(this.queryParams).then(response => {
         this.list = this.handleTree(response.data, "id","pid");
         this.loading = false;
+
+        countCatalog(this.queryParams).then(response => {
+          this.list = this.handleTree(response.data, "id","pid");
+        });
       });
     },
     /** 转换目录数据结构 */
@@ -460,13 +511,19 @@ export default {
     },
     // 档案上传记录
     handleSCJL(row){
-      this.$router.push("/pictureRecard?muId=" + row.id+"&ywType=" + row.ywType);
+      this.$router.push("/pictureRecard?muId=" + row.id+"&ywType=" + row.ywType+"&recognize=1");
     },
     // 上级类目选择
-    selectPid(){
+    selectPid(row){
       this.form.ywType = undefined;
       this.form.picPath = undefined;
       this.form.muName = undefined;
+
+      if(row.id!==0){
+        getCatalogNumber(row.id).then(response => {
+          this.form.orderNum = response.orderNum;
+        });
+      }
     },
     // 业务类型
     changeYwType(val){
@@ -563,6 +620,26 @@ export default {
     carouselChange(i){
       console.log('carouselChange',i);
       this.dtyl.index = i
+    },
+    onSpell(val){
+      this.queryParams.xuhao=null
+      if(val===0){
+        this.queryParams.spell=0;
+        this.getList();
+      }else {
+        this.queryParams.spell=1;
+        this.getList();
+      }
+    },
+    onXuhao(val){
+      this.queryParams.spell=null;
+      if(val===0){
+        this.queryParams.xuhao=0;
+        this.getList();
+      }else {
+        this.queryParams.xuhao=1;
+        this.getList();
+      }
     }
   }
 };
diff --git a/dangan-ui/src/views/dangan/pictureRecard/index.vue b/dangan-ui/src/views/dangan/pictureRecard/index.vue
index ea649ad..2587443 100644
--- a/dangan-ui/src/views/dangan/pictureRecard/index.vue
+++ b/dangan-ui/src/views/dangan/pictureRecard/index.vue
@@ -324,6 +324,7 @@ export default {
   created() {
     this.queryParams.muId = this.$route.query.muId || undefined
     this.queryParams.ywType = this.$route.query.ywType || 'option1'
+    this.queryParams.recognize = this.$route.query.recognize || '0'
     this.getList();
   },
   methods: {