diff --git a/ui/dasadmin/src/views/backend/calculate/index.vue b/ui/dasadmin/src/views/backend/calculate/index.vue
index 19726b08..593dd65a 100644
--- a/ui/dasadmin/src/views/backend/calculate/index.vue
+++ b/ui/dasadmin/src/views/backend/calculate/index.vue
@@ -11,87 +11,105 @@
             </div>
         </div>
         <div class="modulesList">
-            <div class="moduleRow" v-for="row in rowLength" :key="moduleList[(row - 1) * colLen].name">
-                <div class="moduleItem">
-                    <div class="itemMain">
-                        <div class="title">
-                            {{ moduleList[(row - 1) * colLen].localName }}
-                        </div>
-                        <div class="versionTime">
-                            <div class="version">{{ '版本：' + moduleList[(row - 1) * colLen].version }}</div>
-                            <div class="updateTime">{{ '更新于：----' }}</div>
-                            <!-- 
+            <el-scrollbar>
+                <div class="moduleRow" v-for="row in rowLength" :key="moduleList[(row - 1) * colLen].name">
+                    <div class="moduleItem">
+                        <div class="itemMain">
+                            <div class="title">
+                                {{ moduleList[(row - 1) * colLen].localName }}
+                            </div>
+                            <div class="versionTime">
+                                <div class="version">{{ '版本：' + moduleList[(row - 1) * colLen].version }}</div>
+                                <div class="updateTime">{{ '更新于：----' }}</div>
+                                <!-- 
                             <div class="updateTime">{{ '更新于：' + moduleList[(row - 1) * colLen].updateTime }}</div>
                              -->
+                            </div>
+                            <div class="main-main">
+                                {{ moduleList[(row - 1) * colLen].description }}
+                            </div>
+                            <div class="footer-main">
+                                {{ '任务周期：' + moduleList[(row - 1) * colLen].cron }}
+                            </div>
                         </div>
-                        <div class="main-main">
-                            {{ moduleList[(row - 1) * colLen].description }}
-                        </div>
-                        <div class="footer-main">
-                            {{ '任务周期：' + moduleList[(row - 1) * colLen].cron }}
+                        <div class="itemAside">
+                            <el-popconfirm title="确认删除该计算模块么？" @confirm="remove(moduleList[(row - 1) * colLen].name)">
+                                <template #reference>
+                                    <el-icon class="removeModule">
+                                        <Close />
+                                    </el-icon>
+                                </template>
+                            </el-popconfirm>
+                            <el-button type="primary" @click="getScript(moduleList[(row - 1) * colLen].name)">查看</el-button>
+                            <el-button
+                                v-if="moduleList[(row - 1) * colLen].disabled === 1"
+                                type="primary"
+                                plain
+                                @click="active(moduleList[(row - 1) * colLen].name)"
+                                >激活</el-button
+                            >
+                            <el-button
+                                v-if="moduleList[(row - 1) * colLen].disabled === 0"
+                                type="danger"
+                                plain
+                                @click="deactive(moduleList[(row - 1) * colLen].name)"
+                                >禁用</el-button
+                            >
                         </div>
                     </div>
-                    <div class="itemAside">
-                        <el-popconfirm title="确认删除该计算模块么？" @confirm="remove(moduleList[(row - 1) * colLen].name)">
-                            <template #reference>
-                                <el-icon class="removeModule">
-                                    <Close />
-                                </el-icon>
-                            </template>
-                        </el-popconfirm>
-                        <el-button type="primary">查看</el-button>
-                        <el-button v-if="moduleList[(row - 1) * colLen].disabled === 1" type="primary" plain @click="active(moduleList[(row - 1) * colLen].name)">激活</el-button>
-                        <el-button v-if="moduleList[(row - 1) * colLen].disabled === 0" type="danger" plain @click="deactive(moduleList[(row - 1) * colLen].name)">禁用</el-button>
-                    </div>
-                </div>
-                <div class="moduleItem" v-if="moduleList[(row - 1) * colLen + 1]">
-                    <div class="itemMain">
-                        <div class="title">
-                            {{ moduleList[(row - 1) * colLen + 1].localName }}
-                        </div>
-                        <div class="versionTime">
-                            <div class="version">{{ '版本：' + moduleList[(row - 1) * colLen + 1].version }}</div>
-                            <div class="updateTime">{{ '更新于：----' }}</div>
-                            <!--   
+                    <div class="moduleItem" v-if="moduleList[(row - 1) * colLen + 1]">
+                        <div class="itemMain">
+                            <div class="title">
+                                {{ moduleList[(row - 1) * colLen + 1].localName }}
+                            </div>
+                            <div class="versionTime">
+                                <div class="version">{{ '版本：' + moduleList[(row - 1) * colLen + 1].version }}</div>
+                                <div class="updateTime">{{ '更新于：----' }}</div>
+                                <!--   
                             <div class="updateTime">{{ '更新于：' + moduleList[(row - 1) * colLen + 1]?.updateTime ?? '--' }}</div>
-                            -->
+                            --></div>
+                            <div class="main-main">
+                                {{ moduleList[(row - 1) * colLen + 1].description }}
+                            </div>
+                            <div class="footer-main">
+                                {{ '任务周期：' + moduleList[(row - 1) * colLen + 1].cron }}
+                            </div>
                         </div>
