处理提诉求问题

main.js

@@ -54,3 +54,20 @@ Vue.filter("globalTimeSecond", function (value) {
     return "";
   }
 });
+Vue.filter("nameFilter", function (value) {
+  if (value) {
+	  let start = new Array(value.length).join('*');
+	  let end = value.slice(0,1);
+	  return `${end}${start}`
+  } else {
+    return "";
+  }
+});
+Vue.filter("phoneFilter", function (value) {
+  if (value) {
+	  let reg = /^(.{3}).*(.{4})$/
+	  return value.replace(reg,'$1****$2')
+  } else {
+    return "";
+  }
+});

pages/appeal/appeal_detail.vue

@@ -15,12 +15,14 @@
       <div class="info">
         <div class="flex">
           <div class="info_content">
-            <span>咨询人：</span
-            ><span class="name">{{ info.contact_name }}</span>
+            <span>咨询人：</span>
+			<span class="name" v-show="info.is_mine">{{ info.contact_name}}</span>
+			<span class="name" v-show="!info.is_mine">{{ info.contact_name | nameFilter}}</span>
           </div>
           <div class="info_content">
-            <span>电话：</span
-            ><span class="phone">{{ info.contact_phone }}</span>
+            <span>电话：</span>
+			<span class="name" v-show="info.is_mine">{{ info.contact_name}}</span>
+			<span class="phone" v-show="!info.is_mine">{{ info.contact_phone | phoneFilter }}</span>
           </div>
         </div>
         <div class="info_content">
@@ -34,8 +36,9 @@
       <div class="msg_content" v-if="info.process !== '2'">
         <div class="title">处理进度：</div>
         <div class="msg_state">
-          <span v-if="info.process === '0'"> 待分配 </span>
-          <span v-if="info.process === '1'"> 待回复 </span>
+ <!--         <span v-if="info.process === '0'"> 待分配 </span>
+          <span v-if="info.process === '1'"> 待回复 </span> -->
+		  <span> 待回复 </span>
         </div>
       </div>
       <div class="msg_content" v-if="info.process === '2'">
@@ -55,15 +58,15 @@ export default {
     return {
       isLoad: false,
       info: {
-        name: "樊**",
-        phone: "153753****",
-        time: "2021-05-14  09:32:20",
-        state: {
-          msg: "尊敬的市民您好！收到您的留言，我们十分重视！正平大街开展拉土作业的车辆为西安（咸阳）机场三期扩建工程建设项目运输。您的建议我们会与有关部门沟通协商，尽量确保市民不会在夜间被工程噪音影响。",
-          name: "市场服务与监督管理局",
-        },
-        status: null,
-        states: "正在处理中……",
+        // name: "樊**",
+        // phone: "153753****",
+        // time: "2021-05-14  09:32:20",
+        // state: {
+        //   msg: "尊敬的市民您好！收到您的留言，我们十分重视！正平大街开展拉土作业的车辆为西安（咸阳）机场三期扩建工程建设项目运输。您的建议我们会与有关部门沟通协商，尽量确保市民不会在夜间被工程噪音影响。",
+        //   name: "市场服务与监督管理局",
+        // },
+        // status: null,
+        // states: "正在处理中……",
       },
     };
   },