Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test

src/views/scriptManage/addScriptMember.vue

@@ -3,6 +3,7 @@
     v-dialogDrag
     :title="title"
     :visible.sync="dialogVisible"
+    append-to-body
     width="500px"
     :before-close="handleClose"
     center

src/views/scriptManage/tipScriptRecord.vue

@@ -1,8 +1,23 @@
 <template>
   <div>
-    <!-- style="position:relative" -->
-    <div class="scriptRecordNew" :style="{bottom:(offsetBottom-15)+'px'}">
-      <div v-show="isShow" class="scriptRecordNewIn">
+    <div class="scriptRecordNew">
+      <div v-if="!dialogVisible" class="scriptRecordNewTitle" @click="minisize">
+        <span class="titleStyle">{{ $t('scriptRecord.scriptRecordTitle') }}</span>
+      </div>
+    </div>
+    <div>
+      <el-dialog
+        v-dialogDrag
+        :title="$t('scriptRecord.scriptRecordTitle')"
+        z-index="2008"
+        class="__scriptRecord"
+        :visible.sync="dialogVisible"
+        :modal="false"
+        append-to-body
+        :close-on-click-modal="false"
+        width="700px"
+      >
+        <div class="scriptRecordNewIn">
           <el-tabs type="card">
             <el-tab-pane :label="$t('scriptRecord.scriptRecordTitle')+'('+language+')'">
               <div class="eachScriptPanel">
@@ -61,9 +76,7 @@
             </el-tab-pane>
           </el-tabs>
         </div>
-      <div class="scriptRecordNewTitle" @click="minisize">
-        <span class="titleStyle">{{ $t('scriptRecord.scriptRecordTitle') }}</span>
-      </div>
+      </el-dialog>
     </div>
     <add-script-member ref="addScriptMember" @addScriptMember="addScriptMember" />
     <condition-manage ref="conditionManage" @clearConditionActionId="clearConditionActionId" />
@@ -94,10 +107,6 @@ export default {
             type: String,
             required: true
         },
-        offsetBottom:{
-            type: Number,
-            required: true
-        },
         offset:{
             type: Number,
             required: true
@@ -109,7 +118,6 @@ export default {
     },
     data() {
         return {
-            isShow:true,
             isFirst:true,
             language:'',
             isPause:false,
@@ -128,7 +136,8 @@ export default {
             memberList:[],
             driverList:[],
             activeTrainList:[],
-            oldMember:{id:null, type:''}
+            oldMember:{id:null, type:''},
+            dialogVisible: false
         };
     },
     computed:{
@@ -295,11 +304,7 @@ export default {
             return '';
         },
         minisize() {
-            if (this.isShow) {
-                this.isShow = false;
-            } else {
-                this.isShow = true;
-            }
+            this.dialogVisible = true;
         },
         covert(data, roleTypeList) {
             let lastData = data;
@@ -568,10 +573,29 @@ export default {
     }
 };
 </script>
+<style lang="scss">
+	.__scriptRecord {
+		padding: 0;
+		pointer-events: none !important;
+	}
+	.__scriptRecord {
+		.el-dialog__header {
+			padding: 10px 0;
+			pointer-events: all !important;
+			text-align: center;
+		}
+		.el-dialog__body {
+			padding: 0;
+			pointer-events: all !important;
+		}
+		.el-dialog__headerbtn {
+			top: 10px;
+			right: 10px;
+		}
+	}
+</style>
 <style lang="scss" scoped>
-.selectRolesTitle{
 
-}
 .button-group{
     position: absolute;
     left: 0;
@@ -598,18 +622,16 @@ export default {
 }
 .scriptRecordNew{
     position: absolute;
-    width: 700px;
     z-index: 10;
-    left: 50%;
-    bottom: 0px;
-    transform: translateX(-50%) translateY(0);
+	right: 12px;
+	top: calc(45% + 100px);
 }
 .scriptRecordNewTitle{
     position: absolute;
     background: #fff;
-    border-radius: 5px 5px 0px 0px ;
+    border-radius: 5px 0px 0px 5px ;
     padding: 5px 0px;
-    width: 100px;
+    width: 23px;
     text-align: center;
     left: 50%;
     transform: translateX(-50%);
@@ -619,9 +641,7 @@ export default {
 .scriptRecordNewIn{
     padding: 10px;
     background: #fff;
-    border-radius: 5px 5px 0px 0px ;
     height: 380px;
-    box-shadow: -1px -1px 3px #656565;
 }
 .scriptPanelRight{