-                        <div class="main-main">
-                            {{ moduleList[(row - 1) * colLen + 1].description }}
-                        </div>
-                        <div class="footer-main">
-                            {{ '任务周期：' + moduleList[(row - 1) * colLen + 1].cron }}
+                        <div class="itemAside">
+                            <el-popconfirm title="确认删除该计算模块么？" @confirm="remove(moduleList[(row - 1) * colLen + 1].name)">
+                                <template #reference>
+                                    <el-icon class="removeModule">
+                                        <Close />
+                                    </el-icon>
+                                </template>
+                            </el-popconfirm>
+                            <el-button type="primary" @click="getScript(moduleList[(row - 1) * colLen + 1].name)">查看</el-button>
+                            <el-button
+                                v-if="moduleList[(row - 1) * colLen + 1].disabled === 1"
+                                type="primary"
+                                plain
+                                @click="active(moduleList[(row - 1) * colLen + 1].name)"
+                                >激活</el-button
+                            >
+                            <el-button
+                                v-if="moduleList[(row - 1) * colLen + 1].disabled === 0"
+                                type="danger"
+                                plain
+                                @click="deactive(moduleList[(row - 1) * colLen + 1].name)"
+                                >禁用</el-button
+                            >
                         </div>
                     </div>
-                    <div class="itemAside">
-                        <el-popconfirm title="确认删除该计算模块么？" @confirm="remove(moduleList[(row - 1) * colLen + 1].name)">
-                            <template #reference>
-                                <el-icon class="removeModule">
-                                    <Close />
-                                </el-icon>
-                            </template>
-                        </el-popconfirm>
-                        <el-button type="primary">查看</el-button>
-                        <el-button
-                            v-if="moduleList[(row - 1) * colLen + 1].disabled === 1"
-                            type="primary"
-                            plain
-                            @click="active(moduleList[(row - 1) * colLen + 1].name)"
-                            >激活</el-button
-                        >
-                        <el-button
-                            v-if="moduleList[(row - 1) * colLen + 1].disabled === 0"
-                            type="danger"
-                            plain
-                            @click="deactive(moduleList[(row - 1) * colLen + 1].name)"
-                            >禁用</el-button
-                        >
-                    </div>
+                    <div class="moduleItem" style="visibility: hidden" v-else></div>
                 </div>
-                <div class="moduleItem" style="visibility: hidden" v-else></div>
-            </div>
+            </el-scrollbar>
         </div>
     </div>
+    <el-dialog v-model="previewVisible" title="脚本预览" width="800">
+        <el-scrollbar height="500">
+            <p v-html="previewContent"></p>
+        </el-scrollbar>
+    </el-dialog>
 </template>
 
 <script setup lang="ts">
@@ -118,7 +136,6 @@ const rowLength = computed(() => {
 
 const getList = () => {
     getCalcListReq().then((res) => {
-        console.log(res)
         moduleList.value = res.data
     })
 }
@@ -127,16 +144,16 @@ const upload = ref<UploadInstance>()
 const handleExceed: UploadProps['onExceed'] = (files) => {
     upload.value!.clearFiles()
     const file = files[0] as UploadRawFile
+
     file.uid = genFileId()
+
     upload.value!.handleStart(file)
+    upload.value!.submit()
 }
 const register = (options: any) => {
-    console.log(options)
     const formData = new FormData()
     formData.append('file', options.file)
     registerCalcReq(formData).then((res) => {
-        console.log(res)
-
         if (res.success) {
             ElMessage.success('注册/更新成功！')
             getList()
@@ -153,30 +170,69 @@ const remove = (name: string) => {
     })
 }
 const active = (name: string) => {
-    console.log(name);
-    
-    activeCalcReq({ moduleName: name }).then((res) => {
-        if (res.success) {
-            ElMessage.success('激活成功！')
-            getList()
-        }
-    })
+    activeCalcReq({ moduleName: name })
+        .then((res) => {
+            if (res.success) {
+                ElMessage.success('激活成功！')
+                getList()
+            } else {
+                ElMessage.error(res.msg)
+            }
+        })
+        .catch(() => {
+            ElMessage.error('激活失败！')
+        })
 }
 const deactive = (name: string) => {
-    deactiveCalcReq({ moduleName: name }).then((res) => {
-        if (res.success) {
-            ElMessage.success('禁用成功！')
-            getList()
-        }
-    })
+    deactiveCalcReq({ moduleName: name })
+        .then((res) => {
+            if (res.success) {
+                ElMessage.success('禁用成功！')
+                getList()
+            } else {
+                ElMessage.error(res.msg)
+            }
+        })
+        .catch(() => {
+            ElMessage.error('禁用失败！')
+        })
 }
+
+const previewVisible = ref(false)
+const previewContent = ref('')
+
 const getScript = (name: string) => {
     getScriptCalcReq({ moduleName: name }).then((res) => {
         if (res.success) {
             // 预览
+            const txt = 'data:text/plain;charset=utf-8;base64,' + res.data
+            const blob = base64ToBlob(txt)
+            blob.text().then((text) => {
+                let showText = ''
+                for (let i = 0; i < text.length; i++) {
+                    if (text[i] == '\n') {
+                        showText += '<br>'
+                        continue
+                    }
+                    showText += text[i]
+                }
+                previewContent.value = showText
+                previewVisible.value = true
+            })
         }
     })
 }
+const base64ToBlob = (dataurl: string) => {
+    let arr = dataurl.split(',')
+    let mime = arr[0].match(/:(.*?);/)![1]
+    let bstr = atob(arr[1])
+    let n = bstr.length
+    let u8arr = new Uint8Array(n)
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n)
+    }
+    return new Blob([u8arr], { type: 'text/plain' })
+}
 getList()
 </script>
 
@@ -222,9 +278,7 @@ getList()
         width: 100%;
         display: flex;
         flex-wrap: wrap;
-        overflow-y: auto;
-        overflow-x: hidden;
-        max-height: 100%;
+        height: calc(100% - 60px);
         min-width: 912px;
         .moduleRow {
             display: flex;