抽离事件信息组件，增加预约时间展示

src/components/EventInformation/index.vue

@@ -0,0 +1,294 @@
+<template>
+  <div class="eventInformation">
+    <div class="head">
+      <p>
+        <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
+        事件单号：{{ model.incident.incidentsign }}
+        <span
+          :class="{
+            fr: true,
+            btn: true,
+            daijiedan:
+              model.incident.state.value == 'pending' &&
+              model.incident.handlerUser &&
+              !model.incident.candidateGroups,
+            daiqiangdan:
+              model.incident.state.value == 'pending' &&
+              !model.incident.handlerUser &&
+              model.incident.candidateGroups
+          }"
+          >{{
+            model.incident.state.value == "pending"
+              ? model.incident.handlerUser && !model.incident.candidateGroups
+                ? "待接单"
+                : "待抢单"
+              : model.incident.state.name
+          }}</span
+        >
+      </p>
+    </div>
+    <p>
+      <span class="fl">事件分类</span>
+      <span class="fr">{{ model.incident.category.category }}</span>
+    </p>
+    <p class="desc">
+      <span class="fl">事件描述</span>
+      <span class="grayFont fr" v-html="model.incident.description"></span>
+    </p>
+    <div class="shows" id="shows">
+      <p v-if="valConfig == 2">
+        <span class="fl">报修科室</span>
+        <span class="fr">{{
+          model.incident.department ? model.incident.department.dept : ""
+        }}</span>
+      </p>
+      <p v-if="valConfig == 1">
+        <span class="fl">报修人</span>
+        <span class="fr">{{ model.incident.requester.name }}</span>
+      </p>
+      <p v-if="valConfig == 2">
+        <span class="fl">联系人</span>
+        <span class="fr">{{ model.incident.contacts }}</span>
+      </p>
+      <p>
+        <span class="fl">联系电话</span>
+        <span class="fr" v-if="!model.incident.contactsInformation"></span>
+        <span class="fr" v-if="model.incident.contactsInformation"
+          ><a :href="'tel:' + model.incident.contactsInformation"
+            ><i class="iconfont icon-shouji"></i
+            >{{ model.incident.contactsInformation }}</a
+          ></span
+        >
+      </p>
+      <p>
+        <span class="fl">联系地址</span>
+        <span class="fr">{{ model.incident.houseNumber || "" }}</span>
+      </p>
+      <p>
+        <span class="fl">预约时间</span>
+        <span class="fr">{{ model.incident.yyTime || "" }}</span>
+      </p>
+      <p class="boeder_B">
+        <span class="fl">事件来源</span>
+        <span class="fr">{{ model.incident.source.name }}</span>
+      </p>
+      <p>
+        <span class="fl">受理人</span>
+        <span class="fr">{{
+          model.incident.acceptUser ? model.incident.acceptUser.name : ""
+        }}</span>
+      </p>
+      <p>
+        <span class="fl">处理人</span>
+        <span class="fr">{{
+          model.incident.handlerUser ? model.incident.handlerUser.name : ""
+        }}</span>
+      </p>
+      <p>
+        <span class="fl">处理人电话</span>
+        <span class="fr" v-if="!model.incident.handlerUser"></span>
+        <span class="fr" v-if="model.incident.handlerUser"
+          ><a :href="'tel:' + model.incident.handlerUser.phone"
+            ><i class="iconfont icon-shouji"></i
+            >{{ model.incident.handlerUser.phone }}</a
+          ></span
+        >
+      </p>
+      <p>
+        <span class="fl">优先级</span>
+        <span class="fr">{{
+          model.incident.priority ? model.incident.priority.name : ""
+        }}</span>
+      </p>
+      <p>
+        <span class="fl">逾期响应时间</span>
+        <span class="fr">{{ model.incident.overdueResponseDate }}</span>
+      </p>
+      <p>
+        <span class="fl">逾期解决时间</span>
+        <span class="fr">{{ model.incident.overdueTime }}</span>
+      </p>
+      <p>
+        <span class="fl">区域</span>
+        <span class="fr">{{
+          model.incident.place ? model.incident.place.area.area : "--"
+        }}</span>
+      </p>
+      <p class="boeder_B">
+        <span class="fl">地点</span>
+        <span class="fr">{{
+          model.incident.place ? model.incident.place.place : "--"
+        }}</span>
+      </p>
+      <div v-if="hcsjList.length">
+        <p>耗材</p>
+        <div class="hcTable">
+          <table>
+            <tr>
+              <td>耗材名称</td>
+              <td>价格</td>
+              <td>数量</td>
+            </tr>
+            <tr v-for="(item, i) in hcsjList" :key="i">
+              <td>{{ item.consumable.name }}</td>
+              <td>{{ item.extra1 }}</td>
+              <td>{{ item.consumablesSum }}</td>
+            </tr>
+          </table>
+        </div>
+      </div>
+      <p v-if="wxIncidentWithCmdb == 1">
+        <span class="fl">资产</span>
+        <span class="fr">{{ model.incident.assetId || "无" }}</span>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "EventInformation",
+  data() {
+    return {
+      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
+      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
+      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
+      hcsjList: [] //绑定的耗材列表，展示
+    };
+  },
+  props: ["model", "id"],
+  methods: {
+    // 获取事件上绑定的耗材
+    getHcBySj() {
+      this.$http
+        .post("service/cmdb/storeList", {
+          data: { type: 2, source: "1627", sourceId: this.id }
+        })
+        .then(result => {
+          if (result.data.status == 200) {
+            this.hcsjList = result.data.data;
+          }
+        });
+    }
+  },
+  created() {
+    if (this.incidentWithConsumable == 1) {
+      this.getHcBySj();
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.eventInformation {
+  .boeder_B {
+    border-bottom: 0.01rem solid #ccc;
+  }
+  .shows {
+    display: none;
+  }
+  .head {
+    border-bottom: 0.01rem solid #e6e6e6;
+    p {
+      padding: 0.24rem 0.3rem;
+      i {
+        color: #00559d;
+      }
+    }
+  }
+  p {
+    line-height: 0.4rem;
+    padding: 0.1rem 0.24rem;
+    overflow: hidden;
+    .overflowEllipsis2 {
+      margin-left: 1.96rem;
+    }
+  }
+  .info_hide {
+    padding: 0.2rem 0.24rem;
+    border-bottom: 0.01rem solid #e6e6e6;
+    .hide {
+      color: #00559d;
+    }
+  }
+  .imgs-container {
+    a {
+      color: #03c !important;
+      &:visited {
+        color: #551a8b !important;
+      }
+    }
+    img {
+      width: 1.5rem;
+      height: 1.5rem;
+      margin-right: 0.7rem;
+      &:nth-child(1) {
+        margin-left: 0.75rem;
+      }
+    }
+  }
+  .progress {
+    padding: 0.2rem 0.2rem;
+    overflow: hidden;
+    transition-duration: 0.2s;
+    transition-timing-function: linear;
+    &.progressHide {
+      height: 1.7rem;
+    }
+    .progress_info {
+      overflow: hidden;
+      margin-bottom: 0.1rem;
+      &:nth-last-child(1) {
+        .cont {
+          border: none !important;
+        }
+      }
+      .progress_info_L {
+        float: left;
+        color: #333;
+        max-width: 18%;
+      }
+      .progress_info_R {
+        float: right;
+        margin-left: 0.09rem;
+        width: 80%;
+        font-size: 0.25rem;
+        .time {
+          i {
+            margin-left: -0.15rem;
+            &.icon-icon_weizuo {
+              color: #005495;
+            }
+            &.icon-icon_zhengzaijinx {
+              color: #48a843;
+              font-size: 0.37rem;
+            }
+          }
+          span {
+            margin-left: 0.15rem;
+          }
+        }
+        .cont {
+          border-left: 1px solid #999;
+          padding-left: 0.4rem;
+          min-height: 0.4rem;
+          &.blue {
+            border-left: 1px solid #005395;
+          }
+        }
+
+        .text1 {
+          font-size: 0.15rem;
+        }
+        .text2 {
+          color: #666;
+          word-break: break-all;
+        }
+        p {
+          padding: 0;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/againAssign.vue

@@ -32,146 +32,7 @@
         <div class="label headtop" id="info">事件信息</div>
 
         <div class="info">
-          <div class="head">
-            <p>
-              <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-              事件编号：{{ model.incident.incidentsign }}
-              <span class="fr btn chongxinzhipai">{{
-                model.incident.state.name
-              }}</span>
-            </p>
-          </div>
-          <p>
-            <span class="fl">事件分类</span>
-            <span class="fr">{{ model.incident.category.category }}</span>
-          </p>
-          <!-- <p>
-            <span class="fl">事件主题</span>
-            <span class="fr">{{model.incident.title}}</span>
-          </p> -->
-          <p class="desc">
-            <span class="fl">事件描述</span>
-            <span
-              class="fr grayFont"
-              v-html="model.incident.description"
-            ></span>
-          </p>
-          <div class="shows" id="shows">
-            <p v-if="valConfig == 2">
-              <span class="fl">报修科室</span>
-              <span class="fr">{{
-                model.incident.department ? model.incident.department.dept : ""
-              }}</span>
-            </p>
-            <p v-if="valConfig == 1">
-              <span class="fl">报修人</span>
-              <span class="fr">{{ model.incident.requester.name }}</span>
-            </p>
-            <p v-if="valConfig == 2">
-              <span class="fl">联系人</span>
-              <span class="fr">{{ model.incident.contacts }}</span>
-            </p>
-            <p>
-              <span class="fl">联系电话</span>
-              <span
-                class="fr"
-                v-if="!model.incident.contactsInformation"
-              ></span>
-              <span class="fr" v-if="model.incident.contactsInformation"
-                ><a :href="'tel:' + model.incident.contactsInformation"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.contactsInformation }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">联系地址</span>
-              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">事件来源</span>
-              <span class="fr">{{ model.incident.source.name }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">影响度</span>
-              <span class="fr">{{model.incident.influence?model.incident.influence.name:''}}</span>
-            </p>
-            <p>
-              <span class="fl">紧急度</span>
-              <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
-            </p> -->
-            <p>
-              <span class="fl">受理人</span>
-              <span class="fr">{{
-                model.incident.acceptUser ? model.incident.acceptUser.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人</span>
-              <span class="fr">{{
-                model.incident.handlerUser
-                  ? model.incident.handlerUser.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人电话</span>
-              <span class="fr" v-if="!model.incident.handlerUser"></span>
-              <span class="fr" v-if="model.incident.handlerUser"
-                ><a :href="'tel:' + model.incident.handlerUser.phone"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.handlerUser.phone }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">优先级</span>
-              <span class="fr">{{
-                model.incident.priority ? model.incident.priority.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期响应时间</span>
-              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期解决时间</span>
-              <span class="fr">{{ model.incident.overdueTime }}</span>
-            </p>
-            <p>
-              <span class="fl">区域</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.area.area : "--"
-              }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">地点</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.place : "--"
-              }}</span>
-            </p>
-            <div v-if="hcsjList.length">
-              <p>耗材</p>
-              <div class="hcTable">
-                <table>
-                  <tr>
-                    <td>耗材名称</td>
-                    <td>价格</td>
-                    <td>数量</td>
-                  </tr>
-                  <tr v-for="(item, i) in hcsjList" :key="i">
-                    <td>{{ item.consumable.name }}</td>
-                    <td>{{ item.extra1 }}</td>
-                    <td>{{ item.consumablesSum }}</td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-            <p v-if="wxIncidentWithCmdb == 1">
-              <span class="fl">资产</span>
-              <span class="fr">{{ model.incident.assetId || "无" }}</span>
-            </p>
-          </div>
+          <EventInformation :model="model" :id="id"></EventInformation>
           <p class="info_hide">
             <span class="fl hide" @click="hides()" v-if="!item_hides"
               >展开详情 >></span
@@ -293,15 +154,12 @@
 <script>
 import LoadIng from "./../views/loading.vue";
 import PrompTing from "./../views/prompting.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 export default {
   data() {
     return {
       id: "",
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
-      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
-      hcsjList: [], //绑定的耗材列表，展示
       promptingConent: "",
       promptingStatus: "",
       item_hides: false,
@@ -321,20 +179,9 @@ export default {
   components: {
     LoadIng,
     PrompTing,
+    EventInformation,
   },
   methods: {
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
     //   获取事件数据
     getParamsData() {
       var that = this;
@@ -548,9 +395,6 @@ export default {
     this.id = this.$route.params.data.id;
     this.getParamsData();
     this.getImgs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
     this.getHandlerUser();
     this.getCandidateGroups();
   },

src/views/closed.vue

@@ -38,148 +38,9 @@
           </div>
         </div>
 
+        <div class="label headtop" id="info">事件信息</div>
         <div class="info">
-          <div class="label headtop" id="info">事件信息</div>
-          <div class="head">
-            <p>
-              <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-              事件编号：{{ model.incident.incidentsign }}
-              <span class="fr btn yiguanbi">{{
-                model.incident.state.name
-              }}</span>
-            </p>
-          </div>
-          <p>
-            <span class="fl">事件分类</span>
-            <span class="fr">{{ model.incident.category.category }}</span>
-          </p>
-          <!-- <p>
-            <span class="fl">事件主题</span>
-            <span class="fr">{{model.incident.title}}</span>
-          </p> -->
-          <p class="desc">
-            <span class="fl">事件描述</span>
-            <span
-              class="fr grayFont"
-              v-html="model.incident.description"
-            ></span>
-          </p>
-          <div class="shows" id="shows">
-            <p v-if="valConfig == 2">
-              <span class="fl">报修科室</span>
-              <span class="fr">{{
-                model.incident.department ? model.incident.department.dept : ""
-              }}</span>
-            </p>
-            <p v-if="valConfig == 1">
-              <span class="fl">报修人</span>
-              <span class="fr">{{ model.incident.requester.name }}</span>
-            </p>
-            <p v-if="valConfig == 2">
-              <span class="fl">联系人</span>
-              <span class="fr">{{ model.incident.contacts }}</span>
-            </p>
-            <p>
-              <span class="fl">联系电话</span>
-              <span
-                class="fr"
-                v-if="!model.incident.contactsInformation"
-              ></span>
-              <span class="fr" v-if="model.incident.contactsInformation"
-                ><a :href="'tel:' + model.incident.contactsInformation"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.contactsInformation }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">联系地址</span>
-              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">事件来源</span>
-              <span class="fr">{{ model.incident.source.name }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">影响度</span>
-              <span class="fr">{{model.incident.influence?model.incident.influence.name:''}}</span>
-            </p>
-            <p>
-              <span class="fl">紧急度</span>
-              <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
-            </p> -->
-            <p>
-              <span class="fl">受理人</span>
-              <span class="fr">{{
-                model.incident.acceptUser ? model.incident.acceptUser.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人</span>
-              <span class="fr">{{
-                model.incident.handlerUser
-                  ? model.incident.handlerUser.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人电话</span>
-              <span class="fr" v-if="!model.incident.handlerUser"></span>
-              <span class="fr" v-if="model.incident.handlerUser"
-                ><a :href="'tel:' + model.incident.handlerUser.phone"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.handlerUser.phone }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">优先级</span>
-              <span class="fr">{{
-                model.incident.priority ? model.incident.priority.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期响应时间</span>
-              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期解决时间</span>
-              <span class="fr">{{ model.incident.overdueTime }}</span>
-            </p>
-            <p>
-              <span class="fl">区域</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.area.area : "--"
-              }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">地点</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.place : "--"
-              }}</span>
-            </p>
-            <div v-if="hcsjList.length">
-              <p>耗材</p>
-              <div class="hcTable">
-                <table>
-                  <tr>
-                    <td>耗材名称</td>
-                    <td>价格</td>
-                    <td>数量</td>
-                  </tr>
-                  <tr v-for="(item, i) in hcsjList" :key="i">
-                    <td>{{ item.consumable.name }}</td>
-                    <td>{{ item.extra1 }}</td>
-                    <td>{{ item.consumablesSum }}</td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-            <p v-if="wxIncidentWithCmdb == 1">
-              <span class="fl">资产</span>
-              <span class="fr">{{ model.incident.assetId || "无" }}</span>
-            </p>
-          </div>
+          <EventInformation :model="model" :id="id"></EventInformation>
           <p class="info_hide">
             <span class="fl hide" @click="hides()" v-if="!item_hides"
               >展开详情 >></span
@@ -322,15 +183,12 @@
 </template>
 <script>
 import LoadIng from "./../views/loading.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 export default {
   data() {
     return {
       id: "",
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
-      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
-      hcsjList: [], //绑定的耗材列表，展示
       selected: 1,
       options: [
         {
@@ -355,20 +213,9 @@ export default {
   },
   components: {
     LoadIng,
+    EventInformation,
   },
   methods: {
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
     //   获取事件数据
     getParamsData() {
       var that = this;
@@ -501,9 +348,6 @@ export default {
       : JSON.parse(localStorage.getItem("modelData")).incident.id;
     this.getParamsData();
     this.getImgs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
   },
 };
 </script>

src/views/grabSheet.vue

@@ -25,156 +25,7 @@
           <div class="label headtop" id="info">事件信息</div>
 
           <div class="info">
-            <div class="head">
-              <p>
-                <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-                事件编号：{{
-                  model.incident ? model.incident.incidentsign : ""
-                }}
-                <span class="fr btn daiqiangdan">待抢单</span>
-              </p>
-            </div>
-            <p>
-              <span class="fl">事件分类</span>
-              <span class="fr">{{
-                model.incident.category.category || ""
-              }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">事件主题</span>
-              <span class="fr">{{model.incident.title||''}}</span>
-            </p> -->
-            <p class="desc">
-              <span class="fl">事件描述</span>
-              <span
-                class="fr grayFont"
-                v-html="model.incident.description"
-              ></span>
-            </p>
-            <div class="shows" id="shows">
-              <p v-if="valConfig == 2">
-                <span class="fl">报修科室</span>
-                <span class="fr">{{
-                  model.incident.department
-                    ? model.incident.department.dept
-                    : ""
-                }}</span>
-              </p>
-              <p v-if="valConfig == 1">
-                <span class="fl">报修人</span>
-                <span class="fr">{{ model.incident.requester.name }}</span>
-              </p>
-              <p v-if="valConfig == 2">
-                <span class="fl">联系人</span>
-                <span class="fr">{{ model.incident.contacts }}</span>
-              </p>
-              <p>
-                <span class="fl">联系电话</span>
-                <span
-                  class="fr"
-                  v-if="!model.incident.contactsInformation"
-                ></span>
-                <span class="fr" v-if="model.incident.contactsInformation"
-                  ><a :href="'tel:' + model.incident.contactsInformation"
-                    ><i class="iconfont icon-shouji"></i
-                    >{{ model.incident.contactsInformation }}</a
-                  ></span
-                >
-              </p>
-              <p>
-                <span class="fl">联系地址</span>
-                <span class="fr">{{
-                  model.incident.houseNumber || "" || ""
-                }}</span>
-              </p>
-              <p class="boeder_B">
-                <span class="fl">事件来源</span>
-                <span class="fr">{{ model.incident.source.name || "" }}</span>
-              </p>
-              <!-- <p>
-                <span class="fl">影响度</span>
-                <span class="fr">{{model.incident.influence?model.incident.influence.name:''}}</span>
-              </p>
-              <p>
-                <span class="fl">紧急度</span>
-                <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
-              </p> -->
-              <p>
-                <span class="fl">受理人</span>
-                <span class="fr">{{
-                  model.incident.acceptUser
-                    ? model.incident.acceptUser.name
-                    : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">处理人</span>
-                <span class="fr">{{
-                  model.incident.handlerUser
-                    ? model.incident.handlerUser.name
-                    : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">处理人电话</span>
-                <span class="fr" v-if="!model.incident.handlerUser"></span>
-                <span class="fr" v-if="model.incident.handlerUser"
-                  ><a :href="'tel:' + model.incident.handlerUser.phone"
-                    ><i class="iconfont icon-shouji"></i
-                    >{{ model.incident.handlerUser.phone }}</a
-                  ></span
-                >
-              </p>
-              <p>
-                <span class="fl">优先级</span>
-                <span class="fr">{{
-                  model.incident.priority ? model.incident.priority.name : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">逾期响应时间</span>
-                <span class="fr">{{
-                  model.incident.overdueResponseDate || ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">逾期解决时间</span>
-                <span class="fr">{{ model.incident.overdueTime || "" }}</span>
-              </p>
-              <p>
-                <span class="fl">区域</span>
-                <span class="fr">{{
-                  model.incident.place ? model.incident.place.area.area : "--"
-                }}</span>
-              </p>
-              <p class="boeder_B">
-                <span class="fl">地点</span>
-                <span class="fr">{{
-                  model.incident.place ? model.incident.place.place : "--"
-                }}</span>
-              </p>
-              <div v-if="hcsjList.length">
-                <p>耗材</p>
-                <div class="hcTable">
-                  <table>
-                    <tr>
-                      <td>耗材名称</td>
-                      <td>价格</td>
-                      <td>数量</td>
-                    </tr>
-                    <tr v-for="(item, i) in hcsjList" :key="i">
-                      <td>{{ item.consumable.name }}</td>
-                      <td>{{ item.extra1 }}</td>
-                      <td>{{ item.consumablesSum }}</td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <p v-if="wxIncidentWithCmdb == 1">
-                <span class="fl">资产</span>
-                <span class="fr">{{ model.incident.assetId || "无" }}</span>
-              </p>
-            </div>
+            <EventInformation :model="model" :id="id"></EventInformation>
             <p class="info_hide">
               <span class="fl hide" @click="hides()" v-if="!item_hides"
                 >展开详情 >></span
@@ -251,15 +102,12 @@
 </template>
 <script>
 import LoadIng from "./../views/loading.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 export default {
   data() {
     return {
       id: "",
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
-      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
-      hcsjList: [], //绑定的耗材列表，展示
       selected: 1,
       options: [
         {
@@ -283,18 +131,6 @@ export default {
     };
   },
   methods: {
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
     //   获取事件数据
     getParamsData() {
       var that = this;
@@ -453,6 +289,7 @@ export default {
   },
   components: {
     LoadIng,
+    EventInformation,
   },
   created() {
     // seimin
@@ -465,9 +302,6 @@ export default {
       : JSON.parse(localStorage.getItem("modelData")).incident.id;
     this.getParamsData();
     this.getImgs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
   },
 };
 </script>

src/views/order.vue

@@ -49,181 +49,7 @@
           <div class="label headtop" id="info">事件信息</div>
 
           <div class="info">
-            <div class="head">
-              <p>
-                <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-                事件单号：{{ model.incident.incidentsign }}
-                <span
-                  :class="{
-                    fr: true,
-                    btn: true,
-                    daijiedan:
-                      model.incident.state.value == 'pending' &&
-                      model.incident.handlerUser &&
-                      !model.incident.candidateGroups,
-                    daiqiangdan:
-                      model.incident.state.value == 'pending' &&
-                      !model.incident.handlerUser &&
-                      model.incident.candidateGroups,
-                  }"
-                  >{{
-                    model.incident.state.value == "pending"
-                      ? model.incident.handlerUser &&
-                        !model.incident.candidateGroups
-                        ? "待接单"
-                        : "待抢单"
-                      : model.incident.state.name
-                  }}</span
-                >
-              </p>
-            </div>
-            <p>
-              <span class="fl">事件分类</span>
-              <span class="fr">{{ model.incident.category.category }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">事件主题</span>
-              <span class="fr">{{model.incident.title}}</span>
-            </p> -->
-            <p class="desc">
-              <span class="fl">事件描述</span>
-              <span
-                class="grayFont fr"
-                v-html="model.incident.description"
-              ></span>
-            </p>
-            <div class="shows" id="shows">
-              <p v-if="valConfig == 2">
-                <span class="fl">报修科室</span>
-                <span class="fr">{{
-                  model.incident.department
-                    ? model.incident.department.dept
-                    : ""
-                }}</span>
-              </p>
-              <p v-if="valConfig == 1">
-                <span class="fl">报修人</span>
-                <span class="fr">{{ model.incident.requester.name }}</span>
-              </p>
-              <p v-if="valConfig == 2">
-                <span class="fl">联系人</span>
-                <span class="fr">{{ model.incident.contacts }}</span>
-              </p>
-              <p>
-                <span class="fl">联系电话</span>
-                <span
-                  class="fr"
-                  v-if="!model.incident.contactsInformation"
-                ></span>
-                <span class="fr" v-if="model.incident.contactsInformation"
-                  ><a :href="'tel:' + model.incident.contactsInformation"
-                    ><i class="iconfont icon-shouji"></i
-                    >{{ model.incident.contactsInformation }}</a
-                  ></span
-                >
-              </p>
-              <p>
-                <span class="fl">联系地址</span>
-                <span class="fr">{{ model.incident.houseNumber || "" }}</span>
-              </p>
-              <p class="boeder_B">
-                <span class="fl">事件来源</span>
-                <span class="fr">{{ model.incident.source.name }}</span>
-              </p>
-              <!-- <p>
-                <span class="fl">影响度</span>
-                <span class="fr">{{model.incident.influence?model.incident.influence.name:''}}</span>
-              </p>
-              <p>
-                <span class="fl">紧急度</span>
-                <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
-              </p> -->
-              <p>
-                <span class="fl">受理人</span>
-                <span class="fr">{{
-                  model.incident.acceptUser
-                    ? model.incident.acceptUser.name
-                    : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">处理人</span>
-                <span class="fr">{{
-                  model.incident.handlerUser
-                    ? model.incident.handlerUser.name
-                    : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">处理人电话</span>
-                <span class="fr" v-if="!model.incident.handlerUser"></span>
-                <span class="fr" v-if="model.incident.handlerUser"
-                  ><a :href="'tel:' + model.incident.handlerUser.phone"
-                    ><i class="iconfont icon-shouji"></i
-                    >{{ model.incident.handlerUser.phone }}</a
-                  ></span
-                >
-              </p>
-              <p>
-                <span class="fl">优先级</span>
-                <span class="fr">{{
-                  model.incident.priority ? model.incident.priority.name : ""
-                }}</span>
-              </p>
-              <p>
-                <span class="fl">逾期响应时间</span>
-                <span class="fr">{{ model.incident.overdueResponseDate }}</span>
-              </p>
-              <p>
-                <span class="fl">逾期解决时间</span>
-                <span class="fr">{{ model.incident.overdueTime }}</span>
-              </p>
-              <p>
-                <span class="fl">区域</span>
-                <span class="fr">{{
-                  model.incident.place ? model.incident.place.area.area : "--"
-                }}</span>
-              </p>
-              <p class="boeder_B">
-                <span class="fl">地点</span>
-                <span class="fr">{{
-                  model.incident.place ? model.incident.place.place : "--"
-                }}</span>
-              </p>
-              <div v-if="hcsjList.length">
-                <p>耗材</p>
-                <div class="hcTable">
-                  <table>
-                    <tr>
-                      <td>耗材名称</td>
-                      <td>价格</td>
-                      <td>数量</td>
-                    </tr>
-                    <tr v-for="(item, i) in hcsjList" :key="i">
-                      <td>{{ item.consumable.name }}</td>
-                      <td>{{ item.extra1 }}</td>
-                      <td>{{ item.consumablesSum }}</td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <p v-if="wxIncidentWithCmdb == 1">
-                <span class="fl">资产</span>
-                <span class="fr">{{ model.incident.assetId || "无" }}</span>
-              </p>
-              <!-- <p v-if="model.incident.synergeticReason">
-                <span class="fl" >协同原因</span>
-                <span class="fr">{{model.incident.synergeticReason}}</span>
-              </p>
-              <p v-if="model.isupreason">
-                <span class="fl">升级原因</span>
-                <span class="fr">{{model.isupreason}}</span>
-              </p>
-              <p v-if="model.transferReason">
-                <span class="fl">转派原因</span>
-                <span class="fr" >{{model.transferReason}}</span>
-              </p> -->
-            </div>
+            <EventInformation :model="model" :id="id"></EventInformation>
             <p class="info_hide">
               <span class="fl hide" @click="hides()" v-if="!item_hides"
                 >展开详情 >></span
@@ -326,13 +152,11 @@
 <script>
 import LoadIng from "./../views/loading.vue";
 import PrompTing from "./../views/prompting.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 export default {
   data() {
     return {
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
-      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
       selected: 1,
       id: "",
       options: [
@@ -355,26 +179,14 @@ export default {
       imgs: [], //图片
       model: {}, //提交数据
       pro_hides: false, //展开/收起处理进度
-      hcsjList: [], //绑定的耗材列表，展示
     };
   },
   components: {
     LoadIng,
     PrompTing,
+    EventInformation,
   },
   methods: {
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
     //   获取事件数据
     getParamsData() {
       var that = this;
@@ -560,9 +372,6 @@ export default {
       : JSON.parse(localStorage.getItem("modelData")).incident.id;
     this.getParamsData();
     this.getImgs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
   },
 };
 </script>

src/views/processing.vue

@@ -52,169 +52,7 @@
         <div class="label headtop" id="info">事件信息</div>
 
         <div class="info">
-          <div class="head">
-            <p>
-              <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-              事件编号：{{ modelData.incident.incidentsign }}
-              <span class="fr btn chulizhong">{{
-                modelData.incident.state.name
-              }}</span>
-            </p>
-          </div>
-          <p>
-            <span class="fl">事件分类</span>
-            <span class="fr">{{ modelData.incident.category.category }}</span>
-          </p>
-          <!-- <p>
-            <span class="fl">事件主题</span>
-            <span class="fr">{{modelData.incident.title}}</span>
-          </p> -->
-          <p class="desc">
-            <span class="fl">事件描述</span>
-            <span
-              class="grayFont fr"
-              v-html="modelData.incident.description"
-            ></span>
-          </p>
-          <div class="shows" id="shows">
-            <p v-if="valConfig == 2">
-              <span class="fl">报修科室</span>
-              <span class="fr">{{
-                modelData.incident.department
-                  ? modelData.incident.department.dept
-                  : ""
-              }}</span>
-            </p>
-            <p v-if="valConfig == 1">
-              <span class="fl">报修人</span>
-              <span class="fr">{{ modelData.incident.requester.name }}</span>
-            </p>
-            <p v-if="valConfig == 2">
-              <span class="fl">联系人</span>
-              <span class="fr">{{ modelData.incident.contacts }}</span>
-            </p>
-            <p>
-              <span class="fl">联系电话</span>
-              <span
-                class="fr"
-                v-if="!modelData.incident.contactsInformation"
-              ></span>
-              <span class="fr" v-if="modelData.incident.contactsInformation"
-                ><a :href="'tel:' + modelData.incident.contactsInformation"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ modelData.incident.contactsInformation }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">联系地址</span>
-              <span class="fr">{{ modelData.incident.houseNumber || "" }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">事件来源</span>
-              <span class="fr">{{ modelData.incident.source.name }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">影响度</span>
-              <span class="fr">{{modelData.incident.influence?modelData.incident.influence.name:''}}</span>
-            </p>
-            <p>
-              <span class="fl">紧急度</span>
-              <span class="fr">{{modelData.incident.emergency?modelData.incident.emergency.name:''}}</span>
-            </p> -->
-            <p>
-              <span class="fl">受理人</span>
-              <span class="fr">{{
-                modelData.incident.acceptUser
-                  ? modelData.incident.acceptUser.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人</span>
-              <span class="fr">{{
-                modelData.incident.handlerUser
-                  ? modelData.incident.handlerUser.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人电话</span>
-              <span class="fr" v-if="!modelData.incident.handlerUser"></span>
-              <span class="fr" v-if="modelData.incident.handlerUser"
-                ><a :href="'tel:' + modelData.incident.handlerUser.phone"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ modelData.incident.handlerUser.phone }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">优先级</span>
-              <span class="fr">{{
-                modelData.incident.priority
-                  ? modelData.incident.priority.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期响应时间</span>
-              <span class="fr">{{
-                modelData.incident.overdueResponseDate
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期解决时间</span>
-              <span class="fr">{{ modelData.incident.overdueTime }}</span>
-            </p>
-            <p>
-              <span class="fl">区域</span>
-              <span class="fr">{{
-                modelData.incident.place
-                  ? modelData.incident.place.area.area
-                  : "--"
-              }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">地点</span>
-              <span class="fr">{{
-                modelData.incident.place ? modelData.incident.place.place : "--"
-              }}</span>
-            </p>
-            <div v-if="hcsjList.length">
-              <p>耗材</p>
-              <div class="hcTable">
-                <table>
-                  <tr>
-                    <td>耗材名称</td>
-                    <td>价格</td>
-                    <td>数量</td>
-                  </tr>
-                  <tr v-for="(item, i) in hcsjList" :key="i">
-                    <td>{{ item.consumable.name }}</td>
-                    <td>{{ item.extra1 }}</td>
-                    <td>{{ item.consumablesSum }}</td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-            <p v-if="wxIncidentWithCmdb == 1">
-              <span class="fl">资产</span>
-              <span class="fr">{{ modelData.incident.assetId || "无" }}</span>
-            </p>
-
-            <!-- <p v-if="modelData.incident.synergeticReason">
-                <span class="fl" >协同原因</span>
-                <span class="fr">{{modelData.incident.synergeticReason}}</span>
-              </p>
-              <p v-if="modelData.isupreason">
-                <span class="fl">升级原因</span>
-                <span class="fr">{{modelData.isupreason}}</span>
-              </p>
-              <p v-if="modelData.transferReason">
-                <span class="fl">转派原因</span>
-                <span class="fr" >{{modelData.transferReason}}</span>
-              </p> -->
-          </div>
+          <EventInformation :model="modelData" :id="id"></EventInformation>
           <p class="info_hide">
             <span class="fl hide" @click="hides()" v-if="!item_hides"
               >展开详情 >></span
@@ -475,6 +313,7 @@ import DatePicker from "./../components/date-picker.vue";
 import CubeExtendPopup from "./../components/extend-popup.vue";
 import LoadIng from "./../views/loading.vue";
 import PrompTing from "./../views/prompting.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 // import HandlerLog from "./../views/handlerLog.vue";
 // import host from '../request/host'
 
@@ -587,8 +426,6 @@ export default {
     return {
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
       incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
       id: "",
       resignComment: "", //重新指派原因
       item_hides: false,
@@ -910,7 +747,6 @@ export default {
       hcList: [], //绑定的耗材列表
       idMock: 0, //自增id,mock
       hcs: [], //耗材列表
-      hcsjList: [], //绑定的耗材列表，展示
     };
   },
   watch: {
@@ -921,10 +757,6 @@ export default {
       },
     },
   },
-  components: {
-    LoadIng,
-    // HandlerLog
-  },
   methods: {
     // 获取耗材列表
     getHcs() {
@@ -1846,18 +1678,6 @@ export default {
     fileSubmitted(files) {
       this.action.data = { fileName: files.name };
     },
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
   },
   created() {
     this.processInstanceId = this.$route.params.data
@@ -1871,9 +1691,6 @@ export default {
     this.action.target += this.processInstanceId;
     this.getParamsData();
     this.getHcs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
     this.getImgs();
     // 处理方式
     this.getHandleCategory();
@@ -1918,6 +1735,7 @@ export default {
     CubeExtendPopup,
     LoadIng,
     PrompTing,
+    EventInformation,
     // HandlerLog
   },
 };

src/views/solved.vue

@@ -38,148 +38,9 @@
           </div>
         </div>
 
+        <div class="label headtop" id="info">事件信息</div>
         <div class="info">
-          <div class="label headtop" id="info">事件信息</div>
-          <div class="head">
-            <p>
-              <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-              事件编号：{{ model.incident.incidentsign }}
-              <span class="fr btn yijiejue">{{
-                model.incident.state.name
-              }}</span>
-            </p>
-          </div>
-          <p>
-            <span class="fl">事件分类</span>
-            <span class="fr">{{ model.incident.category.category }}</span>
-          </p>
-          <!-- <p>
-            <span class="fl">事件主题</span>
-            <span class="fr">{{model.incident.title}}</span>
-          </p> -->
-          <p class="desc">
-            <span class="fl">事件描述</span>
-            <span
-              class="grayFont fr"
-              v-html="model.incident.description"
-            ></span>
-          </p>
-          <div class="shows" id="shows">
-            <p v-if="valConfig == 2">
-              <span class="fl">报修科室</span>
-              <span class="fr">{{
-                model.incident.department ? model.incident.department.dept : ""
-              }}</span>
-            </p>
-            <p v-if="valConfig == 1">
-              <span class="fl">报修人</span>
-              <span class="fr">{{ model.incident.requester.name }}</span>
-            </p>
-            <p v-if="valConfig == 2">
-              <span class="fl">联系人</span>
-              <span class="fr">{{ model.incident.contacts }}</span>
-            </p>
-            <p>
-              <span class="fl">联系电话</span>
-              <span
-                class="fr"
-                v-if="!model.incident.contactsInformation"
-              ></span>
-              <span class="fr" v-if="model.incident.contactsInformation"
-                ><a :href="'tel:' + model.incident.contactsInformation"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.contactsInformation }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">联系地址</span>
-              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">事件来源</span>
-              <span class="fr">{{ model.incident.source.name }}</span>
-            </p>
-            <!-- <p>
-              <span class="fl">影响度</span>
-              <span class="fr">{{model.incident.influence?model.incident.influence.name:''}}</span>
-            </p>
-            <p>
-              <span class="fl">紧急度</span>
-              <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
-            </p> -->
-            <p>
-              <span class="fl">受理人</span>
-              <span class="fr">{{
-                model.incident.acceptUser ? model.incident.acceptUser.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人</span>
-              <span class="fr">{{
-                model.incident.handlerUser
-                  ? model.incident.handlerUser.name
-                  : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">处理人电话</span>
-              <span class="fr" v-if="!model.incident.handlerUser"></span>
-              <span class="fr" v-if="model.incident.handlerUser"
-                ><a :href="'tel:' + model.incident.handlerUser.phone"
-                  ><i class="iconfont icon-shouji"></i
-                  >{{ model.incident.handlerUser.phone }}</a
-                ></span
-              >
-            </p>
-            <p>
-              <span class="fl">优先级</span>
-              <span class="fr">{{
-                model.incident.priority ? model.incident.priority.name : ""
-              }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期响应时间</span>
-              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
-            </p>
-            <p>
-              <span class="fl">逾期解决时间</span>
-              <span class="fr">{{ model.incident.overdueTime }}</span>
-            </p>
-            <p>
-              <span class="fl">区域</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.area.area : "--"
-              }}</span>
-            </p>
-            <p class="boeder_B">
-              <span class="fl">地点</span>
-              <span class="fr">{{
-                model.incident.place ? model.incident.place.place : "--"
-              }}</span>
-            </p>
-            <div v-if="hcsjList.length">
-              <p>耗材</p>
-              <div class="hcTable">
-                <table>
-                  <tr>
-                    <td>耗材名称</td>
-                    <td>价格</td>
-                    <td>数量</td>
-                  </tr>
-                  <tr v-for="(item, i) in hcsjList" :key="i">
-                    <td>{{ item.consumable.name }}</td>
-                    <td>{{ item.extra1 }}</td>
-                    <td>{{ item.consumablesSum }}</td>
-                  </tr>
-                </table>
-              </div>
-            </div>
-            <p v-if="wxIncidentWithCmdb == 1">
-              <span class="fl">资产</span>
-              <span class="fr">{{ model.incident.assetId || "无" }}</span>
-            </p>
-          </div>
+          <EventInformation :model="model" :id="id"></EventInformation>
           <p class="info_hide">
             <span class="fl hide" @click="hides()" v-if="!item_hides"
               >展开详情 >></span
@@ -349,16 +210,13 @@
 </template>
 <script>
 import LoadIng from "./../views/loading.vue";
+import EventInformation from './../components/EventInformation/index.vue'
 // import HandlerLog from "./../views/handlerLog.vue";
 export default {
   data() {
     return {
       id: "",
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
-      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
-      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
-      hcsjList: [], //绑定的耗材列表，展示
       selected: 1,
       isclose: "close", //是否已解决
       iscloseArr: [
@@ -388,21 +246,10 @@ export default {
   },
   components: {
     LoadIng,
+    EventInformation,
     // HandlerLog
   },
   methods: {
-    // 获取事件上绑定的耗材
-    getHcBySj() {
-      this.$http
-        .post("service/cmdb/storeList", {
-          data: { type: 2, source: "1627", sourceId: this.id },
-        })
-        .then((result) => {
-          if (result.data.status == 200) {
-            this.hcsjList = result.data.data;
-          }
-        });
-    },
     //   获取事件数据
     getParamsData() {
       var that = this;
@@ -632,9 +479,6 @@ export default {
     this.getParamsData();
 
     this.getImgs();
-    if (this.incidentWithConsumable == 1) {
-      this.getHcBySj();
-    }
     this.getHandlerRes();
     this.getDegree();
   },