事件列表

components/IncidentListFilter.vue

@@ -0,0 +1,398 @@
+<template>
+  <view class="container" @touchstart.stop v-if="pageData.pageRouter === 'default'">
+    <view class="container_form">
+      <view class="hospital">
+        <text class="name">院区</text>
+        <text class="value ellipsis">{{searchData.hospital ? searchData.hospital.hosName : ''}}</text>
+      </view>
+      
+      <view class="tabs">
+        <view class="tab" :class="{active: tab.value === searchData.selected}" v-for="tab in tabs" :key="tab.value" @click="clickTab(tab)">{{tab.name}}<text class="newicon newicon-xuanzejiaobiao"></text></view>
+      </view>
+      
+      <view class="area" @click="clickPageRouter('area')">
+        <text class="name">楼栋</text>
+        <text class="value ellipsis">{{searchData.area ? searchData.area.area : ''}}</text>
+      </view>
+      
+      <view class="category" @click="clickPageRouter('category')">
+        <text class="name">故障现象</text>
+        <text class="value ellipsis">{{searchData.category ? searchData.category.category : ''}}</text>
+      </view>
+    </view>
+    <view class="container_foot">
+      <view class="clear" @click="clear">清除选项</view>
+      <view class="foot_btns">
+        <view class="cancel" @click="cancel">取消</view>
+        <view class="confirm" @click="confirm">确认</view>
+      </view>
+    </view>
+  </view>
+  <view class="container" @touchstart.stop v-else-if="pageData.pageRouter === 'area'">
+    <view class="container_form">
+      <view class="hospital">
+        <text class="name">楼栋</text>
+      </view>
+      
+      <scroll-view scroll-y class="areas">
+        <view class="areas_item" v-for="area in pageData.areaList" :key="area.id" @click="clickArea(area)">{{area.area}}</view>
+      </scroll-view>
+    </view>
+    <view class="container_foot">
+      <view class="foot_btns">
+        <view class="cancel" @click="clickPageRouter('default')">取消</view>
+      </view>
+    </view>
+  </view>
+  <view class="container" @touchstart.stop v-else-if="pageData.pageRouter === 'category'">
+    <view class="container_form">
+      <view class="hospital">
+        <text class="name">故障现象</text>
+      </view>
+      
+      <scroll-view scroll-y class="categorys">
+        <view class="categorys_item" v-for="category in pageData.categoryList" :key="category.id" @click="clickCategory(category)">{{category.category}}</view>
+      </scroll-view>
+    </view>
+    <view class="container_foot">
+      <view class="foot_btns">
+        <view class="cancel" @click="clickPageRouter('default')">取消</view>
+      </view>
+    </view>
+  </view>
+  <view class="mask" @touchstart.stop></view>
+  <view class="line" @touchstart.stop></view>
+</template>
+
+<script setup>
+  import { defineEmits, ref, reactive, defineProps } from 'vue'
+  import { onLoad } from '@dcloudio/uni-app'
+  import { useLoginUserStore } from '@/stores/loginUser'
+  import { api_area, api_incidentcategory } from "@/http/api.js"
+  
+  const emit = defineEmits(['cancelEmit', 'confirmEmit']);
+  const { evt } = defineProps({
+    evt: {
+      type: Object,
+      required: true,
+    },
+  });
+  const loginUserStore = useLoginUserStore();
+  
+  const tabs = reactive([
+    { name: '全部事件', value: 'all' },
+    { name: '待我处理', value: 'todoingAll' },
+    { name: '与我关联', value: 'owns' },
+    { name: '由我解决', value: 'resolve' },
+  ])
+  
+  // 页面数据
+  const pageData = reactive({
+    pageRouter: 'default',
+    areaList: [],
+    categoryList: [],
+  });
+  
+  const searchData = reactive({
+    hospital: {},
+    selected: 'todoingAll',
+    area: {id: 0, area: '全部'},
+    category: {id: 0, category: '全部'},
+  })
+  
+  // 点击tab
+  function clickTab(tab){
+    searchData.selected = tab.value;
+  }
+  
+  // 点击区域
+  function clickArea(area){
+    pageData.pageRouter = 'default';
+    searchData.area = area;
+  }
+  
+  // 点击故障现象
+  function clickCategory(category){
+    pageData.pageRouter = 'default';
+    searchData.category = category;
+  }
+  
+  // 清空
+  function clear(){
+    setHospital();
+    searchData.selected = 'todoingAll';
+    searchData.area = {id: 0, area: '全部'};
+    searchData.category = {id: 0, category: '全部'};
+  }
+  
+  // 取消
+  function cancel(){
+    emit('cancelEmit')
+  }
+  
+  // 确认
+  function confirm(){
+    emit('confirmEmit', searchData);
+  }
+  
+  // 设置院区
+  function setHospital(){
+    if (loginUserStore.loginUser.user.duty) {
+      // 当前的所属责任科室
+      searchData.hospital = {
+        id: loginUserStore.loginUser.user.duty.branch,
+        hosName: loginUserStore.loginUser.user.duty.branchName
+      };
+    } else if (loginUserStore.loginUser.user.branch) {
+      // 当前的所属院区
+      searchData.hospital = {
+        id: loginUserStore.loginUser.user.branch.id,
+        hosName: loginUserStore.loginUser.user.branch.hosName
+      };
+    }
+  }
+  
+  // 获取楼栋列表
+  function getAreaList(){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      area: {
+        branch: searchData.hospital.id,
+      },
+    }
+    api_area(postData).then(res => {
+      uni.hideLoading();
+      if(res.status == 200){
+        let list = res.list || [];
+        pageData.areaList = [{ id: 0, area: '全部' }, ...list];
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+  }
+  
+  // 获取故障现象列表
+  function getCategoryList(){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      incidentcategory: {},
+    }
+    if(loginUserStore.loginUser.user.duty){
+      postData.incidentcategory.dutyToCategory = loginUserStore.loginUser.user.duty.id;
+    }else if(loginUserStore.loginUser.user.branch){
+      postData.incidentcategory.selectType = 'one';
+    }
+    
+    api_incidentcategory(postData).then(res => {
+      uni.hideLoading();
+      if(res.status == 200){
+        let list = res.list || [];
+        pageData.categoryList = [{ id:0, category: '全部' }, ...list];
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+  }
+  
+  // 页面路由跳转
+  function clickPageRouter(type){
+    pageData.pageRouter = type;
+    switch(type){
+      case 'area':
+        getAreaList();
+      break;
+      case 'category':
+        getCategoryList();
+      break;
+    }
+  }
+  
+  onLoad(async (option) => {
+    searchData.hospital = evt.hospital;
+    searchData.selected = evt.selected;
+    searchData.area = evt.area;
+    searchData.category = evt.category;
+  })
+</script>
+
+<style lang="scss" scoped>
+.mask{
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+}
+.line{
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  height: 8rpx;
+  width: 100%;
+  background-color: #EBEBEB;
+}
+.container{
+  position: fixed;
+  left: 150rpx;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9999;
+  background-color: #F7F7F7;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  
+  .container_form{
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+  }
+  
+  .hospital{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 32rpx 24rpx 24rpx;
+    background-color: #fff;
+    .name{
+      font-size: 30rpx;
+      flex-shrink: 0;
+      margin-right: 24rpx;
+    }
+    .value{
+      font-size: 26rpx;
+      color: #5DAAB6;
+    }
+  }
+  
+  .areas{
+    flex: 1;
+    min-height: 0;
+    margin-top: 16rpx;
+    background-color: #fff;
+    .areas_item{
+      padding: 24rpx;
+      border-bottom: 1rpx solid #DEDEDE;
+    }
+  }
+  
+  .categorys{
+    flex: 1;
+    min-height: 0;
+    margin-top: 16rpx;
+    background-color: #fff;
+    .categorys_item{
+      padding: 24rpx;
+      border-bottom: 1rpx solid #DEDEDE;
+    }
+  }
+  
+  .tabs{
+    margin-top: 16rpx;
+    background-color: #FBFBFB;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 16rpx 0;
+    padding: 24rpx 16rpx;
+    .tab{
+      width: 180rpx;
+      height: 60rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: #F7F7F7;
+      font-size: 28rpx;
+      position: relative;
+      .newicon-xuanzejiaobiao{
+        opacity: 0;
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        font-size: 38rpx;
+        color: #53B9BB;
+      }
+      &.active{
+        background-color: rgba(149, 220, 231, 0.30);
+        .newicon-xuanzejiaobiao{
+          opacity: 1;
+        }
+      }
+    }
+  }
+  
+  .area,
+  .category{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx;
+    background-color: #fff;
+    margin-top: 24rpx;
+    .name{
+      font-size: 28rpx;
+      flex-shrink: 0;
+      margin-right: 24rpx;
+    }
+  }
+  
+  .container_foot{
+    .clear{
+      padding: 24rpx;
+      font-size: 28rpx;
+      background-color: #fff;
+      margin: 0 16rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .foot_btns{
+      margin-top: 24rpx;
+      display: flex;
+      border-top: 1rpx solid #BFBFBF;
+      .cancel{
+        flex: 1;
+        background-color: #fff;
+        font-size: 32rpx;
+        padding: 24rpx;
+        display: flex;
+        justify-content: center;
+      }
+      .confirm{
+        flex: 1;
+        font-size: 32rpx;
+        padding: 24rpx;
+        background-color: $uni-primary;
+        display: flex;
+        justify-content: center;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>

filters/computedCurrentLogOverTime.js

@@ -0,0 +1,16 @@
+import { computed } from "vue"
+import { format, addDays } from 'date-fns';
+export function computedCurrentLogOverTime() {
+  /**
+   * 延期处理-展示
+   */
+  const currentLogOverTime = computed(() => {
+    return function(currentLog){
+      return currentLog.extra1DTO.name + format(addDays(new Date(currentLog.startTime), +currentLog.extra2), 'MM月dd日前完成');
+    }
+  })
+
+  return {
+    currentLogOverTime
+  };
+}

filters/computedPriorityStyle.js

@@ -0,0 +1,27 @@
+import { computed } from "vue"
+export function computedPriorityStyle() {
+  /**
+   * 紧急度颜色回显
+   */
+  const priorityStyle = computed(() => {
+    return function(priority){
+      if(priority){
+        if(priority.value === 'L4' || priority.value === 'L5'){
+          return { color: '#49B856' };
+        } else if (priority.value === 'L2' || priority.value === 'L3'){
+          return { color: '#F3A73F' };
+        } else if (priority.value === 'L1'){
+          return { color: '#FF0000' };
+        } else {
+          return {}
+        }
+      }else{
+        return {};
+      }
+    }
+  })
+
+  return {
+    priorityStyle
+  };
+}

filters/computedStateStyle.js

@@ -0,0 +1,27 @@
+import { computed } from "vue"
+export function computedStateStyle() {
+  /**
+   * 状态颜色回显
+   */
+  const stateStyle = computed(() => {
+    return function(state){
+      if(state){
+        if(state.value === 'pending'){
+          return { color: 'rgba(243, 167, 63, 1)', backgroundColor: 'rgba(243, 167, 63, 0.16)' };
+        } else if (state.value === 'handler'){
+          return { color: 'rgba(0, 108, 249, 1)', backgroundColor: 'rgba(0, 108, 249, 0.16)' };
+        } else if (state.value === 'close'){
+          return { color: 'rgba(73, 184, 86, 1)', backgroundColor: 'rgba(73, 184, 86, 0.16)' };
+        } else {
+          return {}
+        }
+      }else{
+        return {};
+      }
+    }
+  })
+
+  return {
+    stateStyle
+  };
+}

filters/filterFormatDate.js

@@ -0,0 +1,21 @@
+import { computed } from "vue"
+import { isDate, format } from 'date-fns';
+import { isTimestamp } from '@/utils/isTimestamp.js'
+export function filterFormatDate() {
+  /**
+   * 日期格式化
+   */
+  const formatDate = computed(() => {
+    return function(date, formatStr){
+      if(isDate(date) || isTimestamp(date)){
+        return format(date, formatStr);
+      }else{
+        return '';
+      }
+    }
+  })
+
+  return {
+    formatDate
+  };
+}

http/api.js

@@ -0,0 +1,64 @@
+import { get, post } from "@/http/http.js"
+
+/**
+ * 微信登录
+ */
+export function api_wechatLoginEncrypt(data){
+  return post("/auth/wechatLoginEncrypt", data);
+}
+
+/**
+ * 微信登录2
+ */
+export function api_wechatAuth(data){
+  return post("/auth/wechatAuth", data);
+}
+
+/**
+ * 绑定工号
+ */
+export function api_bindAccount(data){
+  return post("/auth/bindAccount", data);
+}
+
+/**
+ * 获取系统名称
+ */
+export function api_getSysNameAndLogo(data){
+  return get("/auth/getSysNameAndLogo");
+}
+
+/**
+ * 获取字典列表
+ */
+export function api_getDictionary(data){
+  return post("/common/common/getDictionary", data);
+}
+
+/**
+ * 获取事件列表
+ */
+export function api_incident(data){
+  return post("/user/data/fetchDataList/incident", data);
+}
+
+/**
+ * 获取事件列表-数量
+ */
+export function api_incident_count(data){
+  return post("/flow/incident/list/count", data);
+}
+
+/**
+ * 获取楼栋列表
+ */
+export function api_area(data){
+  return post("/user/data/fetchDataList/area", data);
+}
+
+/**
+ * 获取故障现象列表
+ */
+export function api_incidentcategory(data){
+  return post("/bpm/data/fetchDataList/incidentcategory", data);
+}

index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
     <script>

manifest.json

@@ -67,7 +67,7 @@
                     "secure" : false
                 }
             },
-            "port" : 8080 //当前项目的端口号
+            "port" : 8081 //当前项目的端口号
         },
         "router" : {
             "base" : "/user/"

node_modules/.package-lock.json

@@ -3,6 +3,15 @@
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/weixin-jsapi": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/weixin-jsapi/-/weixin-jsapi-1.1.0.tgz",

package-lock.json

@@ -5,9 +5,19 @@
   "packages": {
     "": {
       "dependencies": {
+        "date-fns": "^3.6.0",
         "weixin-jsapi": "^1.1.0"
       }
     },
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/weixin-jsapi": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/weixin-jsapi/-/weixin-jsapi-1.1.0.tgz",

package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "date-fns": "^3.6.0",
     "weixin-jsapi": "^1.1.0"
   }
 }

pages.json

@@ -28,6 +28,31 @@
       "style": {
         "h5": {
           "titleNView": false
+        },
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/index/index",
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    },
+    {
+      "path": "pages/repairList/repairList",
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    },
+    {
+      "path": "pages/my/my",
+      "style": {
+        "h5": {
+          "titleNView": false
         }
       }
     }
@@ -36,5 +61,22 @@
     "navigationBarTextStyle": "black",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8"
+  },
+  "tabBar": {
+    "color": "#888",
+    "selectedColor": "#49B856",
+    "borderStyle": "black",
+    "backgroundColor": "#ffffff",
+    "list": [{
+      "pagePath": "pages/incidentList/incidentList",
+      "iconPath": "static/img/icon_incidentList.png",
+      "selectedIconPath": "static/img/icon_incidentList_active.png",
+      "text": "故障"
+    }, {
+      "pagePath": "pages/my/my",
+      "iconPath": "static/img/icon_my.png",
+      "selectedIconPath": "static/img/icon_my_active.png",
+      "text": "我的"
+    }]
   }
 }

pages/homePage/homePage.vue

@@ -9,7 +9,7 @@
   import '@/interceptor/routeInterceptor.js'
   import { onLoad } from '@dcloudio/uni-app'
   import { defaultColor } from '@/static/js/theme.js'
-  import { post } from "@/http/http.js"
+  import { api_wechatLoginEncrypt } from "@/http/api.js"
   import { useWechatAuth } from '@/share/useWechatAuth.js'
   import { useLoginSuccess } from '@/share/useLoginSuccess.js'
   import { useSetTitle } from '@/share/useSetTitle.js'
@@ -34,7 +34,7 @@
         title: "登录中",
         mask: true,
       });
-      post("/auth/wechatLoginEncrypt", code).then(res => {
+      api_wechatLoginEncrypt(code).then(res => {
         uni.hideLoading();
         if (res.state == 200) {
           loginSuccess(res.user);
@@ -51,12 +51,9 @@
             url: `/pages/initBind/initBind?wechat=${res.wechat}`
           })
         } else {
-          uni.showModal({
-            title: '提示',
-            content: res.remarks || '请求数据失败！',
-            showCancel: false,
-            confirmColor: defaultColor,
-            confirmText: '取消',
+          uni.showToast({
+            icon: 'none',
+            title: res.remarks || '请求数据失败！'
           });
         }
       });

pages/incidentList/incidentList.vue

@@ -1,14 +1,401 @@
 <template>
-  <view>
-    事件列表页
+  <view class="incidentList">
+    <view class="head">
+      <view class="tab" :class="{active: tab.id === dataInfo.tabActiveId}" v-for="tab in dataInfo.tabs" :key="tab.id" @click="clickTab(tab.id)">
+        {{tab.name}}<text v-if="tab.num !== ''">({{tab.num}})</text>
+      </view>
+      <view class="filter" @click="filterClick">
+        <text class="newicon newicon-shaixuan"></text>
+      </view>
+    </view>
+    <view class="body" v-if="dataInfo.list.length">
+      <view class="body_item" v-for="data in dataInfo.list" :key="data.id">
+        <view class="body_item_head ellipsis-multiline">
+          <text :style="priorityStyle(data.priority)">{{data.priority ? data.priority.name + ' ' : ''}}</text>{{data.description}}
+        </view>
+        
+        <view class="body_item_content">
+          <view class="body_item_content_p" v-if="data.department">
+            <text class="name ellipsis">报修科室：{{data.department.dept}}</text>
+            <view class="status" :style="stateStyle(data.state)">{{data.state ? data.state.name : ''}}</view>
+          </view>
+          <view class="body_item_content_p" v-if="data.place || data.houseNumber">
+            <text class="name ellipsis">详细地址：{{data.place ? data.place.area.area : ''}}{{data.place ? data.place.place : ''}}{{data.houseNumber}}</text>
+          </view>
+          <view class="body_item_content_p" v-if="data.currentLog && data.currentLog.extra1DTO && data.currentLog.extra2 && data.currentLog.startTime">
+            <text class="name ellipsis">延期处理：{{currentLogOverTime(data.currentLog)}}</text>
+          </view>
+          <view class="body_item_content_p" v-if="data.assigneeName">
+            <text class="name">处理人：{{data.assigneeName}}</text>
+            <view class="icon_all">
+              <uni-icons type="mic-filled" class="mic-filled" :size="22" color="#949494"></uni-icons>
+              <uni-icons type="image-filled" class="image-filled" :size="22" color="#949494"></uni-icons>
+            </view>
+          </view>
+          <view class="body_item_content_p" v-if="data.candidateGroupsName">
+            <text class="name">处理组：{{data.candidateGroupsName}}</text>
+            <view class="icon_all">
+              <uni-icons type="mic-filled" class="mic-filled" :size="22" color="#949494"></uni-icons>
+              <uni-icons type="image-filled" class="image-filled" :size="22" color="#949494"></uni-icons>
+            </view>
+          </view>
+        </view>
+        
+        <view class="body_item_foot">
+          <view class="foot_info">
+            <view class="name" @click="makePhoneCall(data.contactsInformation)">联系电话：{{data.contactsInformation}}<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></view>
+            <text class="date">{{formatDate(data.startDate, 'MM-dd HH:mm')}}</text>
+          </view>
+          <view class="btns" v-if="data.state.value === 'pending' || data.state.value === 'handler'">
+            <button @click="handler('changeUser')" type="default" class="primaryButton btn">换人处理</button>
+            <button @click="handler('handler')" type="default" class="primaryButton btn" v-if="data.state.value === 'handler'">处理</button>
+            <button @click="handler('receive')" type="default" class="primaryButton btn" v-if="data.state.value === 'pending'">接单</button>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="zanwu" v-else>
+      <text class="newicon newicon-zanwu"></text>
+    </view>
   </view>
+  <incidentListFilter v-if="dataInfo.isFilter" @cancelEmit="cancelFilter" @confirmEmit="conformFilter" :evt="dataInfo.evt"></incidentListFilter>
 </template>
 
 <script setup>
+  import IncidentListFilter from '@/components/IncidentListFilter.vue';
+  import { ref, reactive } from 'vue'
+  import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
+  import { api_getDictionary, api_incident, api_incident_count } from "@/http/api.js"
+  import { filterFormatDate } from '@/filters/filterFormatDate.js'
+  import { computedPriorityStyle } from '@/filters/computedPriorityStyle.js'
+  import { computedStateStyle } from '@/filters/computedStateStyle.js'
+  import { computedCurrentLogOverTime } from '@/filters/computedCurrentLogOverTime.js'
+  import { defaultColor } from '@/static/js/theme.js'
   import { useSetTitle } from '@/share/useSetTitle.js'
-  useSetTitle()
+  import { useMakePhoneCall } from '@/share/useMakePhoneCall.js'
+  import { useLoginUserStore } from '@/stores/loginUser'
+  
+  useSetTitle();
+  const loginUserStore = useLoginUserStore();
+  const { formatDate }  = filterFormatDate();
+  const { priorityStyle }  = computedPriorityStyle();
+  const { stateStyle }  = computedStateStyle();
+  const { currentLogOverTime }  = computedCurrentLogOverTime();
+  const { makePhoneCall }  = useMakePhoneCall();
+  
+  // 主题颜色
+  const primaryColor = ref(defaultColor)
+  
+  // 数据
+  const dataInfo = reactive({
+    tabs: [{id: 0, name: '全部', value: 'all', num: ''}],
+    tabActiveId: 0,//当前选择的tab
+    list: [],//事件列表
+    idx: 0,//页码
+    hasMore: true,//是否有更多数据
+    isFilter: false,//筛选框开关
+    evt: {
+      hospital: {},
+      selected: 'todoingAll',
+      area: {id: 0, area: '全部'},
+      category: {id: 0, category: '全部'},
+    },//筛选框数据
+  })
+  
+  // 获取tab选项
+  function getTabs(){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    api_getDictionary({
+      "type": "list",
+      "key": "incident_status"
+    }).then(res => {
+      uni.hideLoading();
+      let incidentStatusList = res || [];
+      let pending = incidentStatusList.find(v => v.value === 'pending');
+      let handler = incidentStatusList.find(v => v.value === 'handler');
+      dataInfo.tabs = [{id: 0, name: '全部', value: 'all', num: ''}];
+      pending && dataInfo.tabs.push({...pending, ...{num: ''}});
+      handler && dataInfo.tabs.push({...handler, ...{num: ''}});
+      getList(0);
+    })
+  }
+  
+  // 点击tab
+  function clickTab(tabId){
+    dataInfo.tabActiveId = tabId;
+    getList(0);
+  }
+  
+  // 点击筛选
+  function filterClick(){
+    dataInfo.isFilter = true;
+  }
+  
+  // 确认筛选
+  function conformFilter(evt){
+    console.log(evt)
+    dataInfo.evt = evt;
+    dataInfo.isFilter = false;
+    getList(0);
+  }
+  
+  // 关闭筛选
+  function cancelFilter(){
+    dataInfo.isFilter = false;
+  }
+  
+  // 处理按钮
+  function handler(type){
+    uni.navigateTo({
+      url: `/pages/${type}/${type}`
+    })
+  }
+  
+  // 获取列表信息
+  function getList(idx){
+    dataInfo.idx = idx === undefined ? dataInfo.idx : idx;
+    if(dataInfo.idx === 0){
+      dataInfo.list = [];
+    }
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    let postData = {
+        "idx": dataInfo.idx,
+        "sum": 10,
+        "incident": {
+            "queryTask": dataInfo.evt.selected || undefined,
+            "assignee": loginUserStore.loginUser.user.id,
+            "statusId": dataInfo.tabActiveId || undefined,
+        }
+    }
+    
+    if(loginUserStore.loginUser.user.duty){
+      // 当前的所属责任科室
+      postData.incident.duty = loginUserStore.loginUser.user.duty;
+    }else if(loginUserStore.loginUser.user.branch){
+      // 当前的所属院区
+      postData.incident.branch = loginUserStore.loginUser.user.branch.id;
+    }
+    
+    if(dataInfo.evt && dataInfo.evt.category && dataInfo.evt.category.id){
+      postData.incident.levelCategory = dataInfo.evt.category;
+    }
+    if(dataInfo.evt && dataInfo.evt.area && dataInfo.evt.area.id){
+      postData.incident.area = dataInfo.evt.area;
+    }
+    
+    api_incident(postData).then(res => {
+      uni.hideLoading();
+      uni.stopPullDownRefresh();
+      if(res.status == 200){
+        let list = res.list || [];
+        if(list.length){
+          dataInfo.hasMore = true;
+          dataInfo.list = dataInfo.idx === 0 ? list : dataInfo.list.concat(list);
+        }else{
+          dataInfo.hasMore = false;
+        }
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+    
+    getCount(postData.incident);
+  }
+  
+  // 获取列表数量
+  function getCount(incident = {}){
+    let postData = {
+      wxCount: 'true',
+      incidentList: [],
+    }
+    dataInfo.tabs.forEach(v => {
+        postData.incidentList.push({...incident, ...{statusId: v.id || undefined}});
+    })
+    
+    postData.incidentList.forEach(incident => {
+        // 请求参数调整
+        if(!incident){
+            incident = {};
+        }
+        
+        if(incident.queryTask === 'all' || incident.queryTask === 'callback'){
+            if(loginUserStore.loginUser.user.duty){
+                // 当前的所属责任科室
+                incident.duty = loginUserStore.loginUser.user.duty;
+            }else if(loginUserStore.loginUser.user.branch){
+                // 当前的所属院区
+                incident.branch = loginUserStore.loginUser.user.branch.id;
+            }
+        }else{
+            delete incident.duty;
+            delete incident.branch;
+        }
+        
+        incident.assignee = loginUserStore.loginUser.user.id;
+        
+        if(incident.queryTask === 'todo' || incident.queryTask === 'owns'){
+            incident.candidateGroups = loginUserStore.loginUser.user.group.map(v => v.id).toString();
+        }else{
+            delete incident.candidateGroups;
+        }
+        
+        if(dataInfo.evt && dataInfo.evt.category && dataInfo.evt.category.id){
+          incident.levelCategory = dataInfo.evt.category;
+        }
+        
+        if(dataInfo.evt && dataInfo.evt.area && dataInfo.evt.area.id){
+          incident.place = {
+            area: dataInfo.evt.area
+          }
+        }
+    })
+    api_incident_count(postData).then(res => {
+      if(res.state == 200){
+        let myData = res.data || [];
+        dataInfo.tabs.forEach((v, i) => {
+            v.num = myData[i];
+        })
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+  }
+  
+  onLoad((option) => {
+    getTabs();
+  })
+  
+  onPullDownRefresh(() => {
+    getList(0)
+  })
+  
+  onReachBottom(() => {
+    dataInfo.idx += 1;
+    if (dataInfo.hasMore) {
+      getList(); // 当触底时加载更多数据
+    }
+  })
 </script>
 
 <style lang="scss" scoped>
-
+.incidentList{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .head{
+    height: 88rpx;
+    display: flex;
+    position: fixed;
+    z-index: 99;
+    width: 100%;
+    background-color: #fff;
+    .tab{
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-bottom: 4rpx solid transparent;
+      &.active{
+        color: $uni-primary;
+        border-color: $uni-primary;
+      }
+    }
+    .filter{
+      width: 84rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .newicon-shaixuan{
+        font-size: 36rpx;
+        color: #2C2C2C;
+      }
+    }
+  }
+  .body{
+    margin-bottom: 50px;
+    margin-top: 88rpx;
+    border-top: 6rpx solid #EBEBEB;
+    .body_item{
+      border-bottom: 8rpx solid #EBEBEB;
+      .body_item_head{
+        word-break: break-all;
+        text-align: justify;
+        text-align: left;
+        margin: 24rpx;
+      }
+      .body_item_content{
+        border-top: 1rpx solid #D8D8D8;
+        padding: 24rpx 24rpx 24rpx 48rpx;
+        .body_item_content_p{
+          color: #6A6A6A;
+          font-size: 26rpx;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 24rpx;
+          &:last-of-type{
+            margin-bottom: 0;
+          }
+          .name{
+            flex: 1;
+          }
+          .status{
+            padding: 4rpx 10rpx;
+            border-radius: 20rpx;
+            background-color: #DBE8FE;
+            font-size: 22rpx;
+            color: #006CF9;
+          }
+          .icon_all{
+            .mic-filled,
+            .image-filled
+            {
+              margin-left: 16rpx;
+            }
+          }
+        }
+      }
+      .body_item_foot{
+        border-top: 1rpx solid #D8D8D8;
+        font-size: 26rpx;
+        padding: 24rpx;
+        .foot_info{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .phone-filled{
+            margin-left: 5rpx;
+          }
+        }
+      }
+    }
+  }
+  .zanwu{
+    box-sizing: border-box;
+    margin-bottom: 50px;
+    margin-top: 88rpx;
+    border-top: 6rpx solid #EBEBEB;
+    height: calc(100vh - 50px - 88rpx);
+    display: flex;
+    justify-content: center;
+    background-color: #F7F7F7;
+    .newicon-zanwu{
+      font-size: 256rpx;
+      color: #D6D6D6;
+      margin-top: 140rpx;
+    }
+  }
+}
 </style>

pages/index/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <view>
+    首页
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        
+      };
+    }
+  }
+</script>
+
+<style lang="scss">
+
+</style>

pages/initBind/initBind.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="repairEntrance">
+  <view class="repairEntrance page_padding">
     <view class="info">
       <view class="info_text">
         <view class="text_left text_justify">您还没有绑定工号，请填写您的工号进行绑定。</view>
@@ -18,7 +18,7 @@
 
 <script setup>
   import { onLoad } from '@dcloudio/uni-app'
-  import { post } from "@/http/http.js"
+  import { api_bindAccount } from "@/http/api.js"
   import { defaultColor } from '@/static/js/theme.js'
   import { reactive, ref } from 'vue'
   import { useWechatAuth } from '@/share/useWechatAuth.js'
@@ -70,7 +70,7 @@
       title: "加载中",
       mask: true,
     });
-    post("/auth/bindAccount", {
+    api_bindAccount({
       account: postData.account,
       wechat: options.wechat,
       type: type || undefined,
@@ -113,12 +113,9 @@
           confirmText: '取消',
         });
       } else {
-        uni.showModal({
-          title: '提示',
-          content: res.msg || '请求数据失败！',
-          showCancel: false,
-          confirmColor: defaultColor,
-          confirmText: '取消',
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
         });
       }
     })

pages/my/my.vue

@@ -0,0 +1,19 @@
+<template>
+  <view>
+    我的
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        
+      };
+    }
+  }
+</script>
+
+<style lang="scss">
+
+</style>

pages/repairEntrance/repairEntrance.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="repairEntrance">
+  <view class="repairEntrance page_padding">
     <view class="info">
       <view class="info_text">
         <view class="text_left text_justify">您没有报修处理权限，如需要请联系管理员。</view>

pages/repairList/repairList.vue

@@ -0,0 +1,19 @@
+<template>
+  <view>
+    我的报修
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        
+      };
+    }
+  }
+</script>
+
+<style lang="scss">
+
+</style>

