待办事项列表页样式修改

src/filters/index.js

@@ -0,0 +1,27 @@
+import Vue from 'vue'
+Vue.filter('timeFormat', function (date, fmt) {
+  if (!date) {
+    return '';
+  }
+  date = new Date(date);
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+  }
+  let o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'H+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds()
+  };
+  for (let k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      let str = o[k] + '';
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
+    }
+  }
+  function padLeftZero(str) {
+    return ('00' + str).substr(str.length);
+  }
+  return fmt;
+})

src/main.js

@@ -6,6 +6,7 @@ import router from './router'
 import axios from 'axios'
 import Cube from './index'
 import 'lib-flexible'
+import './filters'
 // import host from '../src/request/host'
 // import {get,post} from './service/http'
 Vue.use(Cube)

src/views/indes.vue

@@ -91,6 +91,13 @@
               <p v-if="valConfig == 1">
                 报修人：
                 <span class="grayFont">{{ item.requester.name }}</span>
+                <span v-if="!item.contactsInformation"></span>
+                <span @click.stop v-if="item.contactsInformation"
+                  ><a :href="'tel:' + item.contactsInformation"
+                    >(<i class="iconfont icon-shouji"></i
+                    >{{ item.contactsInformation }})</a
+                  ></span
+                >
               </p>
               <p v-if="valConfig == 2">
                 报修科室 ：
@@ -99,16 +106,15 @@
                 }}</span>
               </p>
             </div>
-            <div class="bottom" @click.stop>
-              <span class="fl" v-if="!item.contactsInformation"
-                >联系电话：</span
-              >
-              <span class="fl" v-if="item.contactsInformation"
-                >联系电话：<a :href="'tel:' + item.contactsInformation"><i class="iconfont icon-shouji"></i>{{
-                  item.contactsInformation
-                }}</a></span
+            <div class="bottom">
+              <span v-if="!item.place"></span>
+              <span
+                v-if="item.place"
+                style="width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
+                >{{ item.place.area.area }} {{ item.place.place }}
+                {{ item.houseNumber }}</span
               >
-              <span class="fr">报修时间：{{ item.acceptDate }}</span>
+              <span>{{ item.acceptDate | timeFormat("MM-dd HH:mm") }}</span>
             </div>
           </div>
         </div>
@@ -421,8 +427,11 @@ export default {
         }
       }
       .bottom {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
         overflow: hidden;
-        line-height: 0.86rem;
+        height: 0.86rem;
         border-bottom: 0.01rem solid #e6e6e6;
         font-size: 0.24rem;
         color: #999;