Browse Source

申诉审核

zhulizhen 5 years ago
parent
commit
2d776f181d
3 changed files with 187 additions and 6 deletions
  1. 151 4
      src/views/appeal/index.vue
  2. 22 1
      src/views/strategy/animationBox.vue
  3. 14 1
      src/views/strategy/bomBox.vue

+ 151 - 4
src/views/appeal/index.vue

@@ -1,25 +1,172 @@
 <template>
   <div>
     <Head :headText="headText"></Head>
-    <div class="appealContainer">申诉审核</div>
+    <div class="appealContainer">
+      <div class="appeal-left">
+        <div class="appeal-left-top">
+          <span class="appeal-left-top-span">待审核</span>
+           <el-select v-model="value" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+           </el-select>
+        </div>
+         <div class="appeal-left-box" v-for="(item,index) in data" :key='index'>
+           <p class="date">{{item.date}}</p>
+           <div class="appeal-left-div" v-for="(eve,index) in item.value" :key='"o"+index'>
+             <div class="time">{{eve.time}}{{eve.title}}<span class="time-file">{{eve.files}}</span></div>
+             <p>申请人:{{eve.name}}</p>
+             <p>申请时间:{{eve.appealTime}}</p>
+             <p>申请原因:{{eve.reson}}</p>
+           </div>
+         </div>
+      </div>
+      <div class="appeal-right">
+        <div class="appeal-right-top">
+            <p class="appeal-right-title">未执行申诉单</p>
+            <div class="appeal-right1">
+                <span class="san1">项目名称:大连万达广场</span>
+                <span class="span2">申请人:张三</span>
+                <span class="span3">申请时间:2020.01.23</span>
+            </div>
+            <p>申诉未执行指令:20202.01.13 14:30 推送策略未执行</p>
+            <today-strategy></today-strategy>
+            <p class="evaluate">策略评价</p>
+            <p class="content">执行策略的评价,判断项目执行策略的好坏,执行策略的评价,判断项目执行策略的好最多50个字</p>
+            <p class="evaluate">申请原因</p>
+            <p>
+              <el-select v-model="resonValue" placeholder="请选择">
+                  <el-option
+                    v-for="item in resonOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+            </p>
+            <p><el-input placeholder="这里是申请原因的备注,可以修改"></el-input></p>
+          </div>
+          <div class="appeal-right-bottom">
+            <div class="advice">
+              审批意见
+            </div>
+            <div>
+              <el-input></el-input>
+              <el-button>同意</el-button>
+              <el-button>不同意</el-button>
+            </div>
+          </div>
+       </div>
+    </div>
   </div>
 </template>
 <script>
 import Head from "../main/index";
+import todayStrategy from '../../components/todayStrategy'
 export default {
   data() {
     return {
-      headText: "申诉审核"
+      headText: "申诉审核",
+      resonOptions:[{
+        value:"1",
+        label:"策略原因"
+      }],
+      resonValue:"1",
+      options:[{
+        value:"1",
+        label:"按未执行策略的时间"
+      }],
+      value:"1",
+      data:[
+        {
+          date:"2020.01.12 昨天",
+          value:[
+            {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
+            appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
+            {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
+            appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
+          ]
+        },
+         {
+          date:"2020.01.12 昨天",
+          value:[
+            {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
+            appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
+            {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
+            appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
+          ]
+        },
+         {
+          date:"2020.01.12 昨天",
+          value:[
+            {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
+            appealTime:"2020.01.12 12:45",reson:"策略原因",files:5}
+          ]
+        },
+      ]
     };
   },
   components: {
-    Head
+    Head,todayStrategy
   }
 };
 </script>
 <style lang="scss" scoped>
 .appealContainer {
-  padding: 16px;
   background: #fff;
+  display: flex;
+  .appeal-left{
+    width:408px;
+    padding-left:24px;
+    border-right:1px solod #ccc;
+    background:rgba(247,249,250,1);
+    .appeal-left-top{
+      margin:16px 0 12px 0;
+      .appeal-left-top-span{
+        margin-right:127px;
+        font-size: 16px;
+        color: #1F2429;
+      }
+    }
+     .appeal-left-box{
+       padding-right:20px;
+        .date{
+          color: #8D9399;
+          font-size: 12px;
+          text-align: center;
+        }
+        .appeal-left-div{
+          width:355px;
+          height:142px;
+          border-radius:4px;
+          border:1px solid rgba(0,145,255,1);
+          margin-bottom: 8px;
+          padding-left: 18px;
+          .time{
+            color:#1F2429;
+            font-size:16px;
+            height: 52px;
+            line-height: 52px;
+          }
+          .time-file{
+            float: right;
+            margin-right:20px;
+            font-size: 14px;
+          }
+          p{
+            color: #646C73;
+            font-size: 14px;
+            margin:0;
+            line-height: 26px;
+          }
+        }
+      }
+  }
+  .appeal-right{
+    margin-left:98px;
+  }
 }
 </style>

+ 22 - 1
src/views/strategy/animationBox.vue

@@ -3,6 +3,14 @@
       <div class="an-box">
             <div class="an-box-1">
                 <span class="span2">数据传输情况</span>
+                 <el-tag
+                    v-for="item in items"
+                    :key="item.label"
+                    :type="item.type"
+                    closable
+                    effect="dark">
+                    {{ item.label }}
+                </el-tag>
             </div>
             <div class="an-box-1">
                 <span class="span2">实际冷量</span> 2800kw <span class="span1"><span class="span2">未来1小时预测冷量 </span>3400 kw</span>
@@ -26,7 +34,12 @@ import bomBox from './bomBox'
 export default {
     data(){
         return{
-
+            items: [
+                { type: 'success', label: '能耗' },
+                { type: 'success', label: '环境' },
+                { type: 'danger', label: 'BA' },
+               
+            ]
         }
     },
     components:{bomBox},
@@ -177,6 +190,7 @@ export default {
             margin-right: 12px;
             .span2{
                 color: #646C73;
+                margin-right: 10px;
             }
             .span1{
                 margin-left:64px;
@@ -191,4 +205,11 @@ export default {
         display: flex;
     }
 }
+</style>
+<style lang="scss" scoped>
+.an-content{
+    .el-tag{
+        margin-right: 10px;
+    }
+}
 </style>

+ 14 - 1
src/views/strategy/bomBox.vue

@@ -10,6 +10,14 @@
        <water-unit></water-unit>
         <div class="bomb-right-center">
            <span>数据传输情况</span>
+            <el-tag
+                    v-for="item in items"
+                    :key="item.label"
+                    :type="item.type"
+                    closable
+                    effect="dark">
+                    {{ item.label }}
+                </el-tag>
             <span class="bomb-span1">实际冷量 <span class="bomb-span3">2800</span>KW</span>
             <span class="bomb-span2">未来一小时预测冷量 <span class="bomb-span3">3400</span> KW</span>
         </div>
@@ -27,7 +35,12 @@ import waterUnit from './waterUnit'
 export default {
     data(){
         return{
-            
+            items: [
+                { type: 'success', label: '能耗' },
+                { type: 'success', label: '环境' },
+                { type: 'danger', label: 'BA' },
+               
+            ]
         }
     },
     components:{waterUnit},