Ver código fonte

修改tooltip 颜色

tangning 3 anos atrás
pai
commit
812bbcbfa9
3 arquivos alterados com 25 adições e 13 exclusões
  1. 12 12
      src/view/dispatch/index.vue
  2. 1 1
      src/view/dispatch/leaveMsg.vue
  3. 12 0
      src/view/scene/index.vue

+ 12 - 12
src/view/dispatch/index.vue

@@ -68,7 +68,7 @@
       ref="multipleTable"
       :data="dataList.state"
       id="multipleTable"
-      tooltip-effect="light"
+      tooltip-effect="dark"
       style="width: 100%"
       class="table"
       @selection-change="dataList.changeSelectRows"
@@ -79,25 +79,25 @@
       </el-table-column>
       <el-table-column label="项目编号" prop="projectSn"></el-table-column>
       <el-table-column label="起火对象" prop="projectName" v-slot:default="{ row }" >
-        <el-tooltip class="item" effect="light" :content="row.projectName" placement="bottom-start" v-if="row.projectName && row.projectName.length > 15">
+        <el-tooltip class="item" effect="dark" :content="row.projectName" placement="bottom-start" v-if="row.projectName && row.projectName.length > 15">
           <p class="tip oper-user">{{row.projectName}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{row.projectName}}</p>
       </el-table-column>
       <el-table-column label="起火地址" prop="projectAddress" v-slot:default="{ row }" >
-        <el-tooltip class="item" effect="light" :content="row.projectAddress" placement="bottom-start" v-if="row.projectAddress && row.projectAddress.length > 15">
+        <el-tooltip class="item" effect="dark" :content="row.projectAddress" placement="bottom-start" v-if="row.projectAddress && row.projectAddress.length > 15">
           <p class="tip oper-user">{{row.projectAddress}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{row.projectAddress}}</p></el-table-column>
       <el-table-column label="起火场所" prop="projectSite" v-slot:default="{ row }" >
-        <el-tooltip class="item" effect="light" :content="row.projectSite" placement="bottom-start" v-if="row.projectSite && row.projectSite.length > 10">
+        <el-tooltip class="item" effect="dark" :content="row.projectSite" placement="bottom-start" v-if="row.projectSite && row.projectSite.length > 10">
           <p class="tip oper-user">{{row.projectSite}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{row.projectSite}}</p></el-table-column>
       <el-table-column label="承办单位" prop="organizerDeptName"></el-table-column>
       <el-table-column label="事故日期" prop="accidentDate"></el-table-column>
       <el-table-column label="火灾原因" prop="fireReason" v-slot:default="{ row }" >
-        <el-tooltip class="item" effect="light" :content="row.fireReason" placement="bottom-start" v-if="row.fireReason && row.fireReason.length > 15">
+        <el-tooltip class="item" effect="dark" :content="row.fireReason" placement="bottom-start" v-if="row.fireReason && row.fireReason.length > 15">
           <p class="tip oper-user">{{row.fireReason}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{row.fireReason}}</p></el-table-column>
@@ -257,7 +257,7 @@
       <div class="el-form-item">
         <el-col :span="12">
           <el-form-item label="项目编号">
-            <el-tooltip class="item" effect="light" :content="detail.data.projectSn" placement="bottom-start" v-if="detail.data.projectSn.length > 15">
+            <el-tooltip class="item" effect="dark" :content="detail.data.projectSn" placement="bottom-start" v-if="detail.data.projectSn.length > 15">
               <p class="tip oper-user">{{detail.data.projectSn}}</p>
             </el-tooltip>
             <p class="tip" v-else>{{detail.data.projectSn}}</p>
@@ -266,7 +266,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="起火对象">
-            <el-tooltip class="item" effect="light" :content="detail.data.projectName" placement="bottom-start" v-if="detail.data.projectName.length > 15">
+            <el-tooltip class="item" effect="dark" :content="detail.data.projectName" placement="bottom-start" v-if="detail.data.projectName.length > 15">
               <p class="tip oper-user">{{detail.data.projectName}}</p>
             </el-tooltip>
             <p class="tip" v-else>{{detail.data.projectName}}</p>
