update

src/App.vue

@@ -1,10 +1,9 @@
 <template>
     <div id="app" >
-        <select-business class="selectBusiness" :showIt.sync="showIt" />
+            <select-business class="selectBusiness" :showIt.sync="showIt" v-show="!showIt && showBusiness" />
             <router-view></router-view>
             <vCase :showIt.sync="showIt"></vCase>
-        
-        
+            <tip-dialog />
     </div>
 </template>
 <script>
@@ -12,12 +11,14 @@
     import Setting from '@/setting';
     import util from '@/libs/util';
     import selectBusiness from '@/components/selectBusiness'
+    import TipDialog from '@/components/tipDialog'
     import { mapState, mapMutations } from 'vuex'
     export default {
         name: 'App',
         components: {
                 vCase,
-                selectBusiness
+                selectBusiness,
+                TipDialog
             },
         created () {
             //在页面加载时读取localStorage里的状态信息
@@ -34,24 +35,42 @@
         },
         data() {
             return {
-                showIt: true
+                showIt: true,
+                showSelect: false
             }
             
         },
         methods: {
             ...mapMutations({
-                setShowBusiness: 'system/setShowBusiness'
+                setShowBusiness: 'system/setShowBusiness',
+                setTipsOperate: 'system/setTipsOperate'
             }),
         },
         watch: {
-            showIt(newVal) {
+            showIt: {
+                handler(newVal) {
                     if(!newVal && !this.businessKey) {
                         this.setShowBusiness(true)
+                    }else {
+                        if(!newVal) {
+                            // 如果未选择业务，则关闭后继续弹出弹框
+                            if(!this.businessKey) {
+                                this.$nextTick(() => { this.setShowBusiness(true) })
+                            }else {
+                                // this.setTipsOperate('您正在进行' + this.businessKey + ',加油！');
+                            }
+                        }else {
+                            this.$nextTick(() => { this.setShowBusiness(false) })
                         }
                     }
                 },
+                immediate: true
+            }
+        },
         computed: {
             ...mapState({
+                businessKey: state => state.system.businessKey,
+                showBusiness: state => state.system.showBusiness,
                 businessKey: state => state.system.businessKey
             })
         },
@@ -61,6 +80,7 @@
 <style scoped>
 #app {
     min-width: 1300px;
+    min-height: 800px;
 }
 .selectBusiness {
     width: 100%;

src/components/case/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <el-container class="scrollbar animate__animated animate__bounceInLeft" v-show="showIt">
+    <transition name="slide-fade" enter-active-class="animate__animated animate__bounceInLeft" leave-active-class=" animate__animated animate__bounceOutLeft">
+            
+    <el-container v-show="showIt">
       <el-header>
         <div class="flex a-center j-between">
           <div class="flex a-center" style="width: 28%">
@@ -51,7 +53,7 @@
             </div>
             <div class="font_css">
               <div class="experimentalGoal">
-                <div class="break-all" v-html="projectManage.experimentTarget">
+                <div class="break-all" v-html="projectManage.experimentTarget" style="font-size: 0.875rem;">
                 </div>
               </div>
             </div>
@@ -67,19 +69,19 @@
                   <el-card shadow="hover">
                     <el-table :data="requires" stripe height="405" v-loading="loading" ref='testTable'>
                       <el-table-column type="index"></el-table-column>
-                      <el-table-column prop="name" label="判分指标" align="center">
+                      <el-table-column prop="name" label="判分点" align="center">
                       </el-table-column>
                       <el-table-column prop="right" label="完成结果" align="center">
                         <template slot-scope="scope">
                           <i
                             v-if="scope.row.right==true"
                             class="el-icon-check"
-                            style="color:green;font-size:16px"
+                            style="color:green;"
                           ></i>
                           <i
                             v-else-if="scope.row.right==false"
                             class="el-icon-close"
-                            style="color:red;font-size:16px"
+                            style="color:red;"
                           ></i>
                         </template>
                       </el-table-column>
@@ -99,13 +101,13 @@
             <el-tab-pane label="实验要求" name="second">
               <el-collapse :value="activeNames" accordion >
                 <el-collapse-item  v-for="(item,index) in requires" :key="index" :name="item.id">
-                    <template slot="title" style='line-height: 0px;font-size: 16px'>
+                    <template slot="title" style='line-height: 0px;'>
                         <i class='el-icon-s-ticket'></i> 
-                        <span style="margin: 0px 10px;font-size: 16px">{{ item.name }}</span>
+                        <span style="margin: 0px 10px;font-size: 1rem;">{{ item.name }}</span>
                     </template>
-                   <div class="break-all" style="font-size: 16px" v-html="item.experimentalRequirements"></div>
+                   <div class="break-all" v-html="item.experimentalRequirements"></div>
                 </el-collapse-item>
-                <p ref="scrollTag"></p>
+                <!-- <p ref="scrollTag" style="font-size:16px;"></p> -->
               </el-collapse>
             </el-tab-pane>
             <el-tab-pane label="实验提示" name="fifth" v-if="hintOpen == 0">
@@ -115,6 +117,7 @@
         </el-main>
       </el-container>
     </el-container>
+    </transition>
     <!-- </div> -->
     <div class="panel" :class="{active: showIt}">
       <div @click="toggleCase">
@@ -122,11 +125,14 @@
         <img src="../../assets/img/case/right.png" alt v-else />
       </div>
     </div>
-      <div class='popContainer' v-if='popContainer'></div>
 
+    <div class='popContainer' v-if='popContainer'></div>
 
 
+    <!-- 遮罩层 -->
     <div class="absolute z-50 w-screen h-screen bg-transparent inset-0" v-show="showIt"></div> 
+
+     
   </div>
   
 </template>
@@ -828,6 +834,10 @@ export default {
 <style lang="scss" scoped>
 $togetherFontSize: 16px;
 
+/deep/ .el-tab-pane {
+  font-size: 1rem!important;
+}
+
 .scrollbar {
   z-index: 100000000;
 }
@@ -895,6 +905,7 @@ $togetherFontSize: 16px;
     .aside-header {
       margin: 0px 10px 10px 10px;
       background-color: #fff;
+      font-size: .875rem;
     }
     .aside-footer {
       margin: 0px 10px 10px 10px;
@@ -990,7 +1001,8 @@ $togetherFontSize: 16px;
     }
     
     .el-table{
-      font-size: $togetherFontSize;
+      // font-size: $togetherFontSize;
+      font-size: .75rem;
       color: #202020;
       .el-table--striped .el-table__body tr.el-table__row--striped td {
         background: #eef7ff;
@@ -1008,8 +1020,7 @@ $togetherFontSize: 16px;
       }
       th > .cell{
         font-weight: 100;
-          font-size: togetherFontSize;
-          font-size: $togetherFontSize;
+          font-size: .875rem;
       }
       th,tr{
         background-color: #fff;
@@ -1018,7 +1029,7 @@ $togetherFontSize: 16px;
     .el-table__header-wrapper{
         thead{
             color: #ffffff;
-            font-size: 10px;
+            font-size: .875rem;
             font-size: $togetherFontSize;
             th{
                 padding: 5px 0;
@@ -1037,7 +1048,7 @@ $togetherFontSize: 16px;
           }
       }
     /deep/ .el-collapse{
-      font-size: $togetherFontSize;
+      font-size: .875rem;
     }
     .el-collapse-item__content{
       padding-left: 10px;
@@ -1047,8 +1058,8 @@ $togetherFontSize: 16px;
     .el-collapse-item__wrap {
       border-bottom: none;
     }
-    .el-collapse-item__header {
-        font-size: togetherFontSize;
+    /deep/.el-collapse-item__header {
+        font-size: 1rem;
         
       border-bottom: none;
     }
@@ -1106,8 +1117,7 @@ $togetherFontSize: 16px;
     }
   }
   .break-all{
-      font-size: 14px;
-      font-size: $togetherFontSize;
+      font-size: 1rem;
     word-break: break-all;
   }
   .panel{

src/components/selectBusiness/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-dialog :visible="showBusiness" class="" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="animate__animated animate__bounceIn data-dia 2xl:w-7/12 xl:w-9/12 lg:w-full h-9/12">
+    <el-dialog :visible="true" class="" :modal="false" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="animate__animated animate__bounceIn data-dia 2xl:w-7/12 xl:w-9/12 lg:w-full h-9/12">
         <div slot="title" class="dia-header2">
             <div class="data-title2">请选择业务</div>
             <div class="close"><img v-lazy="closeImg" alt="" @click="showBusinessSelect(false)" /></div>
@@ -32,7 +32,7 @@ export default {
         // }
         // default: '本业务需要授权'
     },
-    created() {
+    mounted() {
         if(this.businessKey) {
             // 如果上次保存有 那么直接赋值
             this.takeCheck = this.businessKey
@@ -164,12 +164,13 @@ export default {
     methods: {
         ...mapMutations({
             setBusinessKey: 'system/setBusinessKey',
-            setShowBusiness: 'system/setShowBusiness'
+            setShowBusiness: 'system/setShowBusiness',
+            setTipsOperate: 'system/setTipsOperate',
         }),
         closeData() {
             this.checkList = [];
         },
-        async showBusinessSelect (judge) {
+        showBusinessSelect (judge) {
             if(!judge && !this.businessKey) {
                 // this.$confirm('由于您未选择一个业务，系统将返回主界面, 是否继续?', '提示', {
                 //     confirmButtonText: '确定',
@@ -184,7 +185,7 @@ export default {
                 //         message: '请选择一个业务'
                 //     });          
                 // });
-                await this.$confirm('由于您未选择一个业务,这将回到项目列表,是否继续?', '提示', {
+                this.$confirm('由于您未选择一个业务,这将回到项目列表,是否继续?', '提示', {
                     confirmButtonText: '确定',
                     cancelButtonText: '取消',
                     center: true,
@@ -201,6 +202,7 @@ export default {
                 return
             }
             this.setShowBusiness(judge)
+            this.setTipsOperate('您正在进行' + this.businessKey + ',加油！');
         },
         checkTake(myKey){
             if(this.takeCheck === myKey) {
@@ -242,7 +244,7 @@ export default {
                 this.takeCheck = this.businessKey
             }
         }
-    },
+    }
 
 }
 </script>

src/pages/counter/list/index.vue

@@ -8,7 +8,7 @@
         <img class="sth glass" v-lazy="lazyImg[2]" alt="" @click="changePeopleJudge"/>
 
         <!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px-->
-        <el-tooltip placement="top" popper-class="sth-popper">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce">
             <div slot="content" class="computerContent" style="" @click="showManage">
                 <img style="height: 150px;" v-lazy="lazyImg[3]" alt="" />
             </div>
@@ -17,84 +17,84 @@
             </div>
         </el-tooltip>
 <!--        点击打开传票栏-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="50">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="50">
             <div slot="content">
                 <img v-lazy="lazyImg[5]" alt="" />
             </div>
             <img class="sth summons cp" v-lazy="lazyImg[6]" alt="" @click="showData('传票栏',1)" />
         </el-tooltip>
 <!--        点击打开普通凭证箱-->
-        <el-tooltip placement="top-start" popper-class="sth-popper" offset="250">
+        <el-tooltip placement="top-start" popper-class="sth-popper animate-bounce" offset="250">
             <div slot="content">
                 <img v-lazy="lazyImg[7]" alt="" />
             </div>
             <img class="sth voucher-box cp" v-lazy="lazyImg[8]" alt="" @click="showData('普通凭证箱',2)" />
         </el-tooltip>
 <!--        点击打开重要凭证箱-->
-        <el-tooltip placement="top-start" popper-class="sth-popper" offset="250">
+        <el-tooltip placement="top-start" popper-class="sth-popper animate-bounce" offset="250">
             <div slot="content">
                 <img v-lazy="lazyImg[9]" alt="" />
             </div>
             <img class="sth important cp" v-lazy="lazyImg[10]" alt="" @click="showData('重要空白凭证箱',3)" />
         </el-tooltip>
 <!--        点击打开钱箱-->
-        <el-tooltip placement="left-start" popper-class="sth-popper">
+        <el-tooltip placement="left-start" popper-class="sth-popper animate-bounce">
             <div slot="content">
                 <img v-lazy="lazyImg[11]" alt="" />
             </div>
             <img class="sth money-box cp" v-lazy="lazyImg[12]" alt="" @click="showData('钱箱',4)" />
         </el-tooltip>
 <!--        点击打开印章盒-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="-100">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="-100">
             <div slot="content">
                 <img v-lazy="lazyImg[13]" alt="" />
             </div>
             <img class="sth seal-box cp" v-lazy="lazyImg[14]" @click="showData('印章盒',5)" alt="" />
         </el-tooltip>
 <!--        点击打开验钞机-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="-100">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="-100">
             <div slot="content">
                 <img v-lazy="lazyImg[15]" alt="" />
             </div>
             <img class="sth currency-detector cp" v-lazy="lazyImg[16]" @click="showData('验钞机',6)" alt="" />
         </el-tooltip>
 <!--        点击打开打印机-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="-400">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="-400">
             <div slot="content">
                 <img v-lazy="lazyImg[17]" alt="" />
             </div>
             <img class="sth printer cp" v-lazy="lazyImg[18]" alt="" @click="showData('打印机',7)" />
         </el-tooltip>
 <!--        点击打开密码器-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="50">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="50">
             <div slot="content">
                 <img v-lazy="lazyImg[19]" alt="" />
             </div>
             <img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" />
         </el-tooltip>
 
-        <el-tooltip placement="top" popper-class="sth-popper" offset="50">
-            <div slot="content">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="50">
+            <div slot="content"   style="margin-left: -250px">
                <!-- <img v-lazy="this.lazyImg[29]" alt="" /> -->
             </div>
             <img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" />
         </el-tooltip>
 
-        <el-tooltip placement="top" popper-class="sth-popper" offset="-50">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="-50">
             <div slot="content">
                 <img v-lazy="lazyImg[22]" alt="" />
             </div>
             <p class="employeeText" @click="showData('资料',9)">资料</p>
         </el-tooltip>
 <!--        点击打开刷卡器-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="00">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="00">
             <div slot="content">
                 <img v-lazy="lazyImg[23]" alt="" />
             </div>
             <img class="sth card-machine cp" v-lazy="lazyImg[24]" alt="" @click="showData('刷卡器',10)" />
         </el-tooltip>
 <!--        点击打开身份证-->
-        <el-tooltip placement="top" popper-class="sth-popper" offset="-100">
+        <el-tooltip placement="top" popper-class="sth-popper animate-bounce" offset="-100">
             <div slot="content">
                 <img v-lazy="lazyImg[25]" alt="" />
             </div>
@@ -297,7 +297,7 @@
             </div>
         </el-dialog>
 
-        <tip-dialog />
+        <!-- <tip-dialog /> -->
 
 
 
@@ -325,14 +325,14 @@ import { addOperation, getOperation } from '@/api/http';
 import backButton from '@/components/backButton'
 import { myConfig } from './myConfig.js'
 import saveSystemModule from '@/mixins/saveSystemModule'
-import TipDialog from '@/components/tipDialog'
+// import TipDialog from '@/components/tipDialog'
 
 export default {
     name: 'index',
     components: {
         manage: manage,
         backButton,
-        TipDialog
+        // TipDialog
     },
     mixins: [saveSystemModule],
     data() {
@@ -3038,6 +3038,8 @@ export default {
                 position: absolute;
                 bottom: 0;
                 width: 100%;
+                overflow-x: hidden;
+                text-overflow: ellipsis;
                 line-height: 40px;
                 text-align: center;
                 font-size: 18px;

src/store/modules/system.js

@@ -2524,6 +2524,10 @@ export default {
                 }).catch((error)=>{
                 })
             }else {
+                
+                this.commit('system/pushThingsGoods', [...state.businessSelect[state.businessKey].sealBox])
+                state.businessSelect[state.businessKey].sealBox.splice(0, 1)
+                this.commit('system/setTipsOperate', '该证不能改这种章哦!')
             }
             // Message.success({
             //     center: true,