diff --git a/resources/assets/js/api/Cases.js b/resources/assets/js/api/Cases.js
index ba41f5f07..d890f5851 100644
--- a/resources/assets/js/api/Cases.js
+++ b/resources/assets/js/api/Cases.js
@@ -111,6 +111,11 @@ export let cases = {
             window.config.SYS_URI +
             `cases/open?APP_UID=${data.APP_UID}&DEL_INDEX=${data.DEL_INDEX}&action=${data.ACTION}`);
     },
+    cases_open(data) {
+        return axios.get(window.config.SYS_SERVER +
+            window.config.SYS_URI +
+            `cases/cases_Open?APP_UID=${data.APP_UID}&DEL_INDEX=${data.DEL_INDEX}&action=${data.ACTION}`);
+    },
     cancel(data) {
         var params = new URLSearchParams();
         params.append('action', 'cancelCase');
diff --git a/resources/assets/js/components/home/caseDetail/IoDocuments.vue b/resources/assets/js/components/home/caseDetail/IoDocuments.vue
index ce92f23e9..7f6480ede 100644
--- a/resources/assets/js/components/home/caseDetail/IoDocuments.vue
+++ b/resources/assets/js/components/home/caseDetail/IoDocuments.vue
@@ -5,7 +5,7 @@
       <div class="card-text">
         <div
           v-for="item in data.inputDocuments"
-          :key="item.title"
+          :key="item.data.APP_DOC_UID"
           class="v-attached-block"
         >
           <div class="v-list v-list-row block">
@@ -79,6 +79,13 @@ export default {
       return this.icon[icon] ? this.icon[icon] : "fas fa-file-alt";
     },
     href(item) {
+      if (item.data.DOWNLOAD_LINK) {
+        return (
+          window.config.SYS_SERVER +
+          window.config.SYS_URI +
+          `cases/${item.data.DOWNLOAD_LINK}`
+        );
+      }
       return (
         window.config.SYS_SERVER +
         window.config.SYS_URI +
diff --git a/resources/assets/js/home/Draft.vue b/resources/assets/js/home/Draft.vue
index 0ba3d72e6..640c79166 100644
--- a/resources/assets/js/home/Draft.vue
+++ b/resources/assets/js/home/Draft.vue
@@ -255,7 +255,7 @@ export default {
      */
     openCaseDetail(item) {
       let that = this;
-      api.cases.open(_.extend({ ACTION: "todo" }, item)).then(() => {
+      api.cases.cases_open(_.extend({ ACTION: "todo" }, item)).then(() => {
         that.$emit("onUpdateDataCase", {
           APP_UID: item.APP_UID,
           DEL_INDEX: item.DEL_INDEX,
diff --git a/resources/assets/js/home/Paused.vue b/resources/assets/js/home/Paused.vue
index 75139db30..9c322de8d 100644
--- a/resources/assets/js/home/Paused.vue
+++ b/resources/assets/js/home/Paused.vue
@@ -249,7 +249,7 @@ export default {
      */
     openCaseDetail(item) {
       let that = this;
-      api.cases.open(_.extend({ ACTION: "todo" }, item)).then(() => {
+      api.cases.cases_open(_.extend({ ACTION: "todo" }, item)).then(() => {
         that.$emit("onUpdateDataCase", {
           APP_UID: item.APP_UID,
           DEL_INDEX: item.DEL_INDEX,
diff --git a/resources/assets/js/home/Todo.vue b/resources/assets/js/home/Todo.vue
index 3e79d9275..177b91582 100644
--- a/resources/assets/js/home/Todo.vue
+++ b/resources/assets/js/home/Todo.vue
@@ -256,7 +256,7 @@ export default {
      */
     openCaseDetail(item) {
       let that = this;
-      api.cases.open(_.extend({ ACTION: "todo" }, item)).then(() => {
+      api.cases.cases_open(_.extend({ ACTION: "todo" }, item)).then(() => {
         that.$emit("onUpdateDataCase", {
           APP_UID: item.APP_UID,
           DEL_INDEX: item.DEL_INDEX,
diff --git a/resources/assets/js/home/Unassigned.vue b/resources/assets/js/home/Unassigned.vue
index 9e43c3ef5..08b5f428e 100644
--- a/resources/assets/js/home/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned.vue
@@ -262,7 +262,7 @@ export default {
      */
     openCaseDetail(item) {
       let that = this;
-      api.cases.open(_.extend({ ACTION: "todo" }, item)).then(() => {
+      api.cases.cases_open(_.extend({ ACTION: "todo" }, item)).then(() => {
         that.$emit("onUpdateDataCase", {
           APP_UID: item.APP_UID,
           DEL_INDEX: item.DEL_INDEX,