readme.md

@@ -0,0 +1,9 @@
+# ITSM微信端
+# 目录说明-seimin(2024年4月15日)
+- http         存放请求处理方法
+- share        存放可复用的方法
+- interceptor  存放路由拦截器
+- pages        存放页面视图
+- static       存放资源文件
+- stores       存放状态管理
+- filters      存放过滤器

share/useLoginSuccess.js

@@ -4,7 +4,7 @@ export function useLoginSuccess() {
   /**
    * 登录成功后的操作
    */
-  function loginSuccess(user) {
+  const loginSuccess = (user) => {
     loginUserStore.setLoginUser(user.user);
     loginUserStore.setLoginUserMenu(user.menu);
     // 判断用户标识是否为处理人

share/useMakePhoneCall.js

@@ -0,0 +1,14 @@
+export function useMakePhoneCall() {
+  /**
+   * 拨打电话
+   */
+  const makePhoneCall = (phoneNumber) => {
+    uni.makePhoneCall({
+    	phoneNumber,
+    });
+  }
+
+  return {
+    makePhoneCall
+  };
+}

share/useSetTitle.js

@@ -1,5 +1,5 @@
 import { onLoad } from '@dcloudio/uni-app'
-import { get } from "@/http/http.js"
+import { api_getSysNameAndLogo } from "@/http/api.js"
 import { useLoginUserStore } from '@/stores/loginUser'
 const loginUserStore = useLoginUserStore()
 
@@ -7,14 +7,13 @@ export function useSetTitle() {
   /**
    * 设置标题
    */
-  function setTitle(){
-    console.log(loginUserStore.loginUser.sysName)
+  const setTitle = () => {
     if(loginUserStore.loginUser.sysName){
       uni.setNavigationBarTitle({
         title: loginUserStore.loginUser.sysName //页面标题为页面顶部显示的文字
       });
     }else{
-      get("/auth/getSysNameAndLogo").then(res => {
+      api_getSysNameAndLogo().then(res => {
         let sysName = res.sysName || '';
         loginUserStore.setLoginUserTitle(sysName)
         uni.setNavigationBarTitle({

share/useWechatAuth.js

@@ -1,23 +1,16 @@
-import {
-  get,
-  post,
-} from "@/http/http.js"
-import {
-  useLoginSuccess
-} from '@/share/useLoginSuccess.js'
-const {
-  loginSuccess
-} = useLoginSuccess()
+import { api_wechatAuth } from "@/http/api.js"
+import { useLoginSuccess } from '@/share/useLoginSuccess.js'
+const { loginSuccess } = useLoginSuccess()
 export function useWechatAuth() {
   /**
    * 微信登录2
    */
-  function wechatAuth() {
+  const wechatAuth = () => {
     uni.showLoading({
       title: "登录中",
       mask: true,
     });
-    post("/auth/wechatAuth", {
+    api_wechatAuth({
       redirectUrl: location.origin + location.pathname
     }).then(res => {
       uni.hideLoading();

static/font/demo_index.html

@@ -55,6 +55,24 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon newicon">&#xe6cf;</span>
+                <div class="name">暂无</div>
+                <div class="code-name">&amp;#xe6cf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon newicon">&#xe717;</span>
+                <div class="name">选择角标</div>
+                <div class="code-name">&amp;#xe717;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon newicon">&#xe6da;</span>
+                <div class="name">公告</div>
+                <div class="code-name">&amp;#xe6da;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon newicon">&#xe655;</span>
                 <div class="name">bitian</div>
                 <div class="code-name">&amp;#xe655;</div>
@@ -115,12 +133,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon newicon">&#xe604;</span>
-                <div class="name">报修</div>
-                <div class="code-name">&amp;#xe604;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon newicon">&#xe638;</span>
                 <div class="name">消息管理</div>
                 <div class="code-name">&amp;#xe638;</div>
@@ -162,9 +174,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'newicon';
-  src: url('iconfont.woff2?t=1712989645345') format('woff2'),
-       url('iconfont.woff?t=1712989645345') format('woff'),
-       url('iconfont.ttf?t=1712989645345') format('truetype');
+  src: url('iconfont.woff2?t=1713330377145') format('woff2'),
+       url('iconfont.woff?t=1713330377145') format('woff'),
+       url('iconfont.ttf?t=1713330377145') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -191,6 +203,33 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon newicon newicon-zanwu"></span>
+            <div class="name">
+              暂无
+            </div>
+            <div class="code-name">.newicon-zanwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon newicon newicon-xuanzejiaobiao"></span>
+            <div class="name">
+              选择角标
+            </div>
+            <div class="code-name">.newicon-xuanzejiaobiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon newicon newicon-gonggao"></span>
+            <div class="name">
+              公告
+            </div>
+            <div class="code-name">.newicon-gonggao
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon newicon newicon-bitian"></span>
             <div class="name">
               bitian
@@ -281,15 +320,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon newicon newicon-baoxiu"></span>
-            <div class="name">
-              报修
-            </div>
-            <div class="code-name">.newicon-baoxiu
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon newicon newicon-xiaoxiguanli"></span>
             <div class="name">
               消息管理
@@ -354,6 +384,30 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#newicon-zanwu"></use>
+                </svg>
+                <div class="name">暂无</div>
+                <div class="code-name">#newicon-zanwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#newicon-xuanzejiaobiao"></use>
+                </svg>
+                <div class="name">选择角标</div>
+                <div class="code-name">#newicon-xuanzejiaobiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#newicon-gonggao"></use>
+                </svg>
+                <div class="name">公告</div>
+                <div class="code-name">#newicon-gonggao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#newicon-bitian"></use>
                 </svg>
                 <div class="name">bitian</div>
@@ -434,14 +488,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#newicon-baoxiu"></use>
-                </svg>
-                <div class="name">报修</div>
-                <div class="code-name">#newicon-baoxiu</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#newicon-xiaoxiguanli"></use>
                 </svg>
                 <div class="name">消息管理</div>

static/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "newicon"; /* Project id 4304860 */
-  src: url('iconfont.woff2?t=1712989645345') format('woff2'),
-       url('iconfont.woff?t=1712989645345') format('woff'),
-       url('iconfont.ttf?t=1712989645345') format('truetype');
+  src: url('iconfont.woff2?t=1713330377145') format('woff2'),
+       url('iconfont.woff?t=1713330377145') format('woff'),
+       url('iconfont.ttf?t=1713330377145') format('truetype');
 }
 
 .newicon {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.newicon-zanwu:before {
+  content: "\e6cf";
+}
+
+.newicon-xuanzejiaobiao:before {
+  content: "\e717";
+}
+
+.newicon-gonggao:before {
+  content: "\e6da";
+}
+
 .newicon-bitian:before {
   content: "\e655";
 }
@@ -53,10 +65,6 @@
   content: "\e65c";
 }
 
-.newicon-baoxiu:before {
-  content: "\e604";
-}
-
 .newicon-xiaoxiguanli:before {
   content: "\e638";
 }

static/font/iconfont.json

@@ -6,6 +6,27 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "20043806",
+      "name": "暂无",
+      "font_class": "zanwu",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "733991",
+      "name": "选择角标",
+      "font_class": "xuanzejiaobiao",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "20266187",
+      "name": "公告",
+      "font_class": "gonggao",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
       "icon_id": "5933281",
       "name": "bitian",
       "font_class": "bitian",
@@ -76,13 +97,6 @@
       "unicode_decimal": 58972
     },
     {
-      "icon_id": "5796777",
-      "name": "报修",
-      "font_class": "baoxiu",
-      "unicode": "e604",
-      "unicode_decimal": 58884
-    },
-    {
       "icon_id": "5223836",
       "name": "消息管理",
       "font_class": "xiaoxiguanli",

static/scss/common.scss

@@ -2,8 +2,16 @@
 page{
   background-color: #fff;
   color: #000;
-  padding: 0 24rpx;
-  height: 100vh;
+  height: calc(100vh - 50px);
+}
+
+uni-toast{
+  z-index: 99999;
+}
+
+.page_padding{
+  padding-left: 24rpx;
+  padding-right: 24rpx;
 }
 
 // 居中
@@ -56,3 +64,34 @@ page{
 .uni-modal__bd{
   text-align: justify;
 }
+
+// 按钮组
+.btns{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 24rpx;
+  .btn{
+    flex: 1;
+    margin-right: 24rpx;
+    &:last-of-type{
+      margin-right: 0;
+    }
+  }
+}
+
+// 单行省略
+.ellipsis {
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出容器的文本 */
+  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */
+}
+
+// 两行省略
+.ellipsis-multiline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /* 定义显示的行数 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

utils/isTimestamp.js

@@ -0,0 +1,15 @@
+import { isDate } from 'date-fns';
+
+/**
+ * 判断是否是时间戳
+ */
+export const isTimestamp = (value) => {
+  // 判断是否为数字
+  if (typeof value !== 'number') return false;
+  // 判断是否为合理的时间戳（大于0）
+  if (value <= 0) return false;
+  // 判断是否为Math.floor(value)，即是否为整数
+  if (value !== Math.floor(value)) return false;
+  // 判断是否为日期对象
+  return isDate(new Date(value));
+}