diff --git a/README.md b/README.md
index 14a751b..045eb7c 100644
--- a/README.md
+++ b/README.md
@@ -1,19 +1,17 @@
-# interface test with python
-用python实现的web IDE，可以导入&编辑脚本工程，对接口&网页进行测试
-也可以对测试日志进行查询和统计
+##arbiter是什么
+- python实现的web IDE，可以导入&编辑脚本工程，对接口&网页进行测试
+- 可以对测试日志进行查询和统计
 
-
-需要
-mysql存储用户信息
-redis保证实时websocket
-monogodb保存日志
+##依赖环境
+- mysql存储用户信息
+- redis保证实时websocket
+- monogodb保存日志
 ![Image text](https://github.com/shimine/cua-arbiter/blob/master/doc/import.gif)
 
-部署步骤：
-
-1.clone code
-2.进入到 arbiter-web/ cd arbiter-web
-3.安装依赖文件 pip install -r requirements.txt
-4.安装好mysql redis，在setting.py中修改成相对应的配置属性
-5.修改运行时选项，设置 manage.py路径，脚本命令为runserver
-6.或直接使用 python manage.py　runserver
+##部署步骤：
+1. clone code
+2. 进入到 arbiter-web/ cd arbiter-web
+3. 安装依赖文件 pip install -r requirements.txt
+4. 安装好mysql redis，在setting.py中修改成相对应的配置属性
+5. 修改运行时选项，设置 manage.py路径，脚本命令为runserver
+6. 或直接使用 python manage.py　runserver
\ No newline at end of file
diff --git a/arbiter-web/arbiter/core/templates/case/index.html b/arbiter-web/arbiter/core/templates/case/index.html
index 2f9a7d7..c18f158 100644
--- a/arbiter-web/arbiter/core/templates/case/index.html
+++ b/arbiter-web/arbiter/core/templates/case/index.html
@@ -31,12 +31,10 @@
         <div>
             <div id="root">
                 <router-view name="paper"></router-view>
-                <!--   <case-paper></case-paper>-->
-
                 <arbiter-slide :model-list="modelList"></arbiter-slide>
                 <div id="root-case" style="display: block;">
                     <div id="code">
-                        <router-view name="casefab"></router-view>
+                        <case-float-btn></case-float-btn>
                         <!--   <code-float-btn><</code-float-btn>-->
                         <!--  <pre id="code-content"></pre> -->
                     </div>
@@ -129,14 +127,14 @@ <h2 slot="left">用例管理</h2>
     <div id="case-paper">
         <div v-for="(value, key) in caseMap">
             <div>
-                <div class="flex-between"><b class="grey-text paper-pyname" @click="showcode(key,value)">{{ key }}</b>
+                <div class="flex-between"><b title="查看/编辑" class="grey-text paper-pyname" @click="showcode(key,value)">{{ key }}</b>
                     <mu-icon-button icon="delete" icon-class="red-icon"></mu-icon-button>
                 </div>
             </div>
             <div v-if="pyname===key">
-                <mu-paper class="code-paper" :z-depth="2" :key="key" >
-                    <code-paper :pypath="value"></code-paper>
-                     <div id="codecontent" ref="mybox+"></div>
+                <mu-paper class="long-large-paper" :z-depth="2" :key="key" >
+                    <code-paper :pypathx="value"></code-paper>
+                    <code-float-btn :casemodel="casemodel" :pypath="value"></code-float-btn>
                 </mu-paper>
             </div>
             <div v-else v-for="(v, k) in value">
@@ -162,19 +160,10 @@ <h2 slot="left">用例管理</h2>
 </template>
 <template id="codeFloatBtn">
     {% verbatim %}
-    <div id="code-float-btn" v-if="modalShow">
-        <div style="z-index: 1;position: fixed; bottom: 45px; right: 24px;"
+    <div id="code-float-btn" v-if="modalShow" >
+        <div style=" position: relative;z-index: 1; float: right;bottom: 110px;right: 60px;"
              @mouseover="onMouseEnterCodeFAB()" @mouseout="onMouseleaveCodeFAB()">
-            <mu-float-button id="edit" @click="edit()" :icon="editIcon" secondary mini
-                             class="demo-float-button" v-show="seen"
-                             style="bottom: 6px; right: 3px;"></mu-float-button>
-            <mu-float-button id="run" @click="run()" icon="play_arrow" secondary mini
-                             class="demo-float-button" v-show="seen"
-                             style="bottom: 6px; right: 3px;"></mu-float-button>
-            <mu-float-button id="log" @click="log()" icon="message" secondary mini
-                             class="demo-float-button" v-show="seen"
-                             style="bottom: 6px; right: 3px;"></mu-float-button>
-            <mu-float-button id="edit" icon="add" class="demo-float-button"></mu-float-button>
+            <mu-float-button style="background-color:#bf360c" @click="edit()" :icon="editIcon" class="demo-float-button"></mu-float-button>
         </div>
         <div>
             <mu-dialog :open="saveDialog" title="保存中">
@@ -197,7 +186,7 @@ <h2 slot="left">用例管理</h2>
 </template>
 <template id="caseFloatBtn">
     {% verbatim %}
-    <div id="code-float-btn" v-if="modalShow">
+    <div id="case-float-btn" v-if="modalShow">
         <div style="z-index: 1;position: fixed; bottom: 45px; right: 24px;"
              @mouseover="onMouseEnterCodeFAB()" @mouseout="onMouseleaveCodeFAB()">
             <mu-float-button id="log" @click="log()" icon="message" secondary mini
diff --git a/arbiter-web/arbiter/settings.py b/arbiter-web/arbiter/settings.py
index 293d6bd..40c1f5d 100644
--- a/arbiter-web/arbiter/settings.py
+++ b/arbiter-web/arbiter/settings.py
@@ -144,7 +144,7 @@
     'JWT_VERIFY': True,
     'JWT_VERIFY_EXPIRATION': True,
     'JWT_LEEWAY': 0,
-    'JWT_EXPIRATION_DELTA': datetime.timedelta(seconds=300),
+    'JWT_EXPIRATION_DELTA': datetime.timedelta(seconds=3000),
     'JWT_AUDIENCE': None,
     'JWT_ISSUER': None,
 
diff --git a/arbiter-web/arbiter/static/arbiter/css/index.css b/arbiter-web/arbiter/static/arbiter/css/index.css
index c4c6ebb..0ce74a6 100644
--- a/arbiter-web/arbiter/static/arbiter/css/index.css
+++ b/arbiter-web/arbiter/static/arbiter/css/index.css
@@ -28,12 +28,10 @@ body {
     display: none;
 }
 
-#codecontent {
+#code-paper {
     top: 0;
-
+    height: 600px;
     bottom: 0;
-
-
 }
 
 #case-paper {
