diff --git a/cmd b/cmd
index 5bc00a5c..73a0d53d 100755
--- a/cmd
+++ b/cmd
@@ -198,10 +198,12 @@ if [ $# -gt 0 ]; then
         [ -z "$(env_get APP_KEY)" ] && run_exec php "php artisan key:generate"
         run_exec php "php artisan migrate --seed"
         run_exec php "php bin/run --mode=prod"
-        docker-compose up -d
+        res=`run_exec mariadb "sh /etc/mysql/repassword.sh"`
+        docker-compose stop
+        docker-compose start
         echo -e "${OK} ${GreenBG} 安装完成 ${Font}"
         echo -e "地址: http://${GreenBG}127.0.0.1:$(env_get APP_PORT)${Font}"
-        run_exec mariadb "sh /etc/mysql/repassword.sh"
+        echo -e "$res"
     elif [[ "$1" == "update" ]]; then
         shift 1
         git fetch --all
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index ee298177..27fd9d66 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -276,57 +276,67 @@
                         background-repeat: no-repeat;
                         background-size: contain;
                         margin-right: 8px;
+                        background-image: url("../images/file/other.svg");
                     }
-                    &.upload:before {
-                        background-image: url("../images/file/upload.svg");
-                    }
-                    &.updir:before {
-                        background-image: url("../images/file/updir.svg");
-                    }
-                    &.folder:before {
-                        background-image: url("../images/file/folder.svg");
-                    }
-                    &.document:before {
-                        background-image: url("../images/file/document.svg");
-                    }
-                    &.mind:before {
-                        background-image: url("../images/file/mind.svg");
-                    }
-                    &.sheet:before {
-                        background-image: url("../images/file/sheet.svg");
-                    }
-                    &.flow:before {
-                        background-image: url("../images/file/flow.svg");
-                    }
-                    &.word:before {
-                        background-image: url("../images/file/word.svg");
-                    }
-                    &.excel:before {
-                        background-image: url("../images/file/excel.svg");
-                    }
-                    &.ppt:before {
-                        background-image: url("../images/file/ppt.svg");
-                    }
-                    &.compress:before {
-                        background-image: url("../images/file/compress.svg");
-                    }
-                    &.image:before {
-                        background-image: url("../images/file/image.svg");
-                    }
-                    &.media:before {
-                        background-image: url("../images/file/media.svg");
-                    }
-                    &.pdf:before {
-                        background-image: url("../images/file/pdf.svg");
-                    }
-                    &.text:before {
-                        background-image: url("../images/file/text.svg");
+                    &.archive:before {
+                        background-image: url("../images/file/archive.svg");
                     }
                     &.cad:before {
                         background-image: url("../images/file/cad.svg");
                     }
-                    &.other:before {
-                        background-image: url("../images/file/other.svg");
+                    &.code:before {
+                        background-image: url("../images/file/code.svg");
+                    }
+                    &.document:before {
+                        background-image: url("../images/file/document.svg");
+                    }
+                    &.excel:before {
+                        background-image: url("../images/file/excel.svg");
+                    }
+                    &.flow:before {
+                        background-image: url("../images/file/flow.svg");
+                    }
+                    &.folder:before {
+                        background-image: url("../images/file/folder.svg");
+                    }
+                    &.media:before {
+                        background-image: url("../images/file/media.svg");
+                    }
+                    &.mind:before {
+                        background-image: url("../images/file/mind.svg");
+                    }
+                    &.ofd:before {
+                        background-image: url("../images/file/ofd.svg");
+                    }
+                    &.pdf:before {
+                        background-image: url("../images/file/pdf.svg");
+                    }
+                    &.picture:before {
+                        background-image: url("../images/file/picture.svg");
+                    }
+                    &.ppt:before {
+                        background-image: url("../images/file/ppt.svg");
+                    }
+                    &.sheet:before {
+                        background-image: url("../images/file/sheet.svg");
+                    }
+                    &.tif:before {
+                        background-image: url("../images/file/tif.svg");
+                    }
+                    &.txt:before {
+                        background-image: url("../images/file/txt.svg");
+                    }
+                    &.updir:before {
+                        background-image: url("../images/file/updir.svg");
+                    }
+                    &.upload:before {
+                        background-image: url("../images/file/upload.svg");
+                    }
+                    &.word:before {
+                        background-image: url("../images/file/word.svg");
+                    }
+                    &.wps:before {
+                        background-image: url("../images/file/wps.svg");
                     }
                 }
                 .taskfont {
@@ -415,6 +425,7 @@
                         background-size: contain;
                         margin-top: 12px;
                         position: relative;
+                        background-image: url("../images/file/other.svg");
                         .share-icon,
                         .share-avatar {
                             position: absolute;
@@ -438,56 +449,65 @@
                     &.shear {
                         opacity: 0.38;
                     }
-                    &.upload .file-icon {
-                        background-image: url("../images/file/upload.svg");
-                    }
-                    &.updir .file-icon {
-                        background-image: url("../images/file/updir.svg");
-                    }
-                    &.folder .file-icon {
-                        background-image: url("../images/file/folder.svg");
-                    }
-                    &.document .file-icon {
-                        background-image: url("../images/file/document.svg");
-                    }
-                    &.mind .file-icon {
-                        background-image: url("../images/file/mind.svg");
-                    }
-                    &.sheet .file-icon {
-                        background-image: url("../images/file/sheet.svg");
-                    }
-                    &.flow .file-icon {
-                        background-image: url("../images/file/flow.svg");
-                    }
-                    &.word .file-icon {
-                        background-image: url("../images/file/word.svg");
-                    }
-                    &.excel .file-icon {
-                        background-image: url("../images/file/excel.svg");
-                    }
-                    &.ppt .file-icon {
-                        background-image: url("../images/file/ppt.svg");
-                    }
-                    &.compress .file-icon {
-                        background-image: url("../images/file/compress.svg");
-                    }
-                    &.image .file-icon {
-                        background-image: url("../images/file/image.svg");
-                    }
-                    &.media .file-icon {
-                        background-image: url("../images/file/media.svg");
-                    }
-                    &.pdf .file-icon {
-                        background-image: url("../images/file/pdf.svg");
-                    }
-                    &.text .file-icon {
-                        background-image: url("../images/file/text.svg");
+                    &.archive .file-icon {
+                        background-image: url("../images/file/archive.svg");
                     }
                     &.cad .file-icon {
                         background-image: url("../images/file/cad.svg");
                     }
-                    &.other .file-icon {
-                        background-image: url("../images/file/other.svg");
+                    &.code .file-icon {
+                        background-image: url("../images/file/code.svg");
+                    }
+                    &.document .file-icon {
+                        background-image: url("../images/file/document.svg");
+                    }
+                    &.excel .file-icon {
+                        background-image: url("../images/file/excel.svg");
+                    }
+                    &.flow .file-icon {
+                        background-image: url("../images/file/flow.svg");
+                    }
+                    &.folder .file-icon {
+                        background-image: url("../images/file/folder.svg");
+                    }
+                    &.media .file-icon {
+                        background-image: url("../images/file/media.svg");
+                    }
+                    &.mind .file-icon {
+                        background-image: url("../images/file/mind.svg");
+                    }
+                    &.ofd .file-icon {
+                        background-image: url("../images/file/ofd.svg");
+                    }
+                    &.pdf .file-icon {
+                        background-image: url("../images/file/pdf.svg");
+                    }
+                    &.picture .file-icon {
+                        background-image: url("../images/file/picture.svg");
+                    }
+                    &.ppt .file-icon {
+                        background-image: url("../images/file/ppt.svg");
+                    }
+                    &.sheet .file-icon {
+                        background-image: url("../images/file/sheet.svg");
+                    }
+                    &.tif .file-icon {
+                        background-image: url("../images/file/tif.svg");
+                    }
+                    &.txt .file-icon {
+                        background-image: url("../images/file/txt.svg");
+                    }
+                    &.updir .file-icon {
+                        background-image: url("../images/file/updir.svg");
+                    }
+                    &.upload .file-icon {
+                        background-image: url("../images/file/upload.svg");
+                    }
+                    &.word .file-icon {
+                        background-image: url("../images/file/word.svg");
+                    }
+                    &.wps .file-icon {
+                        background-image: url("../images/file/wps.svg");
                     }
                     &.highlight {
                         background-color: #f4f5f7;
@@ -533,57 +553,67 @@
             background-repeat: no-repeat;
             background-size: contain;
             margin-right: 8px;
+            background-image: url("../images/file/other.svg");
         }
-        &.upload:before {
-            background-image: url("../images/file/upload.svg");
-        }
-        &.updir:before {
-            background-image: url("../images/file/updir.svg");
-        }
-        &.folder:before {
-            background-image: url("../images/file/folder.svg");
-        }
-        &.document:before {
-            background-image: url("../images/file/document.svg");
-        }
-        &.mind:before {
-            background-image: url("../images/file/mind.svg");
-        }
-        &.sheet:before {
-            background-image: url("../images/file/sheet.svg");
-        }
-        &.flow:before {
-            background-image: url("../images/file/flow.svg");
-        }
-        &.word:before {
-            background-image: url("../images/file/word.svg");
-        }
-        &.excel:before {
-            background-image: url("../images/file/excel.svg");
-        }
-        &.ppt:before {
-            background-image: url("../images/file/ppt.svg");
-        }
-        &.compress:before {
-            background-image: url("../images/file/compress.svg");
-        }
-        &.image:before {
-            background-image: url("../images/file/image.svg");
-        }
-        &.media:before {
-            background-image: url("../images/file/media.svg");
-        }
-        &.pdf:before {
-            background-image: url("../images/file/pdf.svg");
-        }
-        &.text:before {
-            background-image: url("../images/file/text.svg");
+        &.archive:before {
+            background-image: url("../images/file/archive.svg");
         }
         &.cad:before {
             background-image: url("../images/file/cad.svg");
         }
-        &.other:before {
-            background-image: url("../images/file/other.svg");
+        &.code:before {
+            background-image: url("../images/file/code.svg");
+        }
+        &.document:before {
+            background-image: url("../images/file/document.svg");
+        }
+        &.excel:before {
+            background-image: url("../images/file/excel.svg");
+        }
+        &.flow:before {
+            background-image: url("../images/file/flow.svg");
+        }
+        &.folder:before {
+            background-image: url("../images/file/folder.svg");
+        }
+        &.media:before {
+            background-image: url("../images/file/media.svg");
+        }
+        &.mind:before {
+            background-image: url("../images/file/mind.svg");
+        }
+        &.ofd:before {
+            background-image: url("../images/file/ofd.svg");
+        }
+        &.pdf:before {
+            background-image: url("../images/file/pdf.svg");
+        }
+        &.picture:before {
+            background-image: url("../images/file/picture.svg");
+        }
+        &.ppt:before {
+            background-image: url("../images/file/ppt.svg");
+        }
+        &.sheet:before {
+            background-image: url("../images/file/sheet.svg");
+        }
+        &.tif:before {
+            background-image: url("../images/file/tif.svg");
+        }
+        &.txt:before {
+            background-image: url("../images/file/txt.svg");
+        }
+        &.updir:before {
+            background-image: url("../images/file/updir.svg");
+        }
+        &.upload:before {
+            background-image: url("../images/file/upload.svg");
+        }
+        &.word:before {
+            background-image: url("../images/file/word.svg");
+        }
+        &.wps:before {
+            background-image: url("../images/file/wps.svg");
         }
     }
 }
diff --git a/resources/assets/statics/public/images/file/other.svg b/resources/assets/statics/public/images/file/other.svg
new file mode 100644
index 00000000..356c09f5
--- /dev/null
+++ b/resources/assets/statics/public/images/file/other.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#989FA5" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>