@@ -274,13 +274,13 @@
         </el-col>
       </div>
       <el-form-item label="起火地址">
-        <el-tooltip class="item" effect="light" :content="detail.data.projectAddress" placement="bottom-start" v-if="detail.data.projectAddress.length > 38">
+        <el-tooltip class="item" effect="dark" :content="detail.data.projectAddress" placement="bottom-start" v-if="detail.data.projectAddress.length > 38">
           <p class="tip oper-user">{{detail.data.projectAddress}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{detail.data.projectAddress}}</p>
       </el-form-item>
       <el-form-item label="起火场所">
-        <el-tooltip class="item" effect="light" :content="detail.data.projectSite" placement="bottom-start" v-if="detail.data.projectSite.length > 38">
+        <el-tooltip class="item" effect="dark" :content="detail.data.projectSite" placement="bottom-start" v-if="detail.data.projectSite.length > 38">
           <p class="tip oper-user">{{detail.data.projectSite}}</p>
         </el-tooltip>
         <p class="tip" v-else>{{detail.data.projectSite}}</p>
@@ -288,7 +288,7 @@
       <div class="el-form-item">
         <el-col :span="12">
           <el-form-item label="承办单位">
-            <el-tooltip class="item" effect="light" :content="detail.data.organizerDeptName" placement="bottom-start" v-if="detail.data.organizerDeptName.length > 15">
+            <el-tooltip class="item" effect="dark" :content="detail.data.organizerDeptName" placement="bottom-start" v-if="detail.data.organizerDeptName.length > 15">
               <p class="tip oper-user">{{detail.data.organizerDeptName}}</p>
             </el-tooltip>
             <p class="tip" v-else>{{detail.data.organizerDeptName}}</p>
@@ -296,7 +296,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="承办人员">
-            <el-tooltip class="item" effect="light" :content="detail.data.organizerUsers" placement="bottom-start" v-if="detail.data.organizerUsers.length > 15">
+            <el-tooltip class="item" effect="dark" :content="detail.data.organizerUsers" placement="bottom-start" v-if="detail.data.organizerUsers.length > 15">
               <p class="tip oper-user">{{detail.data.organizerUsers}}</p>
             </el-tooltip>
             <p class="tip" v-else>{{detail.data.organizerUsers}}</p>
@@ -311,7 +311,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="火灾原因">
-            <el-tooltip class="item" effect="light" :content="detail.data.fireReason" placement="bottom-start" v-if="detail.data.fireReason.length > 15">
+            <el-tooltip class="item" effect="dark" :content="detail.data.fireReason" placement="bottom-start" v-if="detail.data.fireReason.length > 15">
               <p class="tip oper-user">{{detail.data.fireReason}}</p>
             </el-tooltip>
             <p class="tip" v-else>{{detail.data.fireReason}}</p>

+ 1 - 1
src/view/dispatch/leaveMsg.vue

@@ -16,7 +16,7 @@
       >
         <el-table-column label="留言内容"  prop="content" v-slot:default="{ row }">
           
-          <el-tooltip class="item" effect="light" :content="row.content" placement="bottom-start" v-if="row.content && row.content.length > 30">
+          <el-tooltip class="item" effect="dark" :content="row.content" placement="bottom-start" v-if="row.content && row.content.length > 30">
             <a class="msg-content">
               {{row.content.substr(0, 30)}}...
             </a>

+ 12 - 0
src/view/scene/index.vue

@@ -20,10 +20,22 @@
               <p>{{detail.projectSn}}</p>
             </div>
             <div>
+              <span>起火地址:</span>
+              <p>{{detail.projectAddress}}</p>
+            </div>
+            <div>
+              <span>起火场所:</span>
+              <p>{{detail.projectSite}}</p>
+            </div>
+            <div>
               <span>承办单位:</span>
               <p>{{detail.organizerDeptName}}</p>
             </div>
             <div>
+              <span>起火对象:</span>
+              <p>{{detail.projectName}}</p>
+            </div>
+            <div>
               <span>承办人员:</span>
               <p>{{detail.organizerUsers}}</p>
             </div>