@@ -52,6 +50,7 @@ body {
     display: flex;
     align-items: center;
     justify-content: space-between;
+        width: 100%;
 
 }
 
@@ -69,6 +68,7 @@ body {
 
 .paper-pyname {
     margin-left: 30px;
+    cursor:pointer;
 }
 
 .red-icon {
@@ -79,12 +79,15 @@ body {
 .green-icon {
     color:#8bc34a;
 }
+.long-large-paper
+{margin-right: 80px;
+    margin-left: 20px;}
 
 
 .long-little-paper {
     height: 45px;
     margin-bottom: 20px;
-    margin-right: 80px;
+    margin-right: 130px;
     margin-left: 30px;
     position: relative;
 }
\ No newline at end of file
diff --git a/arbiter-web/arbiter/static/arbiter/js/slide.js b/arbiter-web/arbiter/static/arbiter/js/slide.js
index 5fede4f..1ca0c9a 100644
--- a/arbiter-web/arbiter/static/arbiter/js/slide.js
+++ b/arbiter-web/arbiter/static/arbiter/js/slide.js
@@ -180,6 +180,11 @@ const ArbiterSlide = {
 };
 const CodeFloatBtn = {
     template: '#codeFloatBtn',
+    props: {
+        pypath: null,
+        casemodel:null
+
+    },
     data: function () {
         return {
             modalShow: true,
@@ -190,18 +195,10 @@ const CodeFloatBtn = {
             saveStatus: 'finish',
             casefullname: '',
             logContent: [],
+            path: null
         }
     }, mounted() {
-        let _this = this;
-        Event.$on('flush-fab', function () {
-            _this.editIcon = "mode_edit";
-            _this.logContent = [];
-            _this.modalShow = true;
-        });
-        Event.$on('run-case', function (casefullname) {
-            _this.casefullname = casefullname;
-            _this.run();
-        });
+        this.path = this.pypath;
 
     },
     methods: {
@@ -228,30 +225,11 @@ const CodeFloatBtn = {
         cleanLog() {
             this.logContent = [];
         },
-        run() {
-            if (username === null) {
-                window.location.href = "login";
-            }
-            else {
-                run_socket.onmessage = (res) => {
-                    this.logContent.push(res.data);
-                    //   document.getElementById("insert").innerHTML += "<div><p>" + e.data + "</p></div>";
-
-                };
-                run_socket.onopen = () => {
-                    run_socket.send("runCase " + this.casefullname);
-                };
-                // Call onopen directly if socket is already open
-                if (run_socket.readyState === WebSocket.OPEN)
-                    run_socket.onopen();
-            }
-            this.logDialog = true;
-        },
         edit() {
             if (username === null) {
                 window.location.href = "login";
             }
-            let codeContent = ace.edit("code-content");
+            let codeContent = ace.edit("code-paper");
             if (this.editIcon === "mode_edit") {
 
                 codeContent.setReadOnly(false);//设置为可编辑模式
@@ -259,6 +237,13 @@ const CodeFloatBtn = {
                 this.editIcon = "save";
             }
             else if (this.editIcon === "save") {
+                let caseNamePath = null;
+                for (let [k, v] of Object.entries(this.path)) {
+                    if (k) {
+                        caseNamePath = k;
+                        break;
+                    }
+                }
 
                 this.saveStatus = "running";
                 this.saveDialog = true;
@@ -272,19 +257,22 @@ const CodeFloatBtn = {
                             'Accept': 'application/json, text/plain, */*',
                             'Content-Type': 'application/json'
                         },
-                        body: JSON.stringify({casepath: this.casefullname, content: newCodeContent})
+                        body: JSON.stringify({casepath: caseNamePath, content: newCodeContent})
                     }).then((response) => {
                     if (response.status !== 200) {
                         console.log("请求失败，状态码为：" + response.status);
                         deleteAllCookies();
-                        window.location.href = "login";
+                        window.location.href = "/arbiter/login";
                         return;
                     }
                     //检查响应文本
                     response.json().then((data) => {
                         if (data['result'] === "ok") {
                             this.editIcon = "mode_edit";
+                            let codeContent = ace.edit("code-paper");
+                            codeContent.setReadOnly(true);//设置为不可编辑模式
                             this.saveDialog = false;
+                            this.$router.push({name: 'casepath', params: {casemodel: this.casemodel}});
 
                         } else {
                             alert("保存失败！");
@@ -311,12 +299,18 @@ const CaseFloatBtn = {
         }
     }, mounted() {
         let _this = this;
+         console.log(casefullname+"sda"+this.$el);
         Event.$on('run-case', function (casefullname) {
+
             _this.casefullname = casefullname;
             _this.run();
         });
 
     },
+    destroy(){
+        console.log(casefullname+"qwerte"+this.$el);
+        Event.$off("run-case");
+    },
     methods: {
 
         openLogDialog() {
@@ -366,19 +360,25 @@ const CaseFloatBtn = {
     }
 };
 const CodePaper = {
-    data: {pypath: null,},
+    props: {pypathx: null,},
+    data: function () {
+        return {path: null}
+    },
     template: '#codePaper',
     mounted() {
 
-
-        if (!!this.pypath) {
-           for (let [k, v] of Object.entries(this.pypath)) {
-                caseNamePath = k;
+        this.path = this.pypathx;
+        if (!!this.path) {
+            for (let [k, v] of Object.entries(this.path)) {
+                if (k) {
+                    caseNamePath = k;
+                    break;
+                }
             }
             caseNamePath = caseNamePath.split(":")[0];
-            this.pypath = caseNamePath.split(".").join("/") + ".py";
+            this.path = caseNamePath.split(".").join("/") + ".py";
 
-            this.loadCaseFile(this.pypath)
+            this.loadCaseFile(this.path)
         }
 
     }
@@ -392,13 +392,13 @@ const CodePaper = {
                 caseNamePath = k;
             }
             caseNamePath = caseNamePath.split(":")[0];
-            this.pypath = caseNamePath.split(".").join("/") + ".py";
+            this.path = caseNamePath.split(".").join("/") + ".py";
 
         },
         loadCaseFile(caseNamePath) {
 
-          //  document.getElementById("codecontent").style.fontSize = "14px";
-           // document.getElementById("codecontent").style.height = "600px";
+            //  document.getElementById("codecontent").style.fontSize = "14px";
+            // document.getElementById("codecontent").style.height = "600px";
             let codeContent = ace.edit(this.$el);
             codeContent.setTheme("ace/theme/github");
             codeContent.setReadOnly(true);//设置只读
@@ -421,11 +421,14 @@ const CodePaper = {
     }
 };
 const CasePaper = {
-    props: {casemodel: "", pyname: "",pypath:""},
+    props: {casemodel: "", pyname: ""},
     template: '#casePaper',
-    components:{'CodePaper': CodePaper,},
+    components: {
+        'CodePaper': CodePaper,
+        'CodeFloatBtn': CodeFloatBtn,
+    },
     data() {
-        return {caseMap: {}};
+        return {caseMap: {}, cpath: null};
     },
     watch: {
         casemodel: function (val) {
@@ -458,15 +461,13 @@ const CasePaper = {
         if (!!allCase) {
             Event.$emit('change-paper', allCase);
         }
-        if (!!this.pyname) {
-          this.loadCaseFile(this.pypath);
-        }
 
     }
     ,
     methods: {
 
         run(testcase) {
+            console.log(testcase);
             Event.$emit('run-case', testcase);
 
         },
@@ -478,36 +479,12 @@ const CasePaper = {
                 caseNamePath = k;
             }
             caseNamePath = caseNamePath.split(":")[0];
-            this.pypath = caseNamePath.split(".").join("/") + ".py";
+            this.cpath = caseNamePath.split(".").join("/") + ".py";
 
         },
-        loadCaseFile(caseNamePath) {
-            console.log(this.$refs.mybox);
-          //  document.getElementById("codecontent").style.fontSize = "14px";
-           // document.getElementById("codecontent").style.height = "600px";
-            let codeContent = ace.edit(this.$refs.xxx);
-            codeContent.setTheme("ace/theme/github");
-            codeContent.setReadOnly(true);//设置只读
-            codeContent.$blockScrolling = Infinity;
-            codeContent.session.setMode("ace/mode/python");
-            // setBtn("edit");
-            /*查询可编辑状态*/
-            new ValidateEditWebSocket(caseNamePath);
-            let xhr = new XMLHttpRequest();
-            xhr.open('GET', '/static/' + caseNamePath, true);
-            xhr.setRequestHeader("If-Modified-Since", "0");
-            xhr.onreadystatechange = function () {
-                if (xhr.readyState === 4) {
-                    codeContent.setValue(xhr.responseText, -1);//设置显示内容，并将光标移动到start处
-                }
-            };
-            xhr.send(null);
-        }
 
     }
 };
-
-
 const router = new VueRouter({
     mode: 'history',
     base: "arbiter",
@@ -516,8 +493,8 @@ const router = new VueRouter({
         {
             path: '/:casemodel',
             name: 'casepath',
-            components: {paper: CasePaper, casefab: CaseFloatBtn},
-            props: {paper: true, casefab: false}
+            components: {paper: CasePaper,},
+            props: {paper: true,}
         },
         {
             path: '/:casemodel/:pyname',
@@ -553,8 +530,8 @@ let navbar_app = new Vue({
     components: {        //要把组件写入到components里面，如果没有放的话在切换的时候就会找不到 组件
         'ArbiterNavbar': ArbiterNavbar,
         'ArbiterSlide': ArbiterSlide,
+        'CaseFloatBtn':CaseFloatBtn,
         'CodeFloatBtn': CodeFloatBtn,
-        'CaseFloatBtn': CaseFloatBtn,
         'CasePaper': CasePaper,
         'CodePaper': CodePaper,
     }
diff --git a/doc/import.gif b/doc/import.gif
index 684a511..5bb0f6c 100644
Binary files a/doc/import.gif and b/doc/import.gif differ