项目初始化

README.md

@@ -1,2 +1,21 @@
-# ITSM3-service-wechat
+# jry
 
+> jryVue
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

build/webpack.base.conf.js

@@ -64,10 +64,6 @@ module.exports = {
           limit: 90000,
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
         }
-      },
-      {
-        test: /\.less$/,
-        loader: "style-loader!css-loader!less-loader"
       }
     ]
   },

build/webpack.prod.conf.js

@@ -35,10 +35,7 @@ const webpackConfig = merge(baseWebpackConfig, {
     new UglifyJsPlugin({
       uglifyOptions: {
         compress: {
-          warnings: false,
-            // 以下两行配置，关闭 debug 和 console
-          drop_debugger: true,
-          drop_console: true
+          warnings: false
         }
       },
       sourceMap: config.build.productionSourceMap,
@@ -127,9 +124,7 @@ if (config.build.productionGzip) {
 
   webpackConfig.plugins.push(
     new CompressionWebpackPlugin({
-     asset: '[path].gz[query]',// 原配置报错：ValidationError: Compression Plugin Invalid Options
-    //  filename: '[path].gz[query]', // 将asset 修改为 filename 后又报错：TypeError: Cannot read property 'emit' of undefined，执行以下操作：npm install --save-dev compression-webpack-plugin@1.1.12
-     
+      asset: '[path].gz[query]',
       algorithm: 'gzip',
       test: new RegExp(
         '\\.(' +

config/index.js

@@ -2,9 +2,8 @@
 // Template version: 1.3.1
 // see http://vuejs-templates.github.io/webpack for documentation.
 
-
 const path = require('path')
-const host=require('../src/request/host')
+
 module.exports = {
   dev: {
     // 新加的一行
@@ -13,22 +12,23 @@ module.exports = {
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
-      '/service': { //自定义名字，代表的是以下target中的内容
-        target: host.host+'/service/', //微信
-        // target: 'http://weixintest.ngser.dashitech.com/service/',//微信
-
-        // target: 'http://192.168.3.100:8080/service/',//微信
-        // target: 'http://localhost/service/',//微信
-        changeOrigin: true, //是否允许跨域
-        pathRewrite: {
-          '^/service': ''
-        }
-      }
+      // '/service': {//自定义名字，代表的是以下target中的内容
+      //   target: 'http://192.168.3.100:8080/service/',//微信
+      //   // target: 'http://weixintest5.ngser.dashitech.com/service/',//微信
+      //   // target: 'http://localhost:8080/service/',//微信
+      //   // target: 'http://192.168.199.165:8080/service/',//黄伟
+      //   // target: 'http://192.168.3.100:8080/service/',//100
+      //   changeOrigin: true,//是否允许跨域
+      //   pathRewrite: {
+      //     '^/service': ''
+      //   }
+      // }
     },
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST
-    // host: '192.168.3.170', // can be overwritten by process.env.HOST
+    // host: '127.0.0.1', // can be overwritten by process.env.HOST
+    // host: '192.168.199.177', // can be overwritten by process.env.HOST
     // host: '192.168.31.32', // can be overwritten by process.env.HOST
     // host: '192.168.31.32', // can be overwritten by process.env.HOST
     // host: '0.0.0.0', // can be overwritten by process.env.HOST
@@ -39,7 +39,7 @@ module.exports = {
     // notifyOnErrors: true,
     // poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
 
-
+    
     /**
      * Source Maps
      */
@@ -70,7 +70,7 @@ module.exports = {
      * Source Maps
      */
 
-    productionSourceMap: false, // 把该项的配置修改为 false，关闭 source map
+    productionSourceMap: true,
     // https://webpack.js.org/configuration/devtool/#production
     devtool: '#source-map',
 
@@ -78,7 +78,7 @@ module.exports = {
     // Surge or Netlify already gzip all static assets for you.
     // Before setting to `true`, make sure to:
     // npm install --save-dev compression-webpack-plugin
-    productionGzip: true, // 开启 gzip 功能, 开启 GZIP 压缩，进一步压缩 js 和 css 文件的体积
+    productionGzip: false,
     productionGzipExtensions: ['js', 'css'],
 
     // Run the build command with an extra argument to

config/prod.env.js

@@ -1,4 +1,4 @@
 'use strict'
 module.exports = {
-  NODE_ENV: '"production"',
+  NODE_ENV: '"production"'
 }

index.html

@@ -8,7 +8,7 @@
         content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <!-- <meta name="viewport" content="width=device-width,intial-scale=1,user-
         scalable=no"> -->
-    <title>网信运维</title> 
+    <title>微信报修</title>
     <style>
       html{
         background-color: white;

package.json

@@ -12,20 +12,16 @@
   "dependencies": {
     "axios": "^0.18.0",
     "cube-ui": "^1.12.10",
-    "less": "^3.9.0",
-    "less-loader": "^4.1.0",
     "lib-flexible": "^0.3.2",
     "vue": "^2.5.2",
     "vue-axios": "^2.1.4",
-    "vue-router": "^3.0.1",
-    "vuex": "^3.1.1"
+    "vue-router": "^3.0.1"
   },
   "compileDependencies": [
     "cube-ui"
   ],
   "devDependencies": {
     "autoprefixer": "^7.1.2",
-    "babel-cli": "^6.26.0",
     "babel-core": "^6.22.1",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-loader": "^7.1.1",
@@ -33,10 +29,9 @@
     "babel-plugin-transform-modules": "^0.0.2",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-preset-env": "^1.7.0",
+    "babel-preset-env": "^1.3.2",
     "babel-preset-stage-2": "^6.22.0",
     "chalk": "^2.0.1",
-    "compression-webpack-plugin": "^1.1.12",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.28.0",
     "extract-text-webpack-plugin": "^3.0.0",

src/App.vue

@@ -1,152 +1,30 @@
 <template>
-  <div id="app">
-    <router-view></router-view>
-  </div>
+	<div id="app">
+		<router-view></router-view>
+	</div>
 </template>
 
 <script>
 export default {
-  name: "app",
-  components: {},
-  methods: {}
-};
-</script>
+	name: 'app',
+	components: {
+		
+	},
+	methods:{
 
-<style lang='less'>
-body,#app{
-  height: 100%;
-}
-* {
-  font-family: "微软雅黑";
-}
-.fl {
-  float: left;
-}
-.fr {
-  float: right;
-}
-.overflowEllipsis2 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical !important;
-  text-overflow: -o-ellipsis-lastline;
-}
-.btn {
-  display: inline-block;
-  // width: 1.6rem;
-  height: 0.36rem;
-  line-height: 0.36rem;
-  font-size: 0.24rem;
-  text-align: center;
-  border-radius: 0.3rem;
-  border-width: 0.01rem;
-  border-style: solid;
-  padding: 0 0.16rem;
-  &.daipingjia {
-    border-color: #e0872c;
-    color: #e0872c;
-    background: #fbf3e9;
-  }
-  &.daiqiangdan {
-    border-color: #991f00;
-    color: #991f00;
-    background: #f4e8e5;
-  }
-  &.yiguanbi {
-    border-color: #333;
-    color: #333;
-    background: #eee;
-  }
-  &.daishenhe {
-    border-color: #fcb44c;
-    color: #fcb44c;
-    background: #fff;
-  }
-  &.chulizhong {
-    border-color: #003057;
-    color: #003057;
-    background: #e5eaee;
-  }
-  &.yijiejue {
-    border-color: #40a19c;
-    color: #40a19c;
-    background: #ebf5f5;
-  }
-  &.chongxinzhipai {
-    border-color: #48a843;
-    color: #48a843;
-    background: #ecf6ec;
-  }
-  &.daijiedan {
-    border-color: #c2654e;
-    color: #c2654e;
-    background: #faf4f2;
-  }
-  &.zhixingzhong {
-    border-color: #005395;
-    color: #005395;
-    background: #e5edf4;
-  }
-  &.yiwancheng {
-    border-color: #056b00;
-    color: #056b00;
-    background: #e6f0e5;
-  }
-  &.isValid{
-    border-color: #c21b1b;
-    color: #c21b1b;
-    background: #f8e7e7;
-  }
-  &.noValid{
-    border-color: #999;
-    color: #999;
-    background: #f4f4f4;
-  }
-  &.bushouli{
-    border-color: #999;
-    color: #999;
-    background: #f4f4f4;
-  }
-  &.yizhuanhuan{
-    border-color: #999;
-    color: #999;
-    background: #f4f4f4;
-  }
-  &.weizhuanhuan{
-    border-color: #01559d;
-    color: #01559d;
-    background: #e5eef5;
-  }
+	},
 }
 
-// 巡检详情按钮
-.inspedtionDetail {
-  .cube-switch .cube-switch-input:checked,
-  .cube-switch-ui {
-    border-color: #ccc !important;
-    background-color: #971e00 !important;
-  }
-}
-// 新建事件按钮
-.newIncident {
-  .cube-btn.cube-btn_active,
-  .cube-btn:active {
-    background-color: #fff !important;
-  }
-}
+</script>
 
-// font-color 字体颜色
-i.iconfont {
-  &.icon-yiyuqi {
-    color: #991f00;
-  }
-  &.icon-jijiang {
-    color: #a37200;
-  }
-  &.icon-zhengchang {
-    color: #056a00;
-  }
+<style>
+*{
+	font-family: "微软雅黑"
+}
+.noDataFont{
+	height: .5rem;
+	line-height: .5rem;
+	color: #666666;
+	text-align: center
 }
 </style>

src/common/stylus/reset.styl

@@ -44,7 +44,7 @@ table
 /* custom */
 
 a
-  color: #999
+  color: #7e8c8d
   text-decoration: none
 
 li

src/components/category-cascade-picker.vue

@@ -1,45 +0,0 @@
-<template>
-  <cube-cascade-picker ref="casPicker" :data="data" :selectedIndex="selectedIndex" @select="select"></cube-cascade-picker>
-</template>
-
-<script>
-const COMPONENT_NAME = "category-picker";
-const EVENT_SELECT = "select";
-const EVENT_CANCEL = "cancel";
-
-export default {
-  name: COMPONENT_NAME,
-  props: {
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedIndex: {
-      type: Array,
-      default() {
-        return [0, 0, 0];
-      }
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {
-    show() {
-      this.$refs.casPicker.show();
-    },
-    hide() {
-      this.$refs.cascadePicker.hide();
-    },
-    select(selectedVal, selectedIndex, selectedText) {
-      this.$emit(EVENT_SELECT, selectedVal, selectedIndex, selectedText);
-    },
-    cancel() {
-      this.$emit(EVENT_CANCEL);
-    }
-  }
-};
-</script>

src/components/form/form.vue

@@ -342,7 +342,7 @@
           -webkit-text-stroke-width: 0.2px
           -moz-osx-font-smoothing: grayscale
     .cube-form-label
-      width: 95px
+      width: 100px
       padding-right: 10px
     .cube-checkbox-group, .cube-radio-group
       &::before, &::after

src/components/place-cascade-picker.vue

@@ -1,45 +0,0 @@
-<template>
-  <cube-cascade-picker ref="placePicker" :data="data" :selectedIndex="selectedIndex" @select="select"></cube-cascade-picker>
-</template>
-
-<script>
-const COMPONENT_NAME = "place-picker";
-const EVENT_SELECT = "select";
-const EVENT_CANCEL = "cancel";
-
-export default {
-  name: COMPONENT_NAME,
-  props: {
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedIndex: {
-      type: Array,
-      default() {
-        return [0, 0];
-      }
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {
-    show() {
-      this.$refs.placePicker.show();
-    },
-    hide() {
-      this.$refs.placePicker.hide();
-    },
-    select(selectedVal, selectedIndex, selectedText) {
-      this.$emit(EVENT_SELECT, selectedVal, selectedIndex, selectedText);
-    },
-    cancel() {
-      this.$emit(EVENT_CANCEL);
-    }
-  }
-};
-</script>

src/components/requester-cascade-picker.vue

@@ -1,46 +0,0 @@
-<template>
-  <cube-cascade-picker ref="requesterPicker" :data="data" :selectedIndex="selectedIndex" @select="select" 
-    @cancel="cancel"></cube-cascade-picker>
-</template>
-
-<script>
-const COMPONENT_NAME = "requester-picker";
-const EVENT_SELECT = "select";
-const EVENT_CANCEL = "cancel";
-
-export default {
-  name: COMPONENT_NAME,
-  props: {
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedIndex: {
-      type: Array,
-      default() {
-        return [0, 0, 0];
-      }
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {
-    show() {
-      this.$refs.requesterPicker.show();
-    },
-    hide() {
-      this.$refs.requesterPicker.hide();
-    },
-    select(selectedVal, selectedIndex, selectedText) {
-      this.$emit(EVENT_SELECT, selectedVal, selectedIndex, selectedText);
-    },
-    cancel() {
-      this.$emit(EVENT_CANCEL);
-    }
-  }
-};
-</script>

src/http/index.js

@@ -0,0 +1,42 @@
+import axios from 'axios'
+import Vue from 'vue'
+let domainName = document.domain;//域名
+let protocolName = document.location.protocol;//http协议
+// axios.defaults.baseURL='http://localhost';
+// axios.defaults.timeout = 5000;
+axios.defaults.baseURL = protocolName + '//' + domainName;
+// axios.defaults.baseURL='http://itil.hnu.edu.cn';
+// axios.defaults.baseURL='http://itsmpoc.dashitech.com';
+Vue.prototype.$http = axios
+Vue.prototype.$host = protocolName + '//' + domainName
+//http response 拦截器
+axios.interceptors.response.use(
+  response => {
+    return response;
+  },
+  async (error) => {
+    let err = error.response;
+    console.log(err);
+    if (404 === error.response.status && err.request.responseURL.includes('index.html')) {
+      let res1 = await getLoginType();
+      let loginConfig = localStorage.getItem('loginConfig');
+      if (res1.status == 200 && res1.data.status == 200 && res1.data.data == 'web' && loginConfig) {
+        let { username, password } = JSON.parse(loginConfig);
+        let res2 = await zlogin({ username, password });
+        if (res2.status == 200 && res2.data.state == 200) {
+          location.reload();
+        }
+      }
+    } else {
+      return Promise.reject(error);
+    }
+  }
+);
+// 获取报修人登录方式
+function getLoginType() {
+  return axios.post("service/wechat/getLoginType", {});
+}
+// 账号密码登录
+function zlogin(obj) {
+  return axios.post("service/auth/reqlogin", obj);
+}

src/main.js

@@ -3,73 +3,18 @@
 import Vue from 'vue'
 import App from './App'
 import router from './router'
-import axios from 'axios'
 import Cube from './index'
-import Store from './store/store'
-import http from '../src/request/http'
 import 'lib-flexible'
+// import {get,post} from './service/http'
+import './http'
 Vue.use(Cube)
-// 设置默认请求接口（删掉地址栏中的后缀）
-// axios.defaults.baseURL = http.host;
-// axios.defaults.timeout = 5000;
-axios.defaults.headers['Content-Type'] = 'application/json;charset=UTF-8';
 
-
-Vue.prototype.$http = axios
 Vue.config.productionTip = false
-// http request拦截器 添加一个请求拦截器
-axios.interceptors.request.use(function (config) {
-  document.cookie = "JSESSIONID=A835F24A945D3E045DEE5FA5C3AD40AB";
-  let token = window.localStorage.getItem("token")
-  if (token) {
-    config.headers['access-token'] = token; //将token放到请求头发送给服务器
-  }
-  return config;
-}, function (error) {
-  return Promise.reject(error);
-});
-
 
-let count=0;
-// http response 拦截器
-axios.interceptors.response.use(
-  response => {
-    if(response.data.state==433&&count<1){
-      count++;
-      alert(response.data.error+'，请重新登录！')
-      router.push({ path: "/login" });
-      window.location.reload();
-    }
-    return response
-  },
-  // error => {
-  //   if (error.response) {
-  //       alert(error.response.status)
-  //     switch (error.response.status) {
-  //       case 401:
-  //         // 401 清除token信息并跳转到登录页面
-  //         // 只有在当前路由不是登录页面才跳转
-  //         // router.currentRoute.path !== 'login' &&
-  //           // router.replace({
-  //           //   path: '/login',
-  //           //   // query: {
-  //           //   //   redirect: router.currentRoute.path
-  //           //   // },
-  //           // })
-  //           router.push({ path: "/login" });
-  //     }
-  //   }
-  //   // console.log(JSON.stringify(error));//console : Error: Request failed with status code 402
-  //   return Promise.reject(response.data.error)
-  // },
-)
 /* eslint-disable no-new */
 new Vue({
   el: '#app',
   router,
-  components: {
-    App
-  },
-  template: '<App/>',
-  store:Store
+  components: { App },
+  template: '<App/>'
 })

src/request/api.js

@@ -1,75 +0,0 @@
-import axios from 'axios';
-import Host from './host'
-
-// 域名
-export const host = Host.host
-
-// 登录
-export const login = () => {
-  return axios.post('/service/api/login', {
-    username: "dsadmin",
-    password: "1"
-  });
-}
-
-// fetchDataList接口-bpm
-export const bpmFetchDataList = (name, params) => {
-  return axios.post('/service/api/bpm/data/fetchDataList/' + name, params);
-}
-// fetchDataList接口-user
-export const userFetchDataList = (name, params) => {
-  return axios.post('/service/api/user/data/fetchDataList/' + name, params);
-}
-// getDictionary接口
-export const getDictionary = (type, key) => {
-  return axios.post('/service/api/common/common/getDictionary', {
-    type,
-    key
-  });
-}
-
-// 获取事件
-export const getIncident = params => {
-  return axios.post('/service/api/bpm/bpm/fetchTask/bpm_incident', params);
-}
-
-// 获取事件详情
-export const getIncidentDetail = (processInstanceId) => {
-  return axios.get('/service/api/config/form/renderForm/incident_back/' + processInstanceId + '/00000');
-}
-// 获取事件详情处理进度
-export const getIncidentProgressInfo = (processInstanceId) => {
-  return axios.post('/service/api/bpm/bpm/flowTracing/' + processInstanceId, {});
-}
-// 播放事件描述录音
-export const getIncidentDesAudio = (callID) => {
-  return axios.get('/recording/recording?callID=' + callID, {});
-}
-// 获取事件详情图片
-export const getIncidentImgs = (processInstanceId, params) => {
-  return axios.post('/service/api/bpm/bpm/getAttachmentList/' + processInstanceId, params);
-}
-
-// 留言列表点击无效
-export const recordChangeValid = params => {
-  return axios.post('/service/api/bpm/data/updData/hjzxRecord', params);
-}
-
-// 微信/WEB报障提交不受理原因
-export const submitWebRemark = (id,params) => {
-  return axios.post('/service/api/apply/bpm/wxIncidentReject/'+id, params);
-}
-
-// 新建事件：
-// 获取微信/web报障图片
-export const getIncidentWebImgs = (failureId) => {
-  return axios.get('/service/api/common/common/listAttachment/webRequesterIncident/' + failureId, {});
-}
-// 获取事件单号
-export const getSjNum = () => {
-  return axios.get('/service/api/bpm/bpm/restful/sj', {});
-}
-// 事件提交
-export const submitIncident = params => {
-  return axios.post('/service/api/bpm/bpm/start/bpm_incident', params);
-}

src/request/host.js

@@ -1,3 +0,0 @@
-module.exports={
-    host:"http://itservice.hust.edu.cn"
-}

src/request/http.js

@@ -1,4 +0,0 @@
-import * as api from './api'
-
-export default api
-

src/router/index.js

@@ -2,19 +2,25 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import Login from './../views/Login.vue'
 import Main from './../views/Main.vue'
-import Indes from './../views/indes.vue' //首页
-import WxChartList from './../views/wxChartList.vue' //微信/WEB报障
-import IncidentList from './../views/incidentList.vue' //事件列表
-import RecordList from './../views/RecordList.vue' //留言列表
-import NewIncident from './../views/newIncident.vue' //新建事件
-import Guide from './../views/guide.vue' //公告公示
-import GuideDetail from './../views/guideDetail.vue' //公告详情
-import IncidentDetail from './../views/incidentDetail.vue' //事件详情
-import WxChartDetail from './../views/wxChartDetail.vue' //微信/WEB报障详情
+import Indes from './../views/indes.vue'//首页
+import Repair from './../views/repair.vue'//我的报修
+import My from './../views/my.vue'//设置
+import IncidentList from './../views/incidentList.vue'//事件列表
+import MyModify from './../views/myModify.vue'//个人信息修改
+import NoticeDetails from './../views/noticeDetails.vue'//公告详情
+import NoticeList from './../views/noticeList.vue'//公告列表
+import KnowList from './../views/knowList.vue'//知识库列表
+import KnowDetails from './../views/knowDetails.vue'//知识库详情
+import Guide from './../views/guide.vue'//服务指南
+import IncidentDetails from './../views/incidentDetails.vue'//事件详情
+import CommonProblem from './../views/commonProblem.vue'//常见问题
+import Maintenance from './../views/maintenance.vue'//维修范围
+import Evaluate from './../views/evaluate.vue'//评价页面
 Vue.use(Router)
 
-const router= new Router({
-  routes: [{
+export default new Router({
+  routes: [
+    {
       path: '/login',
       component: Login,
       name: '',
@@ -25,113 +31,93 @@ const router= new Router({
       component: Main,
       name: '',
       hidden: true,
-      children: [{
-          path: '/',
-          redirect: '/main/indes'
-        },
+      children: [
+        { path: '/', redirect: '/main/indes' },
         {
           path: '/main/indes',
           component: Indes,
-          meta: {
-            allowBack: false
-          },
-        },
-        {
-          path: '/main/wxChartList',
-          name: 'WxChartList',
-          component: WxChartList,
-          meta: {
-            allowBack: false
-          },
-          children: []
+          meta: { allowBack: false },
         },
         {
           path: '/main/incidentList',
-          name: 'IncidentList',
+          name:'IncidentList',
           component: IncidentList,
-          meta: {
-            allowBack: false
-          },
-          children: []
+          meta: { allowBack: false },
         },
         {
-          path: '/main/recordList',
-          name: 'RecordList',
-          component: RecordList,
-          meta: {
-            allowBack: false
-          },
-          children: []
+          path: '/main/my',
+          component: My,
+          meta: { allowBack: false },
         },
       ]
     },
     {
-      path: '/incidentDetail',
-      name: 'IncidentDetail',
-      component: IncidentDetail,
-      meta: {
-        allowBack: false
-      },
-    },{
-      path: '/wxChartDetail',
-      name: 'WxChartDetail',
-      component: WxChartDetail,
-      meta: {
-        allowBack: false
-      },
+      path: '/repair',
+      component: Repair,
+      meta: { allowBack: false },
+    },
+    {
+      path: '/myModify/:data',
+      name:'MyModify',
+      component: MyModify,
+      meta: { allowBack: false },
+    },
+    {
+      path: '/noticeDetails/:data',
+      name:'NoticeDetails',
+      component: NoticeDetails,
+      meta: { allowBack: false },
+    },
+    {
+      path: '/noticeList',
+      component: NoticeList,
+      meta: { allowBack: false },
+    },
+    {
+      path: '/knowList',
+      name:'KnowList',
+      component: KnowList,
+      meta: { allowBack: false },
     },
     {
-      path: '/newIncident',
-      name: 'NewIncident',
-      component: NewIncident,
-      meta: {
-        allowBack: false
-      },
+      path: '/knowDetails/:data',
+      name:'KnowDetails',
+      component: KnowDetails,
+      meta: { allowBack: false },
     },
     {
       path: '/guide',
       component: Guide,
-      meta: {
-        allowBack: false
-      },
+      meta: { allowBack: false },
+    },
+    {
+      path: '/incidentDetails/:data',
+      name:'IncidentDetails',
+      component: IncidentDetails,
+      meta: { allowBack: false },
     },
     {
-      path: '/guideDetail',
-      name: 'GuideDetail',
-      component: GuideDetail,
-      meta: {
-        allowBack: false
-      },
+      path: '/commonProblem/:data',
+      name:'CommonProblem',
+      component: CommonProblem,
+      meta: { allowBack: false },
+    },
+    {
+      path: '/evaluate/:data',
+      component: Evaluate,
+      name:'Evaluate',
+      meta: { allowBack: false },
+    },
+    {
+      path: '/maintenance',
+      name:'Maintenance',
+      component: Maintenance,
+      meta: { allowBack: false },
     },
-    // {
-    //   path: '/',
-    //   redirect: '/login'
-    // },
     {
       path: '*',
       hidden: true,
-      redirect: {
-        path: '/login'
-      }
+      redirect: { path: '/login' }
     }
   ]
-});
-
-
-
-// 导航守卫
-// 使用 router.beforeEach 注册一个全局前置守卫，判断用户是否登陆
-router.beforeEach((to, from, next) => {
-  if (to.path === '/login') {
-    next();
-  } else {
-    let token = localStorage.getItem('token');
-    if (token === 'null' || token === '') {
-      next('/login');
-    } else {
-      next();
-    }
-  }
-});
- 
-export default router;
+})

src/service/http.js

@@ -0,0 +1,121 @@
+import axios from 'axios'; // 引入axios
+import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据，后面会提到
+// vant的toast提示框组件，大家可根据自己的ui组件更改。
+
+axios.defaults.timeout = 5000;
+axios.defaults.baseURL ='http://localhost:8080/service/';
+
+
+//http request 拦截器
+axios.interceptors.request.use(
+  config => {
+    // const token = getCookie('名称');注意使用的时候需要引入cookie方法，推荐js-cookie
+    config.data = JSON.stringify(config.data);
+    config.headers = {
+      'Content-Type': 'application/json;charset=UTF-8',
+      'access-token':'123456',
+      'Accept-Language':'zh-CN,zh;q=0.9'
+    }
+    // if(token){
+    //   config.params = {'token':token}
+    // }
+    return config;
+  },
+  error => {
+    return Promise.reject(err);
+  }
+);
+
+
+//http response 拦截器
+axios.interceptors.response.use(
+  response => {
+    if(response.data.errCode ==2){
+      router.push({
+        path:"/login",
+        querry:{redirect:router.currentRoute.fullPath}//从哪个页面跳转
+      })
+    }
+    return response;
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+
+/**
+ * 封装get方法
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function fetch(url,params={}){
+  return new Promise((resolve,reject) => {
+    axios.get(url,{
+      params:params
+    })
+    .then(response => {
+      resolve(response.data);
+    })
+    .catch(err => {
+      reject(err)
+    })
+  })
+}
+
+
+/**
+ * 封装post请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+ export function post(url,data = {}){
+   return new Promise((resolve,reject) => {
+     axios.post(url,data)
+          .then(response => {
+            resolve(response.data);
+          },err => {
+            reject(err)
+          })
+   })
+ }
+
+ /**
+ * 封装patch请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function patch(url,data = {}){
+  return new Promise((resolve,reject) => {
+    axios.patch(url,data)
+         .then(response => {
+           resolve(response.data);
+         },err => {
+           reject(err)
+         })
+  })
+}
+
+ /**
+ * 封装put请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function put(url,data = {}){
+  return new Promise((resolve,reject) => {
+    axios.put(url,data)
+         .then(response => {
+           resolve(response.data);
+         },err => {
+           reject(err)
+         })
+  })
+}

src/store/store.js

@@ -1,27 +0,0 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-import * as types from './types'
-Vue.use(Vuex);
- 
-const store = new Vuex.Store({
- 
-  state: {
-    // 存储token
-    token: localStorage.getItem('token') ? localStorage.getItem('token') : '',
-
-    // token: null,
-  },
-  mutations: {
-    // 修改token，并将token存入localStorage
-    setToken (state,token) {
-        state.token =token;
-        localStorage.setItem("token",token.token);     //存储token
-    }, 
-    // [types.LOGIN]: (state, data) => {
-    //     localStorage.token = data;
-    //     state.token = data;
-    // },
-  }
-});
- 
-export default store;

src/store/types.js

@@ -1,6 +0,0 @@
-/**
- * Created by superman on 17/2/16.
- * vuex types
- */
-
-export const LOGIN = 'login';

src/views/App.vue

@@ -22,5 +22,4 @@ export default {
 .bgColor{
       background-color: white
   }
-  
 </style>

src/views/Login.vue

@@ -1,51 +1,192 @@
 <template>
   <div class="fle bgColor">
-    <load-ing></load-ing>
+    <load-ing v-show="requesterLgoinType == 'wechat'"></load-ing>
+    <h2
+      v-if="requesterLgoinType == 'web'"
+      style="font-size: 0.36rem; margin-bottom: 0.36rem; font-weight: 700"
+    >
+      网络与信息运维报修平台
+    </h2>
+    <div v-if="requesterLgoinType == 'web'" style="width: 5rem">
+      <cube-input
+        v-model="zhanghao"
+        placeholder="您的账号为工号或学号"
+      ></cube-input>
+      <br />
+      <cube-input
+        v-model="mima"
+        type="password"
+        placeholder="您的初始密码为学号或工号后四位"
+      ></cube-input>
+      <br />
+      <cube-button @click="zlogin()" style="background: #005395"
+        >登录</cube-button
+      >
+    </div>
   </div>
 </template>
 
 <script>
-// 注意事项：个人微信需要关注微工作台，否则会导致没有userId（userId为openID）登录失败
-
 import LoadIng from "./../views/loading.vue";
-import http from "../request/http";
 export default {
   data() {
     return {
-      token: ""
+      zhanghao: "",
+      mima: "",
+      requesterLgoinType: "",
     };
   },
   components: {
-    LoadIng
+    LoadIng,
   },
   methods: {
-    // 登录
+    // 登陆
     login() {
       var that = this;
-      http
-        .login()
-        .then(function(res) {
-          that.loading = false;
-          if (res.data && res.data.state == 201) {
-            localStorage.setItem("token", res.headers["access-token"]);
+      that.$http.post("service/auth/reqwechatlogin", {}).then((res) => {
+        if (res.data.url) {
+          window.location.href = res.data.url;
+        } else {
+          if (res.data.user) {
             localStorage.setItem(
               "loginUser",
-              JSON.stringify(res.data.data.user)
+              JSON.stringify(res.data.user.requester)
+            );
+            this.loginNext();
+          }
+        }
+      });
+    },
+    // 获取code
+    getCode() {
+      var that = this;
+      var url = window.location.href.split("?");
+      if (!url[1]) {
+        that.login();
+      } else {
+        var code = {
+          code: url[1],
+          name: "微信报修",
+        };
+        that.$http.post("service/auth/reqwechatlogin2", code).then((res) => {
+          if (res.data.state == 200) {
+            if (res.data.user) {
+              localStorage.setItem(
+                "loginUser",
+                JSON.stringify(res.data.user.requester)
+              );
+              this.loginNext();
+            }
+          } else if (res.data.state == 501) {
+            that
+              .$createDialog({
+                type: "alert",
+                title: "您的账号被删除，请联系管理员",
+                icon: "cubeic-alert",
+              })
+              .show();
+          } else {
+            that
+              .$createDialog({
+                type: "alert",
+                title: res.data.remarks,
+                icon: "cubeic-alert",
+              })
+              .show();
+          }
+        });
+      }
+    },
+    loginNext() {
+      // seimin
+      // 获取报修主体
+      this.$http
+        .post("service/sysinfo/data/fetchDataList/systemConfiguration", {
+          idx: 0,
+          sum: 1000,
+          systemConfiguration: { keyconfig: "repairMain" },
+        })
+        .then((result) => {
+          if (result.data.status == 200) {
+            var repairMain = result.data.list[0];
+            window.localStorage.setItem(
+              "repairMain",
+              JSON.stringify(repairMain)
             );
-            // that.setToken({token: res.headers['access-token']});
-            // that.$store.commit(types.LOGIN, this.token)
-            that.$router.push({ path: "/main" });
+            // 获取是否自动建单
+            this.$http
+              .post("service/sysinfo/data/fetchDataList/systemConfiguration", {
+                idx: 0,
+                sum: 1000,
+                systemConfiguration: { keyconfig: "ifCreate" },
+              })
+              .then((result) => {
+                if (result.data.status == 200) {
+                  var ifCreate = result.data.list[0];
+                  window.localStorage.setItem(
+                    "ifCreate",
+                    JSON.stringify(ifCreate)
+                  );
+                  this.$router.push({ path: "/main" });
+                }
+              });
+          }
+        });
+      // seimin
+    },
+    // 获取报修人登录方式
+    getLoginType() {
+      this.$http.post("service/wechat/getLoginType", {}).then((result) => {
+        if (result.data.status == 200) {
+          this.requesterLgoinType = result.data.data;
+          window.localStorage.setItem(
+            "requesterLgoinType",
+            this.requesterLgoinType
+          );
+          if (this.requesterLgoinType == "wechat") {
+            this.getCode();
+          } else if (this.requesterLgoinType == "web") {
+            // this.$router.push({ path: "/login" });
           }
+        }
+      });
+    },
+    // 账号密码登录
+    zlogin() {
+      console.log(this);
+      var that = this;
+      this.$http
+        .post("service/auth/reqlogin", {
+          username: this.zhanghao,
+          password: this.mima,
         })
-        .catch(error => {
-          // alert('账号或密码错误');
-          console.log(error);
+        .then((res) => {
+          that.loading = false;
+          if (res.data && res.data.state == 200) {
+            var loginUserStr = JSON.stringify(res.data.data.requester);
+            localStorage.setItem("loginUser", loginUserStr);
+            localStorage.setItem(
+              "loginConfig",
+              JSON.stringify({ username: this.zhanghao, password: this.mima })
+            );
+            this.loginNext();
+          } else {
+            that
+              .$createDialog({
+                type: "alert",
+                title: "系统错误",
+                content: "请稍后再试",
+                icon: "cubeic-wrong",
+                color: "red",
+              })
+              .show();
+          }
         });
-    }
+    },
   },
   created() {
-    this.login();
-  }
+    this.getLoginType();
+  },
 };
 </script>
 
@@ -60,7 +201,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  /* background: url(./../../static/images/weChartBackImage.jpg); */
+  background: url(./../../static/images/weChartBackImage.jpg);
   background-size: cover;
 }
 /* .bgColor{
@@ -92,7 +233,3 @@ input:focus {
   border-radius: 10px;
 }
 </style>
-
-
-
-

src/views/Main.vue

@@ -5,16 +5,16 @@
         </transition>
         <div class="section2">
             <router-link to="/main/indes" class="link" active-class="active">
-                <i class="iconfont dsit-ziyuan-zhuye"></i>
+                <i class="iconfont icon-shouyexian"></i>
                 <span>首页</span>
             </router-link>
-             <router-link to="/NewIncident" class="link" active-class="active">
-                <i class="iconfont dsit-ziyuan-baoxiu"></i>
-                <span>新建事件</span>
-            </router-link>
             <router-link to="/main/incidentList" class="link" active-class="active">
-                <i class="iconfont dsit-shijianliebiao_ruisong1"></i>
-                <span>事件列表</span>
+                <i class="iconfont icon-baoxiuxian"></i>
+                <span>我的报修</span>
+            </router-link>
+            <router-link to="/main/my" class="link" active-class="active">
+                <i class="iconfont icon-wodexian"></i>
+                <span>设置</span>
             </router-link>
         </div>
     </div>
@@ -80,4 +80,4 @@ export default {
 .fade-leave-active{
     opacity: 0;
 }
-</style>
+</style>

src/views/commonProblem.vue

@@ -0,0 +1,101 @@
+<template>
+    <div>
+        <div class="label">
+            常见问题</div>
+        <div v-for="(v,index) in items">
+            <div class="title" @click="titClick(index)">
+                <span>{{v.title}}</span>
+                <i class="iconfont icon-moren ico"></i>
+            </div>
+            <div class="conent">
+                <div v-html="v.content"></div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            items:[
+                
+            ],
+            dictionaryId:"",
+            data:[]
+        }
+    },
+    methods:{
+        getParamsData(){
+            this.data=JSON.parse(this.$route.params.data)
+        },
+        titClick(res){
+            if($(".conent").eq(res).css("height")=="0px"){
+                $(".conent").eq(res).animate({"height":"100%"},0);
+                $(".ico").eq(res).css({"transform":"rotate(90deg)"})
+            }else{
+                $(".conent").eq(res).animate({"height":"0"},0);
+                $(".ico").eq(res).css({"transform":"rotate(0deg)"})
+            }
+        },
+        getDictionaryId(){
+            var that=this;
+            that.$http.post('service/solution/fetchDataList/serviceGuide',{
+                "idx": 0, 
+                "sum": 10,
+                "serviceGuide":{
+                    "serviceType":{"id":that.data.id},
+                    "status":1
+                }
+            }).then(function(res1){
+                that.items=res1.data.list
+            }) 
+        }
+    },
+    created(){
+        this.getParamsData();
+        this.getDictionaryId();
+    },
+    mounted(){
+    }
+}
+</script>
+<style scoped>
+.label {
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .2rem;
+    font-size: .24rem;
+    color:#666666;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.title{
+    padding: 0 .24rem;
+    height: .88rem;
+    display: flex;
+    justify-content:space-between;
+    align-items:center;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.title span{
+    font-size: .32rem
+}
+.title i{
+    font-size: .32rem
+}
+.conent{
+    /* padding: .24rem; */
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+    height: 0;
+    overflow: hidden;
+}
+.conent div{
+    padding: .24rem;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666;
+    overflow: hidden;
+    overflow-x: scroll
+}
+</style>

src/views/evaluate.vue

@@ -0,0 +1,383 @@
+<template>
+    <div class="bgColor">
+        <div class="rapirMessage">
+            <div class="label">
+                报修信息
+            </div>
+            <div class="state">
+                <div>报修编号:&nbsp;{{data.incident.incidentsign}}</div>
+                <div :class="stateClassFn(data.state.name)">{{data.state.name}}</div>
+            </div>
+            <div class="description">
+                <div>
+                    报修内容:
+                </div>
+                <div>
+                    {{data.description||"暂无"}}
+                </div>
+            </div>
+            <div class="ipt">
+                <div>
+                    报修图片:
+                </div>
+                <div class="imgs-container">
+                    <img :src="img" v-for="(img, index) in imgs" @click="handleImgsClick(index)" v-if="imgs.length">
+                    <span v-if="!imgs.length">暂无</span>
+                </div>
+            </div>
+            <div class="faultLocation">
+                <div>
+                    报修地址:
+                </div>
+                <div>
+                    {{data.address}}
+                </div>
+            </div>
+        </div>
+        <div class="label">
+            报修评价
+        </div>
+        <div class="rate">
+            <span class="pj">评价:</span><cube-rate v-model="rate"></cube-rate>
+        </div>
+        <div class="rateText">
+            <cube-textarea v-model="rateText" placeholder="您可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价"></cube-textarea>
+        </div>
+        <div class="chehuiBox">
+
+        </div>
+        <div class="chehui">
+            <div class="btn" @click="evaluate()">提&nbsp;交&nbsp;评&nbsp;价</div>
+        </div>
+        <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+    </div>
+</template>
+<script>
+import PrompTing from './../views/prompting.vue'
+export default {
+    data(){
+        return{
+            data:"",
+            imgs:[],
+            rate:0,
+            rateText:"",
+            rateData:1603,
+            promptingConent:"",
+            promptingStatus:"",
+            degreeDictionary:[]
+        }
+    },
+    methods:{
+        evaluate(){
+            if(this.rateData==1603){
+                this.$createDialog({
+                    type: 'alert',
+                    title: '评分未选',
+                    content: '请选择评分',
+                    icon: 'cubeic-wrong'
+                }).show()
+            }else if(this.rateText==""){
+                this.$createDialog({
+                    type: 'alert',
+                    title: '评价未填',
+                    content: '请作出您的评价',
+                    icon: 'cubeic-wrong'
+                }).show()
+            }else{
+                var that=this;
+                this.$http.post('service/apply/bpm/degree',{
+                    "id":that.data.id,
+                    "degree":this.rateData,
+                    "degreeRemark":this.rateText
+                }).then(function(res){
+                    if(res.status==200){
+                        that.promptingConent="恭喜您,评价成功!";
+                        that.promptingStatus=true;
+                        $("#fade").fadeIn();
+                        setTimeout(function(){
+                            $("#fade").fadeOut();
+                        },2000);
+                        that.dialog = that.$createDialog({
+                            type: 'alert',
+                            title: '恭喜您,提交评价成功!',
+                            content: '点击返回事件列表',
+                            icon: 'cubeic-right',
+                            onConfirm: (e, promptValue) => {
+                                that.$router.push({path:'/main/incidentList'})
+                            }
+                        }).show()
+                    }else{
+                        that.promptingConent="对不起,评价失败,请稍后再试!";
+                        that.promptingStatus=false;
+                        $("#fade").fadeIn();
+                        setTimeout(function(){
+                            $("#fade").fadeOut();
+                        },2000);
+                    }
+                })
+            }
+        },
+        getDeggreDictionart(){
+            var that=this;
+            this.$http.post('service/common/common/getDictionary',{
+                key: "incident_degree",
+                type: "list"
+            }).then(function(res){
+                that.degreeDictionary=res.data
+            })
+        },
+        getParams(){
+            this.data=JSON.parse(this.$route.params.data)
+        },
+        stateClassFn(data){
+            if(data=="未受理"){
+                return "weishouli"
+            }else if(data=="不受理"){
+                return "bushouli"
+            }else if(data=="处理中"){
+                return "chulizhong"
+            }else if(data=="待评价"){
+                return "daipingjia"
+            }else if(data=="已解决"){
+                return "yijiejue"
+            }else if(data=="已撤回"){
+                return "yichehui"
+            }else{
+                return "yichehui"
+            }
+        },
+        getImgsData(){
+            var that=this;
+            this.$http.get('service/common/common/listAttachment/wechatRequesterIncident/'+this.data.id,{
+            // this.$http.get('service/common/common/listAttachment/wechatRequesterIncident/'+this.data.bxcode,{
+            }).then(function(res){
+                for(var i=0;i<res.data.data.length;i++){
+                    // that.imgs.push("http://localhost/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                    // that.imgs.push("http://weixintest.ngser.dashitech.com/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                    that.imgs.push("http://itsmpoc.dashitech.com/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                    // that.imgs.push("http://192.168.3.95/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                }
+            })
+        },
+        handleImgsClick(index) {
+            this.initialIndex = index
+            const params = {
+            $props: {
+                imgs: this.imgs,
+                initialIndex: 'initialIndex',
+                loop: false
+            },
+            $events: {
+                change: (i) => {
+                this.initialIndex = i
+                }
+            }
+            }
+            this.$createImagePreview({ ...params }).show()
+        },
+    },
+    created(){
+        this.getParams(),
+        this.getImgsData(),
+        this.getDeggreDictionart()
+    },
+    mounted(){
+    },
+    components: {
+        PrompTing
+    },
+    watch:{
+        rate:{
+            handler:function(val){
+                console.log(this.degreeDictionary);
+                if(val==0){
+                    this.rateData=this.degreeDictionary[4].id
+                }else if(val==1){
+                    this.rateData=this.degreeDictionary[4].id
+                }else if(val==2){
+                    this.rateData=this.degreeDictionary[3].id
+                }else if(val==3){
+                    this.rateData=this.degreeDictionary[2].id
+                }else if(val==4){
+                    this.rateData=this.degreeDictionary[1].id
+                }else if(val==5){
+                    this.rateData=this.degreeDictionary[0].id
+                }
+            },
+            deep:true
+        }
+    }
+}
+</script>
+<style scoped>
+.bgColor{
+    background-color: white
+}
+.label{
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .24rem;
+    font-size: .24rem;
+    color: #666666
+}
+.state{
+  display: flex;
+  justify-content:space-between;
+  align-items:center;
+  padding: 0 .24rem;
+  height: .88rem;
+  border-top: .01rem rgb(223, 222, 222) solid;
+  border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.state div:nth-child(1){
+  font-size: .32rem;
+  line-height: .45rem;
+  color:#333333
+}
+.state div:nth-child(2){
+  padding: .05rem .3rem;
+  /* border: 0.01rem rgb(0,0,255) solid; */
+  border-radius: 16px ;
+  /* color: rgb(0,0,255) */
+}
+.description{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.description div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    color: #333333;
+    line-height: .45rem
+}
+.description div:nth-child(2){
+    width: 80%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.ipt{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.ipt div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.ipt div:nth-child(2){
+    width: 80%;
+}
+.faultLocation{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.faultLocation div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.faultLocation div:nth-child(2){
+    width: 80%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.imgs-container img{
+    width: 1.5rem;
+    height: 1.5rem;
+    margin-left: .2rem
+}
+.imgs-container img:nth-child(1){
+    margin-left: 0
+}
+.imgs-container span{
+    font-size: .32rem;
+    line-height: .45rem
+}
+.weishouli{
+  color:#991f00;
+  border: 0.01rem #991f00 solid;
+  background-color: #f4e8e5
+}
+.bushouli{
+  color:#666666;
+  background-color: #eeeeee;
+  border: 0.01rem #666666 solid;
+}
+.chulizhong{
+  color:#003057;
+  background-color: #e5eaee;
+  border: 0.01rem #003057 solid;
+}
+.daipingjia{
+  color:#825b00;
+  background-color: #f2eee5;
+  border: 0.01rem #825b00 solid;
+}
+.yijiejue{
+  color:#40a19c;
+  background-color: #ebf5f5;
+  border: 0.01rem #40a19c solid;
+}
+.yichehui{
+  color:#48a843;
+  background-color: #ecf6ec;
+  border: 0.01rem #48a843 solid;
+}
+.rate{
+    height: .88rem;
+    display: flex;
+    align-items:center;
+    padding: 0 .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.rate .pj{
+    font-size: .32rem;
+    display: inline-block;
+    margin-right: .2rem
+}
+.rateText{
+    padding: .24rem
+}
+.chehuiBox{
+    width: 100%;
+    height: 1.3rem;
+}
+.chehui{
+    height: 1.3rem;
+    width: 100%;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    background-color: rgb(248,248,248);
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    display: flex;
+    align-items:center;
+    justify-content:center
+}
+.chehui .btn{
+    width: 90%;
+    height: 1rem;
+    background-color: #005395;
+    border-radius: 10px;
+    line-height: 1rem;
+    color: white;
+    font-size: .36rem;
+    text-align: center
+}
+</style>
+<style>
+   .cube-textarea-wrapper{
+       height: 60px!important;
+   }
+</style>

src/views/guide.vue

@@ -1,343 +1,71 @@
 <template>
-  <div class="bgColor">
-    <!-- <div class="header">公告列表</div> -->
-    <div class="search">
-      <input type="text" placeholder="搜索" v-model="search" @input="searchData()" />
+    <div class="bgColor">
+        <div class="label">
+            服务指南</div>
+        <ul>
+            <li @click="toCommonProblem(v)" v-for="v in listData">
+                <span>{{v.name}}</span>
+                <i class="iconfont icon-moren"></i>
+            </li>
+        </ul>
     </div>
-    <div slot="content" class="scroll-wrapper nav">
-      <div class="demo">
-        <div class="scroll-list-wrap">
-          <cube-scroll
-            ref="scroll"
-            :data="items"
-            :options="options"
-            @pulling-down="onPullingDown"
-            @pulling-up="onPullingUp"
-          >
-            <div class="list">
-              <div class="item" v-for="item in items" @click="toDetail(item)">
-                <div
-                  class="title overflowEllipsis2"
-                  style="-webkit-box-orient: vertical !important;"
-                >{{item.title}}</div>
-                <i class="iconfont dsit-xiangyou"></i>
-                <p class="time">{{item.createTime}}</p>
-              </div>
-            </div>
-            <div class="wushuju" v-show="items.length==0&&wushuju">
-              <img src="./../../static/images/quesheng.png" alt />
-              <p>暂无公告</p>
-            </div>
-            <template v-if="customPullDown" slot="pulldown" slot-scope="props">
-              <div
-                v-if="props.pullDownRefresh"
-                class="cube-pulldown-wrapper"
-                :style="props.pullDownStyle"
-              >
-                <div
-                  v-show="props.beforePullDown"
-                  class="before-trigger"
-                  :style="{paddingTop: props.bubbleY + 'px'}"
-                >
-                  <span :class="{rotate: props.bubbleY > pullDownRefreshThreshold - 40}">↓</span>
-                </div>
-                <div class="after-trigger" v-show="!props.beforePullDown">
-                  <div v-show="props.isPullingDown" class="loading">
-                    <cube-loading></cube-loading>
-                  </div>
-                  <div v-show="!props.isPullingDown" class="text">
-                    <!-- <span class="refresh-text">更新成功</span> -->
-                    <span class="refresh-text"></span>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </cube-scroll>
-        </div>
-      </div>
-    </div>
-    <load-ing v-show="!items.length&&!wushuju"></load-ing>
-  </div>
 </template>
 <script>
-import Vue from "vue";
-import LoadIng from "./../views/loading.vue";
-import http from "../request/http";
 export default {
-  data() {
-    return {
-      pullDownRefresh: true,
-      pullDownRefreshThreshold: 60,
-      pullDownRefreshStop: 40,
-      pullDownRefreshTxt: "Refresh success",
-      pullUpLoad: true,
-      pullUpLoadThreshold: 0,
-      pullUpLoadMoreTxt: "加载更多",
-      pullUpLoadNoMoreTxt: "没有更多数据",
-      wushuju: false,
-      customPullDown: true,
-      loadShow: true,
-      noMore: false,
-      sum: 10,
-      idx: 0,
-      search: "",
-      items: [],
-      searching: false
-    };
-  },
-  computed: {
-    options() {
-      return {
-        pullDownRefresh: this.pullDownRefreshObj,
-        pullUpLoad: this.pullUpLoadObj,
-        scrollbar: true
-      };
-    },
-    pullDownRefreshObj: function() {
-      return this.pullDownRefresh
-        ? {
-            threshold: parseInt(this.pullDownRefreshThreshold),
-            txt: this.pullDownRefreshTxt
-          }
-        : false;
-    },
-    pullUpLoadObj: function() {
-      return this.pullUpLoad
-        ? {
-            threshold: parseInt(this.pullUpLoadThreshold),
-            txt: {
-              more: this.pullUpLoadMoreTxt,
-              noMore: this.pullUpLoadNoMoreTxt
-            }
-          }
-        : false;
-    }
-  },
-  components: {
-    LoadIng
-  },
-  methods: {
-    // 搜索
-    searchData() {
-      var that = this;
-      that.idx = 0;
-      that.items = [];
-      that.searching = true;
-      that.getData();
-    },
-    // 获取数据
-    getData() {
-      var that = this;
-      http.bpmFetchDataList('notice',{
-          idx: that.idx,
-          sum: that.sum,
-          notice: { title: that.search }
-        })
-        .then(function(res) {
-          if (res.data.list&&res.data.list.length > 0) {
-            if (that.searching) {
-              that.items = res.data.list;
-            } else {
-              that.items = that.items.concat(res.data.list);
-            }
-            that.wushuju = false;
-          } else {
-            that.wushuju = true;
-            that.$refs.scroll.forceUpdate();
-          }
-          that.loadShow = false;
-        });
-    },
-    // 查看详情
-    toDetail(item) {
-      this.$router.push({ name: "GuideDetail", params: { data: item } });
-    },
-    onPullingDown() {
-      var that = this;
-      that.idx = 0;
-      that.sum = 10;
-      that.items = [];
-      setTimeout(() => {
-        that.getData();
-      }, 500);
-    },
-    onPullingUp() {
-      var that = this;
-      that.idx += 1;
-      that.searching = false;
-      that.getData();
-    },
-    updatePullDownRefresh(val) {
-      this.pullDownRefresh = val;
-    },
-    updatePullDownRefreshThreshold(val) {
-      this.pullDownRefreshThreshold = val;
-    },
-    updatePullDownRefreshTxt(val) {
-      this.pullDownRefreshTxt = val;
-    },
-    updatePullUpLoad(val) {
-      this.pullUpLoad = val;
-    },
-    updatePullUpLoadThreshold(val) {
-      this.pullUpLoadThreshold = val;
-    },
-    updatePullUpLoadMoreTxt(val) {
-      this.pullUpLoadMoreTxt = val;
-    },
-    updatePullUpLoadNoMoreTxt(val) {
-      this.pullUpLoadNoMoreTxt = val;
-    },
-    updateCustomPullDown(val) {
-      this.customPullDown = val;
+    data(){
+        return{
+            listData:[]
+        }
     },
-    rebuildScroll() {
-      Vue.nextTick(() => {
-        this.$refs.scroll.destroy();
-        this.$refs.scroll.initScroll();
-      });
-    }
-  },
-  mounted() {},
-  created() {
-    this.getData();
-  }
-};
-</script>
-<style lang="stylus" rel="stylesheet/stylus" scoped>
-.scroll-list-wrap {
-  /* height: 350px */
-  height: 87vh;
-  /* border: 1px solid rgba(0, 0, 0, 0.1) */
-  border-radius: 5px;
-  transform: rotate(0deg); // fix 子元素超出边框圆角部分不隐藏的问题
-  overflow: hidden;
-  padding-top: 14vh;
-}
-
-.foods-wrapper {
-  .food-item {
-    display: flex;
-
-    /* min-width: 0 */
-    /* padding: 18px
-    border-bottom: 1px solid rgba(7, 17, 27, 0.1) */
-    &:last-child {
-      border-none();
-      margin-bottom: 0;
-    }
-
-    .food-content {
-      flex: 1;
-      min-width: 0;
-
-      .cartcontrol-wrapper {
-        position: absolute;
-        right: 0;
-        bottom: 12px;
-
-        .scroll-wrapper {
-          .cube-pulldown-wrapper {
-            .before-trigger {
-              font-size: 30px;
-              line-height: 30px;
-              align-self: flex-end;
-
-              span {
-                display: inline-block;
-                transition: all 0.3s;
-                color: #666;
-
-                &.rotate {
-                  transform: rotate(180deg);
+    methods:{
+        toCommonProblem(data){
+            this.$router.push({
+                name:"CommonProblem",
+                params:{
+                    data:JSON.stringify(data)
                 }
-              }
-            }
-
-            .after-trigger {
-              .refresh-text {
-                color: grey;
-              }
-            }
-          }
+            })
+        },
+        getDictionary(){
+            var that=this;
+            this.$http.post('service/common/common/getDictionary',{"key":"service_type","type":"list"}).then(function(res){
+                that.listData=res.data;
+            })
         }
-      }
+    },
+    mounted(){
+    },
+    created(){
+        this.getDictionary()
     }
-  }
 }
-</style>
-<style scoped lang='less'>
-.bgColor {
-  background-color: white;
+</script>
+<style scoped>
+.bgColor{
+    background-color: white
 }
-.search {
-  padding: 0.16rem 0.24rem;
-  box-sizing: border-box;
-  width: 100%;
-  background-color: #eeeeee;
-  border-bottom: 0.01rem #b7b7b7 solid;
-  position: fixed;
-  // top: 0.88rem;
-  z-index: 6;
-  input {
-    width: 100%;
-    height: 0.56rem;
-    border-radius: 4px;
-    text-align: center;
-    font-size: 0.28rem;
-    &:focus {
-      outline: none;
-    }
-  }
+.label {
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .2rem;
+    font-size: .24rem;
+    color:#666666;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
 }
-.list {
-  .item {
-    padding-left: 0.24rem;
-    border-bottom: 0.01rem solid #e3e3e3;
-    position: relative;
-    padding-right: 0.9rem;
-    .iconfont {
-      position: absolute;
-      right: 0.24rem;
-      top: 40%;
-      color: #999;
-    }
-    .title {
-      font-size: 0.32rem;
-      color: #333;
-      line-height: 0.45rem;
-      // padding-right: 0.96rem;
-      padding-top: 0.24rem;
-      position: relative;
-      max-height: 0.9rem;
-      // max-width: 88%;
-      i {
-        position: absolute;
-        right: 0.24rem;
-        top: 56%;
-        color: #999;
-        font-size: 0.34rem;
-      }
-    }
-    .time {
-      font-size: 0.24rem;
-      color: #999;
-      line-height: 0.6rem;
-    }
-  }
-}
-.loading {
-  height: 2rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+li{
+    height: .88rem;
+    padding: 0 .24rem;
+    display: flex;
+    align-items:center;
+    justify-content:space-between;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
 }
-.wushuju {
-  margin-top: 2.4rem;
-  text-align: center;
-  color: #999;
+li span{
+    font-size: .32rem
 }
-.wushuju img {
-  height: 1.68rem;
+li i{
+    font-size: .32rem
 }
 </style>

src/views/guideDetail.vue

@@ -1,92 +0,0 @@
-<template>
-  <div>
-    <!-- <div class="header">公告详情</div> -->
-    <div class="title">
-      <div class="tit">{{data.title}}</div>
-      <div class="info">
-        <span class="fl">{{data.placeDTO.place}}</span>
-        <span class="fr">{{data.createTime}}</span>
-      </div>
-    </div>
-    <div class="content" v-html="data.content"></div>
-    <!-- <div class="txtRight">后勤部</div>
-    <div class="txtRight">2018-08-19</div>-->
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      items: [],
-      data: {}
-    };
-  },
-  methods: {
-    getData() {
-      var that = this;
-      that.data =that.$route.params.data;
-    }
-  },
-  created() {
-    this.getData();
-  },
-  mounted() {}
-};
-</script>
-<style scoped lang='less'>
-// .header {
-//   width: 100%;
-//   height: 0.88rem;
-//   line-height: 0.88rem;
-//   text-align: center;
-//   color: #fff;
-//   font-size: 0.37rem;
-//   background: linear-gradient(#2e2f32, #414246);
-//   position: fixed;
-//   top: 0;
-//   z-index: 6;
-// }
-
-.title {
-  padding: 0 0.24rem;
-  //   height: 0.88rem;
-  font-size: 0.36rem;
-  // margin-top: .88rem;
-  .tit{
-    text-align: center;
-  }
-  div {
-    width: 100%;
-    line-height: 0.88rem;
-    &.info {
-      overflow: hidden;
-      line-height: 0.45rem;
-      border-bottom: 0.01rem rgb(223, 222, 222) solid;
-      span {
-        color: #999;
-        font-size: 0.24rem;
-      }
-    }
-  }
-}
-
-.content {
-  color: #333;
-  font-size: 0.32rem;
-  padding: 0.32rem;
-  line-height: 0.45rem;
-  text-indent: 0.7rem;
-  margin-bottom: 0.32rem;
-  overflow: hidden;
-  .table{
-    width: 100% !important;
-  }
-}
-.txtRight {
-  color: #333;
-  font-size: 0.32rem;
-  text-align: right;
-  padding-right: 0.32rem;
-  line-height: 0.45rem;
-}
-</style>

src/views/incidentDetail.vue

@@ -1,470 +0,0 @@
-<template>
-  <div class="incidentDetail">
-    <div class="conentBox">
-      <div class="conent">
-        <!-- <div class="header">处理方案</div> -->
-        <div v-if="model.incident">
-          <div class="label headtop" id="info">报修信息</div>
-          <div class="info">
-              <p>
-                <span>事件单号：</span> 
-                <span>{{model.incident.incidentsign}}</span>
-                <span :class="{ 'fr':true,'btn':true, 'chulizhong':model.incident.state.code=='handler', 'yijiejue':model.incident.state.code=='resolved',  'daipingjia':model.incident.state.code=='close', 'chongxinzhipai':model.incident.state.code=='reassign','daishenhe':model.incident.state.code=='examine', 'daijiedan':(model.incident.state.code=='pending'&&!model.incident.candidateGroups), 'daiqiangdan':(model.incident.state.code=='pending'&&model.incident.candidateGroups)}"
-                >{{model.incident.state.code=='pending'?(!model.incident.candidateGroups?'待接单':'待抢单'):model.incident.state.name}}</span>
-              </p>
-            <p>
-              <span>报修人:</span>
-              <span>{{model.incident.contacts}}</span>
-            </p>
-            <p>
-              <span>人员编号:</span>
-              <span>{{model.incident.requester.account}}</span>
-            </p>
-            <p class="relative">
-              <span>报修电话:</span>
-              <span>{{model.incident.contactsInformation}}</span>
-              <a class="tel" :href="'tel:'+model.incident.contactsInformation"><i class="iconfont dsit-shouji"></i></a>
-            </p>
-            <p>
-              <span>区域地点:</span>
-              <span>{{model.incident.area?model.incident.area.area:''}} {{model.incident.place?model.incident.place.place:''}} {{model.incident.houseNumber||''}}</span>
-            </p>
-            <p>
-              <span>事件主题:</span>
-              <span>{{model.incident.title}}</span>
-            </p>
-            <p>
-              <span>事件分类:</span>
-              <span>{{model.incident.category.category}}</span>
-            </p>
-            <p class="desc relative">
-              <span>事件描述:</span>
-              <span class="grayFont" v-html="model.incident.description"></span>
-              <a class="audio tel" href="javascript:;" v-if="model.incident.callID" @click="showAudio(model.incident.callID)">
-                <i class="iconfont dsit-luyin"></i>
-              </a>
-            </p>
-            <div class="imgs-container" v-if="imgs.length">
-              <div class="imgs-cont">
-                <img v-if='img.suffix=="jpeg"||img.suffix=="jpg"||img.suffix=="gif"||img.suffix=="png"||img.suffix=="svg"||img.suffix=="pdf"' :src="img.previewUrl" v-for="(img, index) in imgs" class="imgs">
-                <p v-else>
-                  <a :href='[img.previewUrl]'>{{img.name}}</a>
-                </p>
-              </div>
-            </div>
-
-            <p v-if="model.incident.handleResult">
-              <span>处理结果:</span>
-              <span>{{model.incident.handleResult}}</span>
-            </p>
-            <p v-if="model.incident.handleDescription">
-              <span>处理方案:</span>
-              <span>{{model.incident.handleDescription}}</span>
-            </p>
-            <p v-if="model.incident.closecode">
-              <span>结果类型:</span>
-              <span>{{model.incident.closecode.reason}}</span>
-            </p>
-            <p v-if="model.isupreason">
-              <span>升级原因:</span>
-              <span>{{model.isupreason}}</span>
-            </p>
-            <p v-if="model.resignComment">
-              <span>退回原因:</span>
-              <span>{{model.resignComment}}</span>
-            </p>
-
-            <div class="label" id="progress">处理进度</div>
-            <div class="progress">
-              <div class="progress_info" v-for="item in progressInfo">
-                <div class="progress_info_L">{{item.activityName}}</div>
-                <div class="progress_info_R">
-                  <div class="time">
-                    <i
-                      :class="{'iconfont':true, 'dsit-icon_liucheng':item.endTime!='','dsit-icon_zhengzaijinx':item.endTime=='' }"
-                    ></i>
-                    <span class="text1">{{item.startTime}}</span>
-                  </div>
-                  <div :class="{'cont':true,'blue':item.endTime!='' }">
-                    <p class="text2" v-if="item.activityName">【{{item.user?item.user.name:''}}】{{item.activityName}}</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <load-ing v-if="!model.incident"></load-ing>
-        <div class="mask" v-if="audioMask" @click="hideAudio()">
-          <audio controls autoplay="autoplay" id="bgMusic">
-            <source :src="audioSrc" type="audio/mpeg">
-          </audio>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import LoadIng from "./../views/loading.vue";
-import http from '../request/http';
-export default {
-  data() {
-    return {
-      loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      selected: 1,
-      id: "",
-      formKey:'',
-      options: [
-        {
-          label: "接单",
-          value: 1
-        },
-        {
-          label: "重新指派",
-          value: 2
-        }
-      ],
-      promptingConent: "",
-      promptingStatus: "",
-      resignComment: "", //重新指派原因
-      item_hides: false,
-      actives: "info",
-      processInstanceId: "",
-      progressInfo: [], //处理进度
-      imgs: [], //图片
-      model: {}, //提交数据
-      audioSrc:'',//音频路径
-      audioMask:false,
-    };
-  },
-  components: {
-    LoadIng
-  },
-  methods: {
-    // 放录音
-    showAudio(){
-      var that=this;
-      if(that.model.incident.callID){
-        http.getIncidentDesAudio(that.model.incident.callID)
-        .then(function(res){
-          that.audioMask=true;
-          that.audioSrc=http.host+'/vox'+res.data.rrpath.substring(18,res.data.rrpath.length);
-        })
-      }
-    },
-    hideAudio(){
-      this.audioMask=false;
-    },
-    //   获取事件数据
-    getParamsData() {
-      var that = this;
-      http.getIncidentDetail(that.processInstanceId)
-        .then(function(res) {
-          console.log(res.data);
-          that.model = res.data.model;
-        });
-    },
-    // 获取图片
-    getImgs() {
-      var that = this;
-      http.getIncidentImgs(that.processInstanceId, {idx:0,sum:3})
-        .then(function(res) {
-          that.imgs =res.data;
-        });
-    },
-    // 获取处理进度
-    getProgressInfo() {
-      var that = this;
-        http.getIncidentProgressInfo(that.processInstanceId)
-        .then(function(res) {
-          that.progressInfo = res.data.data;
-          that.progressInfo.reverse();
-        });
-    },
-  },
-  created() {
-    this.processInstanceId = this.$route.params.data.processInstanceId;
-    this.id = this.$route.params.data.id;
-    // this.formKey=this.$route.params.data.formKey?this.$route.params.data.formKey:'incident_back';
-    this.getParamsData();
-    this.getProgressInfo();
-    this.getImgs();
-  }
-};
-</script>
-<style lang="less" scoped>
-.mask{
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  background: rgba(0,0,0,.5);
-  z-index: 999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-i.iconfont.blue {
-  color: #005395;
-  // &::after {
-  //   content: "";
-  //   width: 0.01rem;
-  //   height: 0.4rem;
-  //   background: #005395;
-  //   position: relative;
-  //   display: block;
-  //   left: 0.14rem;
-  // }
-}
-.incidentDetail {
-  // padding-top: .88rem;
-  box-sizing: border-box;
-  // .header {
-  //   width: 100%;
-  //   height: 0.88rem;
-  //   line-height: 0.88rem;
-  //   text-align: center;
-  //   color: #fff;
-  //   font-size: 0.37rem;
-  //   background: linear-gradient(#2e2f32, #414246);
-  //   position: fixed;
-  //   top: 0;
-  //   z-index: 6;
-  // }
-  .navBar {
-    width: 100%;
-    height: 0.96rem;
-    line-height: 0.96rem;
-    background-color: #fafafa;
-    font-size: 0.28rem;
-    position: fixed;
-    top: 0.88rem;
-
-    div {
-      width: 33.33%;
-      text-align: center;
-      &.p50 {
-        width: 49.99%;
-      }
-      a {
-        display: inline-block;
-        height: 0.9rem;
-        width: 1.7rem;
-        padding: 0 0.1rem;
-        &.active {
-          color: #005395;
-          border-bottom: 0.06rem solid #005395;
-        }
-      }
-    }
-  }
-
-  .label {
-    background-color: #eeeeee;
-    height: 0.6rem;
-    line-height: 0.58rem;
-    padding-left: 0.2rem;
-    font-size: 0.28rem;
-    color: #666666;
-    span {
-      font-size: 0.2rem;
-      display: inline-block;
-      margin-left: 0.08rem;
-      color: #999999;
-    }
-    &.formLabel {
-      background-color: #fff;
-    }
-  }
-  .conentBox {
-    width: 100%;
-    .conent {
-      font-size: 0.32rem;
-      font-weight: 400;
-      line-height: 0.45rem;
-      // border-bottom: 0.16rem solid #e5e5e5;
-
-      .shows {
-        display: none;
-      }
-      .boeder_B {
-        border-bottom: 0.01rem solid #ccc;
-      }
-      p {
-        &.desc {
-          overflow: hidden;
-        }
-        .grayFont {
-          width: 75%;
-          text-align: right;
-          overflow-x: scroll;
-        }
-      }
-      .bottom {
-        overflow: hidden;
-        line-height: 0.86rem;
-        border-bottom: 0.01rem solid #e6e6e6;
-        font-size: 0.24rem;
-        color: #999;
-        padding: 0 0.24rem 0 0.48rem;
-      }
-      .info {
-        color: #999;
-        font-size: 0.32rem;
-        overflow: hidden;
-        .head {
-          color: #333;
-          border-bottom: 0.01rem solid #e6e6e6;
-          >p {
-            padding: 0.24rem 0.3rem;
-            i {
-              color: #00559d;
-            }
-          }
-        }
-        >p {
-          line-height: 0.86rem;
-          padding: 0rem 0.24rem;
-          overflow: hidden;
-          border-bottom: 0.01rem solid #e6e6e6;
-          &.relative{
-            position: relative;
-            padding-right: 1rem;
-          }
-          .overflowEllipsis2 {
-            margin-left: 1.96rem;
-          }
-          span:nth-child(1){
-            display: inline-block;
-            width: 1.6rem;
-            color: #333;
-          }
-
-          span:nth-child(2){
-            color: #666;
-            
-          }
-          span:nth-child(3){
-            margin: .23rem 0;
-          }
-          .tel{
-            position: absolute;
-            right: .35rem;
-            top: 0;
-            .iconfont{
-              font-size: .44rem;
-              color: #005395;
-            }
-          }
-          
-        }
-        .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;
-          margin-bottom: 0.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: 20%;
-            }
-            .progress_info_R {
-              float: right;
-              margin-left: 0.09rem;
-              width: 75%;
-              font-size: 0.25rem;
-              .time {
-                i {
-                  margin-left: -0.15rem;
-                  &.dsit-icon_liucheng {
-                    color: #005495;
-                  }
-                  &.dsit-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;
-              }
-              p {
-                padding: 0;
-              }
-            }
-          }
-        }
-      }
-      .txtLabel {
-        width: 100%;
-        overflow: hidden;
-        padding: 0.32rem 0.24rem 0.32rem 0.32rem;
-        .txt {
-          width: 30%;
-          color: #666;
-        }
-        .cube-textarea-wrapper {
-          width: 62%;
-        }
-      }
-      .sub {
-        background: #ececec;
-        .cube-btn {
-          background-color: #005395 !important;
-          width: 90%;
-          margin: 0.2rem auto;
-          border-radius: 8px;
-        }
-      }
-    }
-  }
-  .showwrap {
-    width: 75%;
-    text-align: right;
-  }
-}
-</style>

src/views/incidentDetails.vue

@@ -0,0 +1,661 @@
+<template>
+    <div class="bgColor">
+        <div class="rapirMessage">
+            <div class="label">
+                报修信息
+            </div>
+            <div class="state">
+                <div>报修编号:&nbsp;{{data.bxcode}}</div>
+                <div :class="stateClassFn(data.state.name)">{{data.state.name}}</div>
+            </div>
+            <div class="description">
+                <div>
+                    报修内容:
+                </div>
+                <div>
+                    {{data.description||"暂无"}}
+                </div>
+            </div>
+            <div class="ipt">
+                <div>
+                    报修图片:
+                </div>
+                <div class="imgs-container">
+                    <img :src="img" v-for="(img, index) in imgs" @click="handleImgsClick(index)" v-if="imgs.length">
+                    <span v-if="!imgs.length">暂无</span>
+                </div>
+            </div>
+            <div class="faultLocation">
+                <div>
+                    报修地址:
+                </div>
+                <div>
+                    {{data.address}}
+                </div>
+            </div>
+        </div>
+        <div class="repairProgress">
+            <div class="label">
+                报修进度
+            </div>
+            <div class="handleUser">
+                <div>维修人:&nbsp;&nbsp;{{data.incident.handlingPersonnelUser&&data.incident.handlingPersonnelUser.name?data.incident.handlingPersonnelUser.name:"暂无"}}</div>
+                <div>电话:&nbsp;&nbsp;<span>{{data.incident.handlingPersonnelUser&&data.incident.handlingPersonnelUser.phone?data.incident.handlingPersonnelUser.phone:"暂无"}}</span></div>
+                <!-- <a href="tel:13429850125"><i class="iconfont icon-shouji"></i></a> -->
+                <a :href="getPhoneNum(data.incident.handlingPersonnelUser)"><i class="iconfont icon-shouji"></i></a>
+            </div>
+        </div>
+        <!-- 流程图 -->
+        <div class="processBox">
+            <div class="process" v-if="processData=='不受理'||processData=='结束'||processData=='已撤回'||processData=='重复事件'">
+                <div class="status">
+                    {{processMessage[4]?processMessage[4].name:""}}
+                </div>
+                <div class="ico">
+                    <i class="iconfont icon-icon_weizuo last"></i>
+                </div>
+                <div class="time">
+                    {{processTime[4]?processTime[4].startTime:""}}
+                </div>
+            </div>
+            <div class="processCont" v-if="processData=='不受理'||processData=='结束'||processData=='已撤回'||processData=='重复事件'">
+                <div class="status">
+                </div>
+                <div class="conents">
+                    {{processMessage[4]?processMessage[4].desc:""}}
+                </div>
+            </div>
+            <div class="process" v-if="processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                    {{processMessage[3]?processMessage[3].name:""}}
+                </div>
+                <div class="ico">
+                    <i class="iconfont icon-icon_zhengzaijinx now" v-if="processData=='评价'"></i>
+                    <i class="iconfont icon-icon_weizuo last" v-if="processData!='评价'"></i>
+                </div>
+                <div class="time">
+                    {{processTime[3]?processTime[3].startTime:""}}
+                </div>
+            </div>
+            <div class="processCont" v-if="processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                </div>
+                <div class="conents">
+                    {{processMessage[3]?processMessage[3].desc:""}}
+                </div>
+            </div>
+            <div class="process" v-if="processData=='处理'||processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                    {{processMessage[2]?processMessage[2].name:""}}
+                </div>
+                <div class="ico">
+                    <i class="iconfont icon-icon_zhengzaijinx now" v-if="processData=='处理'"></i>
+                    <i class="iconfont icon-icon_weizuo last" v-if="processData!='处理'"></i>
+                </div>
+                <div class="time">
+                    {{processTime[2]?processTime[2].startTime:""}}
+                </div>
+            </div>
+            <div class="processCont" v-if="processData=='处理'||processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                </div>
+                <div class="conents">
+                    {{processMessage[2]?processMessage[2].desc:""}}
+                </div>
+            </div>
+            <div class="process" v-if="processData=='受理'||processData=='处理'||processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                    {{processMessage[1]?processMessage[1].name:""}}
+                </div>
+                <div class="ico">
+                    <i class="iconfont icon-icon_zhengzaijinx now" v-if="processData=='受理'"></i>
+                    <i class="iconfont icon-icon_weizuo last" v-if="processData!='受理'"></i>
+                </div>
+                <div class="time">
+                    {{processTime[1]?processTime[1].startTime:""}}
+                </div>
+            </div>
+            <div class="processCont" v-if="processData=='受理'||processData=='处理'||processData=='评价'||processData=='结束'&&processData!='重复事件'">
+                <div class="status">
+                </div>
+                <div class="conents">
+                    {{processMessage[1]?processMessage[1].desc:""}}
+                </div>
+            </div>
+            <div class="process">
+                <div class="status">
+                    {{processMessage[0]?processMessage[0].name:""}}
+                </div>
+                <div class="ico">
+                    <i class="iconfont icon-icon_zhengzaijinx now" v-if="processData=='申请'"></i>
+                    <i class="iconfont icon-icon_weizuo last" v-if="processData!='申请'"></i>
+                </div>
+                <div class="time">
+                    {{data.createTime}}
+                </div>
+            </div>
+            <div class="processCont">
+                <div class="status">
+                </div>
+                <div class="conents lastConents">
+                    {{processMessage[0]?processMessage[0].desc:""}}
+                </div>
+            </div>
+        </div>
+        <!-- 撤回原因 -->
+        <div class="label" v-if="processData=='已撤回'">
+            撤回原因
+        </div>
+        <div class="faultLocation" v-if="processData=='已撤回'">
+            <div>
+                撤回原因:
+            </div>
+            <div>
+                {{data.retractReason||"暂无"}}
+            </div>
+        </div>
+        <!-- 不受理原因 -->
+        <div class="label" v-if="processData=='不受理'">
+            不受理原因
+        </div>
+        <div class="faultLocation2" v-if="processData=='不受理'">
+            <div>
+                不受理原因:
+            </div>
+            <div>
+                {{data.rejectRemark||"暂无"}}
+            </div>
+        </div>
+        <div class="chehui" v-if="processData=='申请'">
+            <div class="btn" @click="cehui()">撤&nbsp;回</div>
+        </div>
+        <div class="chehui" v-if="processData=='评价'">
+            <div class="btn" @click="evaluate()">评&nbsp;价</div>
+        </div>
+        <div class="fot"></div>
+        <load-ing v-show="loadShow"></load-ing>
+        <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+    </div>
+</template>
+<script>
+import PrompTing from './../views/prompting.vue'
+import LoadIng from './../views/loading.vue'
+export default {
+    data(){
+        return{
+            data:"",
+            initialIndex: 0,
+            imgs: [
+
+            ],
+            processData:"",
+            loadShow:false,
+            promptingConent:"",
+            promptingStatus:"",
+            processTime:[],
+            processMessage:[],
+            shenqing:"",
+            shouli:"",
+            chuli:"",
+            pingjia:"",
+            jieshu:""
+        }
+    },
+    methods:{
+        getPhoneNum(res){
+            if(res){
+                return "tel:"+res.phone
+            }else{
+                return "tel:"+""
+            }
+        },
+        evaluate(){
+            var that=this;
+            this.$router.push({
+                name:'Evaluate',
+                params:{
+                    data:JSON.stringify(that.data)
+                }
+            })
+        },
+        cehui(){
+            var that=this;
+            this.dialog = this.$createDialog({
+                type: 'prompt',
+                title: '请填写撤回原因',
+                prompt: {
+                value: '',
+                placeholder: '请输入撤回原因'
+                },
+                onConfirm: (e, promptValue) => {
+                    if(!promptValue){
+                        this.$createDialog({
+                            type: 'alert',
+                            title: '撤回原因不能为空',
+                            content: '请重新填写',
+                            icon: 'cubeic-wrong'
+                        }).show()
+                    }else{
+                        // that.loadShow=true;
+                        that.$http.post('service/apply/bpm/retract',{
+                            "id":that.data.id,
+                            "retractReason":promptValue
+                        }).then(function(res){
+                            // that.loadShow=false;
+                            if(res.status==200){
+                                that.promptingConent="恭喜您,撤回成功!";
+                                that.promptingStatus=true;
+                                $("#fade").fadeIn();
+                                setTimeout(function(){
+                                    $("#fade").fadeOut();
+                                },2000);
+                                that.dialog = that.$createDialog({
+                                    type: 'alert',
+                                    title: '撤回成功',
+                                    icon: 'cubeic-right',
+                                    onConfirm: (e, promptValue) => {
+                                        that.$router.push({path:'/main/incidentList'})
+                                    }
+                                }).show()
+                            }else{
+                                that.promptingConent="撤回失败,请稍后再试!";
+                                that.promptingStatus=false;
+                                $("#fade").fadeIn();
+                                setTimeout(function(){
+                                    $("#fade").fadeOut();
+                                },2000);
+                                that.dialog = that.$createDialog({
+                                    type: 'alert',
+                                    title: '撤回失败',
+                                    icon: 'cubeic-wrong',
+                                    onConfirm: (e, promptValue) => {
+
+                                    }
+                                }).show()
+                            }
+                        })
+                    }
+                }
+            }).show()
+        },
+        handleImgsClick(index) {
+            this.initialIndex = index
+            const params = {
+            $props: {
+                imgs: this.imgs,
+                initialIndex: 'initialIndex',
+                loop: false
+            },
+            $events: {
+                change: (i) => {
+                this.initialIndex = i
+                }
+            }
+            }
+            this.$createImagePreview({ ...params }).show()
+        },
+        getParamsData(){
+            this.data=JSON.parse(this.$route.params.data);
+            if(this.data.incident.repeat){
+                this.processData="重复事件"
+            }else if(this.data.state.name=="不受理"){
+                this.processData="不受理"
+            }else if(this.data.state.name=="未受理"){
+                this.processData="申请"
+            }else if(this.data.state.name=="处理中"){
+                this.processData="处理"
+            }else if(this.data.state.name=="待评价"){
+                this.processData="评价"
+            }else if(this.data.state.name=="已解决"){
+                this.processData="结束"
+            }else if(this.data.state.name=="已撤回"){
+                this.processData="已撤回"
+            }
+            console.log(this.processData)
+        },
+        getProcessTime(){
+            var that=this;
+            if(this.data.incident.processInstanceId){
+                this.$http.post('service/bpm/bpm/flowTracing/'+this.data.incident.processInstanceId,{
+
+                }).then(function(res){
+                    that.processTime=res.data.data
+                })
+            }
+        },
+        getImgsData(){
+            var that=this;
+            this.$http.get('service/common/common/listAttachment/wechatRequesterIncident/'+this.data.id,{
+            // this.$http.get('service/common/common/listAttachment/wechatRequesterIncident/'+this.data.bxcode,{
+            }).then(function(res){
+                for(var i=0;i<res.data.data.length;i++){
+                    // that.imgs.push("http://localhost/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                    // that.imgs.push("http://weixintest.ngser.dashitech.com/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                    that.imgs.push(res.data.data[i].previewUrl)
+                    // that.imgs.push("http://192.168.3.95/service/common/common/downloadAttachment/"+res.data.data[i].token)
+                }
+            })
+        },
+        stateClassFn(data){
+            if(data=="未受理"){
+                return "weishouli"
+            }else if(data=="不受理"){
+                return "bushouli"
+            }else if(data=="处理中"){
+                return "chulizhong"
+            }else if(data=="待评价"){
+                return "daipingjia"
+            }else if(data=="已解决"){
+                return "yijiejue"
+            }else if(data=="已撤回"){
+                return "yichehui"
+            }else{
+                return "yichehui"
+            }
+        },
+        getProcessData(){
+            var that=this;
+            this.$http.post('service/bpm/bpm/flowTracing/'+this.data.incident.processInstanceId,{
+
+            }).then(function(res){
+                var data=res.data.data;
+                // if(data.length==0&&that.data.state.name=="已解决"){
+                //     that.processData="不受理"
+                // }else if(data.length==0&&that.data.state.name=="未受理"){
+                //     that.processData="申请"
+                // }else if(data.length>0&&data[data.length-1].activityName=="接单"){
+                //     that.processData="处理"
+                // }else if(data.length>0&&data[data.length-1].activityName=="事件处理"){
+                //     that.processData="处理"
+                // }else if(data.length>0&&data[data.length-1].activityName=="事件关闭"){
+                //     that.processData="评价"
+                // }else if(data.length>0&&data[data.length-1].activityName=="结束"){
+                //     that.processData="结束"
+                // }else{
+                //     that.processData="已撤回"
+                // }
+            });
+        },
+        getProcessMessageData(){
+            var that=this;
+            this.$http.post('service/sysinfo/data/fetchDataList/dictionary',{
+                "idx":0,
+                "sum":10,
+                "dictionary":{
+                    "key":"wxincident_task_default"
+                }
+            }).then(function(res){
+                that.processMessage=res.data.list;
+                console.log(that.processMessage)
+                // that.shenqing=that.processMessage[0].desc;
+                // that.shouli=that.processMessage[1].desc;
+                // that.chuli=that.processMessage[2].desc;
+                // that.pingjia=that.processMessage[3].desc;
+                // that.jieshu=that.processMessage[4].desc;
+            })
+        }
+    },
+    mounted(){
+    },
+    components: {
+        LoadIng,
+        PrompTing
+    },
+    created(){
+        this.getParamsData();
+        this.getImgsData();
+        this.getProcessData();
+        this.getProcessMessageData();
+        this.getProcessTime()
+    }
+}
+</script>
+<style scoped>
+.bgColor{
+    background-color: white
+}
+.fot{
+    height: 1.3rem;
+}
+.chehui{
+    height: 1.3rem;
+    width: 100%;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    background-color: rgb(248,248,248);
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    display: flex;
+    align-items:center;
+    justify-content:center
+}
+.chehui .btn{
+    width: 90%;
+    height: 1rem;
+    background-color: #005395;
+    border-radius: 10px;
+    line-height: 1rem;
+    color: white;
+    font-size: .36rem;
+    text-align: center
+}
+.label{
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .24rem;
+    font-size: .24rem;
+    color: #666666
+}
+.state{
+  display: flex;
+  justify-content:space-between;
+  align-items:center;
+  padding: 0 .24rem;
+  height: .88rem;
+  border-top: .01rem rgb(223, 222, 222) solid;
+  border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.state div:nth-child(1){
+  font-size: .32rem;
+  line-height: .45rem;
+  color:#333333
+}
+.state div:nth-child(2){
+  padding: .05rem .3rem;
+  /* border: 0.01rem rgb(0,0,255) solid; */
+  border-radius: 16px ;
+  /* color: rgb(0,0,255) */
+}
+.weishouli{
+  color:#991f00;
+  border: 0.01rem #991f00 solid;
+  background-color: #f4e8e5
+}
+.bushouli{
+  color:#666666;
+  background-color: #eeeeee;
+  border: 0.01rem #666666 solid;
+}
+.chulizhong{
+  color:#003057;
+  background-color: #e5eaee;
+  border: 0.01rem #003057 solid;
+}
+.daipingjia{
+  color:#825b00;
+  background-color: #f2eee5;
+  border: 0.01rem #825b00 solid;
+}
+.yijiejue{
+  color:#40a19c;
+  background-color: #ebf5f5;
+  border: 0.01rem #40a19c solid;
+}
+.yichehui{
+  color:#48a843;
+  background-color: #ecf6ec;
+  border: 0.01rem #48a843 solid;
+}
+.description{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.description div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    color: #333333;
+    line-height: .45rem
+}
+.description div:nth-child(2){
+    width: 80%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.ipt{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.ipt div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.ipt div:nth-child(2){
+    width: 80%;
+}
+.faultLocation{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.faultLocation div:nth-child(1){
+    width: 20%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.faultLocation div:nth-child(2){
+    width: 80%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.faultLocation2{
+    display: flex;
+    justify-content:space-between;
+    padding: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.faultLocation2 div:nth-child(1){
+    width: 27%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.faultLocation2 div:nth-child(2){
+    width: 73%;
+    font-size: .32rem;
+    line-height: .45rem;
+    color: #333333
+}
+.imgs-container img{
+    width: 1.5rem;
+    height: 1.5rem;
+    margin-left: .2rem
+}
+.imgs-container img:nth-child(1){
+    margin-left: 0
+}
+.imgs-container span{
+    font-size: .32rem;
+    line-height: .45rem
+}
+.handleUser{
+    display: flex;
+    justify-content:space-between;
+    align-items:center;
+    height: .88rem;
+    line-height: .88rem;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+    padding: 0 .24rem
+}
+.handleUser div:nth-child(1){
+    width: 49%;
+    border-right: .01rem rgb(223, 222, 222) solid;
+    /* padding-left: .24rem; */
+    font-size: .32rem;
+}
+.handleUser div:nth-child(2){
+    width: 50%;
+    padding-left: .24rem;
+    font-size: .32rem;
+}
+.handleUser div:nth-child(2) span{
+    color: #005395
+}
+.handleUser i{
+    font-size: .44rem;
+    color: #005395
+}
+.processBox{
+    margin-top: .24rem
+}
+.process{
+    padding: 0 .24rem;
+    display: flex
+}
+.process .status{
+    width: 12%;
+    font-size: .28rem;
+    text-align: center
+}
+.process .ico{
+    width: 6%;
+    text-align: center
+}
+.process .ico i{
+    font-size: .28rem
+}
+.process .last{
+    color: #005359
+}
+.process .now{
+    color:#48a843
+}
+.process .time{
+    width: 80%;
+    font-size: .25rem;
+    color:#999999;
+    padding-left: 2%
+}
+.processCont{
+    padding: 0 .24rem;
+    display: flex;
+    margin: .07rem 0;
+}
+.processCont .status{
+    width: 12%;
+}
+.processCont .conents{
+    width: 80%;
+    margin-left: 3%;
+    font-size: .25rem;
+    color: #666666;
+    padding: .07rem 0;
+    padding-left: 5%;
+    border-left: .01rem #999999 solid;
+    line-height: .3rem
+}
+.processCont .lastConents{
+    border-left: 0ch
+}
+</style>

src/views/indes.vue

@@ -1,358 +1,460 @@
 <template>
-  <div class="fle bgColor">
-    <!-- 头部导航栏 -->
-    <div class="tav">
-      <router-link to="/main/wxChartList">
-        <i class="iconfont dsit-wodebaoxiu"></i>
-        <span>微信/web报障</span>
-      </router-link>
-      <router-link to="/main/recordList">
-        <i class="iconfont dsit-dianhualiuyan"></i>
-        <span>留言列表</span>
-      </router-link>
-      <a href="https://m.hust.edu.cn/elecFee/help/help.html">
-        <i class="iconfont dsit-changjianwenti2"></i>
-        <span>常见问题</span>
-      </a>
-    </div>
-    <div class="bigBody">
-      <!-- 最新报修 -->
-      <div class="newRepair">
-        <div class="titHead">
-          <span class="tit">
-            <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
-            <span>微信/WEB待办报障</span>
-          </span>
-          <span class="link" @click="toRecordList()">
-            更多
-            <i class="iconfont dsit-xiangyou"></i>
-          </span>
-        </div>
-        <div
-          class="conentBox"
-          v-for="item in dataList"
-          @click="toIncidentDetails(item)"
-          v-if="!!dataList.length"
-        >
-          <div class="conent">
-            <div class="center">
-              <div>
-                <span class="fl">{{item.requester.name}}</span>
-                <span class="fr">{{item.createTime}}</span>
-              </div>
-              <p class="desc">
-                <span class="grayFont overflowEllipsis2" v-html="item.incidentDescription"></span>
-              </p>
+    <div class="fle bgColor">
+        <!-- 头部导航栏 -->
+        <div class="tav">
+            <div @click="toRapir()">
+                <i class="iconfont icon-xinjian"></i>
+                <span>快速报修</span>
+            </div>
+            <div @click="toKnowList()">
+                <i class="iconfont icon-message"></i>
+                <span>常见问题</span>
+            </div>
+            <div @click="toGuide()">
+                <i class="iconfont icon-fuwuzhinan"></i>
+                <span>服务指南</span>
             </div>
-          </div>
-        </div>
-        <!-- 无数据 -->
-        <div class="wushuju" v-if="!dataList.length&&!newRapirLoading">
-          <div>
-            <img src="./../../static/images/quesheng.png" alt />
-            <p>暂无待办报障</p>
-          </div>
-        </div>
-        <!-- loading -->
-        <div class="loading" v-if="newRapirLoading">
-          <cube-loading :size="30"></cube-loading>
-        </div>
-      </div>
-      <!-- 最新公告 -->
-      <div class="newNotice">
-        <div class="titHead">
-          <span class="tit">
-            <i class="iconfont icon-message newNoticeico"></i>
-            <span>最新公告</span>
-          </span>
-          <span class="link" @click="toGuide()">
-            更多
-            <i class="iconfont dsit-xiangyou"></i>
-          </span>
-        </div>
-        <div class="conentBox" v-if="!newNoticeNoData&&!newNoticeLoading">
-          <div class="conent" v-for="v in noticeData" @click="toGuideDetail(v)">
-            <div class="head overflowEllipsis2">{{v.title}}</div>
-            <div class="cot">{{v.createTime}}</div>
-            <!-- <div class="cot">{{v.createTime.substring(0,v.createTime.length-5)}}</div> -->
-          </div>
-        </div>
-        <!-- 无数据 -->
-        <div class="wushuju" v-if="newNoticeNoData">
-          <div>
-            <img src="./../../static/images/quesheng.png" alt />
-            <p>暂无公告</p>
-          </div>
         </div>
-        <!-- loading -->
-        <div class="loading" v-if="newNoticeLoading">
-          <cube-loading :size="30"></cube-loading>
+        <div class="bigBody">
+            <!-- 最新报修 -->
+            <div class="newRepair">
+                <div class="titHead">
+                    <span class="tit"><i class="iconfont icon-zuixinbaoxiu newPapir"></i><span>最新报修</span></span>
+                    <span class="link" @click="toIncidentList()">更多<i class="iconfont icon-moren"></i></span>
+                </div>
+                <div class="conentBox" v-for="v in newRapirData" @click="toIncidentDetails(v)" v-if="!newRapirNoData&&!newRapirLoading">
+                    <div class="conent">
+                        <div class="head">
+                            <!-- <span>{{v.requester.name}}</span> -->
+                            <span>报修编号:{{v.bxcode}}</span>
+                            <span>{{v.createTime}}</span>
+                        </div>
+                        <div class="cot">
+                            {{v.description}}
+                        </div>
+                    </div>
+                    <div class="flowChart">
+                        <div class="pits">
+                            <div :class="state!=1?'yesLine':''"></div>
+                            <div :class="state!=1&&state!=2?'yesLine':''"></div>
+                            <div :class="state!=1&&state!=2&&state!=3?'yesLine':''"></div>
+                            <div :class="state!=1&&state!=2&&state!=3&&state!=4?'yesLine':''"></div>
+
+                            <i class="iconfont icon-icon_weizuo shenqing no" v-if="false"></i>
+                            <i class="iconfont icon-icon_weizuo shouli no" v-if="state==1"></i>
+                            <i class="iconfont icon-icon_weizuo chuli no" v-if="state==2||state==1"></i>
+                            <i class="iconfont icon-icon_weizuo pingjia no" v-if="state==3||state==2||state==1"></i>
+                            <i class="iconfont icon-icon_weizuo wancheng no" v-if="state==4||state==3||state==2||state==1"></i>
+
+                            <i class="iconfont icon-icon_weizuo shenqing yes" v-if="state!=1"></i>
+                            <i class="iconfont icon-icon_weizuo shouli yes" v-if="state!=1&&state!=2"></i>
+                            <i class="iconfont icon-icon_weizuo chuli yes" v-if="state!=1&&state!=2&&state!=3"></i>
+                            <i class="iconfont icon-icon_weizuo pingjia yes" v-if="state!=1&&state!=2&&state!=3&&state!=4"></i>
+                            <i class="iconfont icon-icon_weizuo wancheng yes" v-if="false"></i>
+
+                            <i class="iconfont icon-icon_zhengzaijinx shenqing now" v-if="state==1"></i>
+                            <i class="iconfont icon-icon_zhengzaijinx shouli now" v-if="state==2"></i>
+                            <i class="iconfont icon-icon_zhengzaijinx chuli now" v-if="state==3"></i>
+                            <i class="iconfont icon-icon_zhengzaijinx pingjia now" v-if="state==4"></i>
+                            <i class="iconfont icon-icon_zhengzaijinx wancheng now" v-if="state==5"></i>
+                        </div>
+                        <div class="words">
+                            <div>申请</div>
+                            <div>受理</div>
+                            <div>处理</div>
+                            <div>评价</div>
+                            <div>完成</div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 无数据 -->
+                <div class="wushuju" v-if="newRapirNoData">
+                    <img src="./../../static/images/wushuju.svg" alt="">
+                    <div class="noDataFont">暂无数据</div>
+                </div>
+                <!-- loading -->
+                <div class="loading" v-if="newRapirLoading">
+                    <cube-loading :size="30"></cube-loading>
+                </div>
+            </div>
+            <!-- 最新公告 -->
+            <div class="newNotice">
+                <div class="titHead titHead1">
+                    <span class="tit"><i class="iconfont icon-message newNoticeico"></i><span>最新公告</span></span>
+                    <span class="link" @click="toNoticeList()">更多<i class="iconfont icon-moren"></i></span>
+                </div>
+                <div class="conentBox" v-if="!newNoticeNoData&&!newNoticeLoading">
+                    <div class="conent" v-for="v in noticeData" @click="toNoticeDetails(v)">
+                        <div class="head">
+                            <!-- <span>{{v.title}}</span> -->
+                            {{v.title}}
+                        </div>
+                        <div class="cot">
+                                {{v.createTime.substring(0,v.createTime.length-5)}}
+                        </div>
+                    </div>
+                </div>
+                <!-- 无数据 -->
+                <div class="wushuju" v-if="newNoticeNoData">
+                    <img src="./../../static/images/wugonggao.svg" alt="">
+                    <div class="noDataFont">暂无数据</div>
+                </div>
+                <!-- loading -->
+                <div class="loading" v-if="newNoticeLoading">
+                    <cube-loading :size="30"></cube-loading>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
 </template>
 <script>
-import { formatDate } from "./../components/js/date.js";
-import http from "../request/http";
-
+import {formatDate} from './../components/js/date.js';
 export default {
-  data() {
-    return {
-      loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      noticeData: "", //公告列表
-      dataList: "", //最新报修
-      state: "", //流程状态
-      newRapirNoData: false, //最新报修无数据
-      newNoticeNoData: false,
-      newRapirLoading: true, //最新报修loading
-      newNoticeLoading: true, //最新公告loading
-      candidateGroups: ""
-    };
-  },
-  methods: {
-    // 获取公告列表数据
-    getNoticData() {
-      // alert('公告列表')
-      var that = this;
-      http.bpmFetchDataList('notice',{
-          idx: 0,
-          sum: 4
-        })
-        .then(function(res) {
-          // alert(JSON.stringify(res.data))
-          that.newNoticeLoading = false;
-          if (res.data.list&&res.data.list.length > 0) {
-            that.newNoticeNoData = false;
-            that.noticeData = res.data.list;
-          } else {
-            that.newNoticeNoData = true;
-          }
-        });
-    },
-    // 获取最新报修
-    getNewRapir() {
-      var that = this;
-      http.bpmFetchDataList('wxincident',{
-          wxincident: { state: "未转换" },
-          idx: 0,
-          sum: 2
-        })
-        .then(function(res) {
-          that.newRapirLoading = false;
-          if (res.data.list.length > 0) {
-            that.newRapirNoData = false;
-            that.dataList = res.data.list;
-          } else {
-            that.newRapirNoData = true;
-          }
-        });
-    },
-    toRecordList() {
-      this.$router.push({
-        name: "WxChartList"
-      });
+    data(){
+        return{
+            loginUser:JSON.parse(localStorage.getItem("loginUser")),
+            noticeData:"",//公告列表
+            newRapirData:"",//最新报修
+            state:"",//流程状态
+            newRapirNoData:false,//最新报修无数据
+            newNoticeNoData:false,
+            newRapirLoading:true,//最新报修loading
+            newNoticeLoading:true//最新公告loading
+        }
     },
-    // toKnowList() {
-    //   this.$router.push({ path: "/knowList" });
-    // },
-    toGuide() {
-      this.$router.push({ path: "/guide" });
+    methods:{
+        ceshi(){
+            alert($('html').css("font-size"));
+        },
+        // 获取公告列表数据
+        getNoticData(){
+            var that=this;
+            this.$http.post('service/user/data/fetchDataList/notice',{
+                idx: 0,
+                sum: 3,
+                notice:{
+                    status:1
+                }
+            }).then(function(res){
+                that.newNoticeLoading=false;
+                if(res.data.list.length>0){
+                    that.newNoticeNoData=false;
+                    that.noticeData=res.data.list;
+                }else{
+                    that.newNoticeNoData=true
+                }
+            })
+        },
+        // 获取最新报修
+        getNewRapir(){
+            var that=this;
+            this.$http.post('service/apply/bpm/fetchServiceTasks',{
+                assignee:that.loginUser.id,
+                idx: 0,
+                sum: 1
+            }).then(function(res){
+                that.newRapirLoading=false;
+                if(res.data.data.length>0){
+                    that.newRapirNoData=false;
+                    that.newRapirData=res.data.data;
+                    that.newRapirData[0].createTime=formatDate(new Date(that.newRapirData[0].createTime), 'MM-dd hh:mm');
+                    if(that.newRapirData[0].state.name=="未受理"){
+                        that.state=1
+                    }else if(that.newRapirData[0].state.name=="已转换"){
+                        that.state=2
+                    }else if(that.newRapirData[0].state.name=="处理中"){
+                        that.state=3
+                    }else if(that.newRapirData[0].state.name=="待评价"){
+                        that.state=4
+                    }else if(that.newRapirData[0].state.name=="已解决"){
+                        that.state=5
+                    }else{
+                        that.state=5
+                    }
+                    if(that.newRapirData[0].incident.state&&that.newRapirData[0].incident.state.name){
+                        if(that.newRapirData[0].incident.state.name=="待接单"){
+                            that.state=3
+                        }else if(that.newRapirData[0].incident.state.name=="处理中"){
+                            that.state=3
+                        }
+                    }
+                    console.log(that.state)
+                }else{
+                    that.newRapirNoData=true
+                }
+            })
+        },
+        toRapir(){
+            this.$router.push({path:'/repair'})
+        },
+        toNoticeDetails(data){
+            this.$router.push({
+                name:'NoticeDetails',
+                params:{
+                    data:JSON.stringify(data)
+                }
+            })
+            // this.$router.push({
+            //     name:'NoticeDetails',
+            //     params:{
+            //         data:data
+            //     }
+            // })
+        },
+        toNoticeList(){
+            this.$router.push({path:'/noticeList'})
+        },
+        toIncidentList(){
+            this.$router.push({path:'/main/incidentList'})
+        },
+        toKnowList(){
+            this.$router.push({path:'/knowList'})
+        },
+        toGuide(){
+            this.$router.push({path:'/guide'})
+        },
+        toIncidentDetails(data){
+            this.$router.push({
+                name:'IncidentDetails',
+                params:{
+                    data:JSON.stringify(data)
+                }
+            })
+        },
     },
-    toGuideDetail(v) {
-      this.$router.push({ name: "GuideDetail", params: { data: v } });
+    created(){
+        this.getNoticData(),
+        this.getNewRapir()
     },
-    // 微信/WEB报障详情
-    toIncidentDetails(data) {
-      this.$router.push({
-        name: "WxChartDetail",
-        params: {
-          data: data
-        }
-      });
+    mounted(){
     }
-  },
-  created() {
-    var that = this;
-    that.loginUser.group.forEach(element => {
-      that.candidateGroups += element.id + ",";
-    });
-    that.candidateGroups = that.candidateGroups.substring(
-      0,
-      that.candidateGroups.length - 1
-    );
-    // localStorage.removeItem("category");
-    // localStorage.removeItem("model");
-    // localStorage.removeItem("modelData");
-    // localStorage.removeItem("place");
-    // localStorage.removeItem("referenceInfo");
-    // localStorage.removeItem("solution");
-    // localStorage.removeItem("order");
-    this.getNoticData();
-    this.getNewRapir();
-  },
-  mounted() {}
-};
+}
 </script>
-<style scoped lang="less">
-.fl {
-  float: left;
+<style scoped>
+.bgColor{
+    background-color: white
 }
-.fr {
-  float: right;
+.fle{
+    display: flex;
+    flex-direction:column;
+    background-color: white
 }
-.bgColor {
-  background-color: white;
+.bigBody{
+    display: flex;
+    flex-direction:column;
+    height: 100%;
+    width: 100%
 }
-.fle {
-  display: flex;
-  flex-direction: column;
-  background-color: white;
+/* 头部导航栏 */
+.tav{
+    height: 2rem;
+    background: linear-gradient(#005395, #226CA8,#003057);
+    display: flex;
+    width: 100%
 }
-.grayFont {
-  color: #666;
+.tav div{
+    flex: 1;
+    text-align: center;
+    display: flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center
 }
-.bigBody {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
+.tav div i{
+    font-size: .6rem;
+    color: white
 }
-/* 头部导航栏 */
-.tav {
-  background: url(../../static/images/bg-top.png) no-repeat;
-  display: flex;
-  width: 100%;
-  background-size: cover;
-}
-.tav a {
-  height: 2.28rem;
-  flex: 1;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.tav a i {
-  font-size: 0.6rem;
-  color: white;
-}
-.tav a span {
-  font-size: 0.32rem;
-  color: white;
-  display: inline-block;
-  margin-top: 0.16rem;
+.tav div span{
+    font-size: .32rem;
+    color: white;
+    display: inline-block;
+    margin-top: .16rem
 }
 /* .bigBody{
     height: auto;
 } */
 /* tit导航 */
-.titHead {
-  display: flex;
-  justify-content: space-between;
-  padding: 0 0.24rem;
-  height: 0.88rem;
-  line-height: 0.88rem;
-  border-bottom: 0.01rem rgb(238, 238, 238) solid;
-}
-.titHead1 {
-  height: 0.88rem;
-}
-.titHead .tit .newPapir {
-  font-size: 0.36rem;
-  color: #a37200;
-}
-.titHead .tit .newNoticeico {
-  font-size: 0.36rem;
-  color: #005395;
-}
-.titHead .tit span {
-  display: inline-block;
-  margin-left: 0.08rem;
-  font-size: 0.36rem;
-}
-.titHead .link {
-  font-size: 0.24rem;
-  color: #999999;
-}
-.titHead .link i {
-  font-size: 0.24rem;
-  color: #999999;
-  display: inline-block;
-  margin-left: 0.08rem;
+.titHead{
+    display: flex;
+    justify-content:space-between;
+    padding: 0 .24rem;
+    height: .88rem;
+    line-height: .88rem;
+    border-bottom: .01rem rgb(238,238,238) solid
 }
-
-.newRepair {
-  border-top: 0.16rem rgb(238, 238, 238) solid;
-  .conentBox {
-    .conent {
-      font-size: 0.28rem;
-      font-weight: 400;
-      line-height: 0.45rem;
-      .center {
-        color: #333333;
-        border-bottom: 0.01rem solid #e6e6e6;
-        padding: 0.24rem 0.48rem;
-        div {
-          display: inline-block;
-          width: 100%;
-          .fl {
-            font-size: 0.3rem;
-          }
-          .fr {
-            color: #999;
-          }
-        }
-        p {
-          &.desc {
-            overflow: hidden;
-            max-height: 0.88rem;
-          }
-          .grayFont {
-            overflow-x: scroll;
-            color: #666;
-          }
-        }
-      }
-    }
-  }
+.titHead1{
+    height: 1rem;
+}
+.titHead .tit .newPapir{
+    font-size: .36rem;
+    color: #A37200
+}
+.titHead .tit .newNoticeico{
+    font-size: .36rem;
+    color: #005395
+}
+.titHead .tit span{
+    display: inline-block;
+    margin-left: .08rem;
+    font-size: .36rem
+}
+.titHead .link{
+    font-size: .24rem;
+    color: #999999
+}
+.titHead .link i{
+    font-size: .24rem;
+    color: #999999;
+    display: inline-block;
+    margin-left: .08rem
+}
+/* 最新报修 */
+.newRepair{
+    border-top: .16rem rgb(238,238,238) solid;
+}
+.newRepair .conentBox{
+    padding: 0 .16rem;
+    height: auto;
+}
+.newRepair .conentBox .conent{
+    padding: .24rem .48rem
+}
+.newRepair .conentBox .conent .head{
+    height: .45rem;
+    line-height: .45rem
+}
+.newRepair .conentBox .conent .head span:nth-child(1){
+    float: left;
+    font-size: .32rem;
+    font-weight: 400;
+    color: #333333
+}
+.newRepair .conentBox .conent .head span:nth-child(2){
+    float: right;
+    font-size: .23rem;
+    color: #999999
+}
+.newRepair .conentBox .conent .cot{
+    font-size: .28rem;
+    color: #666666;
+    line-height: .39rem;
+    margin-top: .08rem;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+    overflow: hidden;
+}
+.newRepair .conentBox .flowChart{
+    border-top: .01rem rgb(238,238,238) solid;
+    padding: .24rem 0
+}
+.newRepair .conentBox .flowChart .pits{
+    display: flex;
+    margin-top: .24rem;
+    padding: 0 10%;
+    position: relative
+}
+.newRepair .conentBox .flowChart .pits i{
+    font-size: .3rem
+}
+.newRepair .conentBox .flowChart .pits div{
+    border-top: .03rem rgb(224, 222, 222) solid;
+    flex: 1
+}
+.newRepair .conentBox .flowChart .pits .yesLine{
+    border-top: .03rem rgb(1,85,157) solid;
+}
+.newRepair .conentBox .flowChart .pits .no{
+    color:#cccccc
+}
+.newRepair .conentBox .flowChart .pits .yes{
+    color:#005359
+}
+.newRepair .conentBox .flowChart .pits .now{
+    color:#48a843
+}
+.newRepair .conentBox .flowChart .pits .shenqing{
+    position: absolute;
+    left: 8%;
+    top:-.12rem
+}
+.newRepair .conentBox .flowChart .pits .shouli{
+    position: absolute;
+    left: 28%;
+    top:-.12rem
+}
+.newRepair .conentBox .flowChart .pits .chuli{
+    position: absolute;
+    left: 48%;
+    top:-.12rem
+}
+.newRepair .conentBox .flowChart .pits .pingjia{
+    position: absolute;
+    left: 68%;
+    top:-.12rem
+}
+.newRepair .conentBox .flowChart .pits .wancheng{
+    position: absolute;
+    left: 88%;
+    top:-.12rem
+}
+.newRepair .conentBox .flowChart .words{
+    display: flex;
+    margin-top: .3rem
+}
+.newRepair .conentBox .flowChart .words div{
+    flex: 1;
+    font-size: .32rem;
+    text-align: center;
+    color:#333333
 }
 /* 最新公告 */
-.newNotice {
-  border-top: 0.16rem rgb(238, 238, 238) solid;
-  .conentBox {
-    .conent {
-      padding: 0.24rem 0.64rem;
-      border-bottom: 0.01rem solid #eee;
-      .head {
-        font-size: 0.28rem;
-        line-height: 0.45rem;
-      }
-      .cot {
-        font-size: 0.24rem;
-        color: #999;
-        line-height: 0.34rem;
-      }
-    }
-  }
+.newNotice{
+    border-top: .16rem rgb(238,238,238) solid;
+    height: 100%;
+    display: flex;
+    flex-direction:column;
+    min-height: 0
 }
-
-.wushuju {
-  text-align: center;
-  color: #999;
-  min-height: 5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.wushuju img {
-  height: 1.68rem;
-}
-.loading {
-  height: 2rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-</style>
+.newNotice .conentBox{
+    height: 100%;
+    overflow: hidden;
+    overflow-y: scroll
+}
+.newNotice .conentBox .conent{
+    padding: .24rem .64rem;
+    border-bottom: .01rem rgb(238,238,238) solid
+}
+.newNotice .conentBox .conent .head{
+    line-height: .45rem;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+    overflow: hidden;
+    font-size: .32rem;
+}
+/* .newNotice .conentBox .conent .head span{
+    font-size: .32rem;
+} */
+.newNotice .conentBox .conent .cot{
+    font-size: .24rem;
+    color: #999999;
+    line-height: .34rem;
+    margin-top: .08rem
+}
+.wushuju{
+    text-align: center;
+}
+.wushuju img{
+    width: 5.12rem;
+    height: 2.84rem;
+}
+.loading{
+    height: 2rem;
+    display: flex;
+    justify-content:center;
+    align-items:center
+}
+</style>

src/views/knowDetails.vue

@@ -0,0 +1,231 @@
+<template>
+    <div class="body bgColor">
+        <div class="title">
+            <!-- <div>主题:</div> -->
+            {{data.title}}
+        </div>
+        <div class="timeBox">
+            <div>{{data.createUser.dept?data.createUser.dept.dept:"暂无"}}</div>
+            <div>{{data.createtime.substring(0,data.createtime.length-3)}}</div>
+        </div>
+        <div class="conents" v-html="data.content">
+            {{data.content}}
+        </div>
+        <div class="release">
+            {{data.createUser.dept?data.createUser.dept.dept:"暂无"}}
+        </div>
+        <div class="time">
+            {{data.createtime.substring(0,data.createtime.length-3)||"暂无"}}
+        </div>
+        <div class="files" v-if="files.length">
+            <!-- <div @click="downFile(v.token,v.name)" v-for="(v,index) in files">{{v.name}}</div> -->
+            <a :href="getFileUrl(v.previewUrl)" v-for="(v,index) in files" target="_blank" :download="getDownload(v.name)">{{v.name}}</a>
+        </div>
+        <div class="keyword" v-if="data.label">
+            <span v-for="v in data.label" @click="toKnowList(v)">{{v}}</span>
+        </div>
+        <div class="good" @click="starClick()" v-show="starIf">
+            <i class="iconfont icon-dianzan"></i>
+            <span>{{data.star||0}}</span>
+        </div>
+        <div class="goodClick" v-show="!starIf">
+            <i class="iconfont icon-dianzan"></i>
+            <span>{{data.star||0}}</span>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            loginUser:JSON.parse(localStorage.getItem("loginUser")),
+            data:"",
+            starIf:"",
+            files:[]
+        }
+    },
+    methods:{
+        getFileUrl(res){
+            return res
+        },
+        getDownload(res){
+            return res
+        },
+        downFile(token,fileName){
+            this.$http.get('service/common/common/downloadAttachment/'+token,{
+                headers:{
+                    'Accept': '*/*'
+                },
+                responseType: 'arraybuffer'
+            }).then(function(res){
+                var file = new Blob([res.data], {
+                    type: 'application/octet-stream'
+                });
+                var fileURL = URL.createObjectURL(file);
+                var a = document.createElement('a');
+                a.href = fileURL;
+                a.target = '_blank';
+                a.download = fileName;
+                document.body.appendChild(a);
+                a.click();
+            })
+        },
+        getFiles(){
+            var that=this;
+            this.$http.get('service/common/common/listAttachment/solution/'+this.data.id,{}).then(function(res){
+                that.files=res.data.data;
+            })
+        },
+        toKnowList(res){
+            this.$router.push({
+                name:"KnowList",
+                params:{
+                    keword:res
+                }
+            })
+        },
+        getParamsData(){
+            this.data=JSON.parse(this.$route.params.data);
+        },
+        // 关键字查询
+        getKeyWords(){
+            if(this.data.label){
+                this.data.label=this.data.label.split("/");
+            }
+        },
+        // 获取是否点过赞
+        getStarIf(){
+            var that=this;
+            this.$http.get('service/solution/canStar/requester/'+this.data.id+"/"+this.loginUser.id,{}).then(function(res){
+                that.starIf=res.data.result;
+            })
+        },
+        // 点赞
+        starClick(){
+            var that=this;
+            that.starIf=false;
+            that.data.star=Number(that.data.star)+1;
+            this.$http.get('service/solution/star/requester/'+this.data.id+"/"+this.loginUser.id,{}).then(function(res){
+            })
+        },
+    },
+    created(){
+        this.getParamsData();
+        this.getStarIf();
+        this.getKeyWords();
+        this.getFiles()
+    },
+    mounted(){
+    }
+}
+</script>
+<style scoped>
+.bgColor{
+    background-color: white
+}
+.body{
+    padding: 0 .24rem
+}
+.title{
+    font-size: .32rem;
+    line-height: .45rem;
+    padding: .24rem .24rem 0 .24rem;
+    color: #333333;
+    font-weight: bold
+}
+.timeBox{
+    display: flex;
+    justify-content:space-between;
+    font-size: .24rem;
+    color:#999999;
+    padding: .16rem 0;
+    line-height: .33rem
+}
+.conents{
+    font-size: .28rem;
+    padding-top: .24rem;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    text-indent:2em;
+    line-height: .39rem;
+    padding-bottom: .48rem;
+    color: #666666;
+    overflow: hidden;
+    width: 100%;
+    overflow-x: scroll
+}
+.release{
+    display: flex;
+    justify-content:flex-end;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666
+}
+.time{
+    display: flex;
+    justify-content:flex-end;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666;
+    margin-top: .08rem;
+    padding-bottom: .24rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.files{
+    font-size: .28rem;
+    /* color: #005395; */
+    line-height: .4rem;
+    padding: .24rem 0;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.files a{
+    display: block;
+    color: #005395;
+    margin-top: .1rem
+}
+.keyword{
+    padding: .24rem 0;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.keyword span{
+    display: inline-block;
+    color: rgb(0,0,255);
+    margin-left: .2rem;
+    text-decoration: underline;
+    font-size: .28rem;
+    line-height: .35rem
+}
+.good{
+    text-align: center;
+    margin: .24rem auto;
+    width: 2rem;
+    height: .88rem;
+    line-height: .75rem;
+    background-color: rgb(235,221,188);
+    border-radius: 20px
+}
+.good i{
+    font-size: .4rem;
+    color: rgb(163,114,0)
+}
+.good span{
+    font-size: .3rem;
+    color: rgb(163,114,0)
+}
+.goodClick{
+    text-align: center;
+    margin: .24rem auto;
+    width: 2rem;
+    height: .88rem;
+    line-height: .75rem;
+    background-color: rgb(235,221,188);
+    border-radius: 20px
+}
+.goodClick i{
+    font-size: .4rem;
+    color: rgb(226,38,77)
+}
+.goodClick span{
+    font-size: .3rem;
+    color: rgb(226,38,77)
+}
+</style>

src/views/knowList.vue

@@ -0,0 +1,394 @@
+<template>
+    <div class="bgColor">
+        <div slot="content" class="scroll-wrapper">
+            <div class="demo">
+                <div class="scroll-list-wrap">
+                    <cube-scroll ref="scroll" :data="items" :options="options" @pulling-down="onPullingDown" @pulling-up="onPullingUp">
+                        <div class="search">
+                            <input type="text" placeholder="搜索" v-model="search" @input="searchFn()">
+                        </div>
+                        <ul class="foods-wrapper">
+                            <li v-for="data in items" class="food-item border-1px" @click="toKnowDetails(data)">
+                                <div class="food-content">
+                                    <div class="title">
+                                        <div>
+                                            <i class="iconfont icon-changjianwenti1"></i>
+                                        </div>
+                                        <div>主题:{{data.title}}</div>
+                                    </div>
+                                    <div class="content" v-html="data.content">
+                                    </div>
+                                    <div class="timeBox">
+                                        <div class="time">{{data.createtime.substring(0,data.createtime.length-3)}}</div>
+                                        <div class="good">
+                                            <i class="iconfont icon-dianzan"></i>&nbsp;&nbsp;<span>{{data.star}}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <div class="wushuju" v-show="wushuju">
+                                <img src="./../../static/images/wushuju.svg" alt="">
+                                <div class="noDataFont">暂无数据</div>
+                            </div>
+                        </ul>
+                        <template v-if="customPullDown" slot="pulldown" slot-scope="props">
+                            <div v-if="props.pullDownRefresh" class="cube-pulldown-wrapper" :style="props.pullDownStyle">
+                                <div v-show="props.beforePullDown" class="before-trigger" :style="{paddingTop: props.bubbleY + 'px'}">
+                                    <span :class="{rotate: props.bubbleY > pullDownRefreshThreshold - 40}">↓</span>
+                                </div>
+                                <div class="after-trigger" v-show="!props.beforePullDown">
+                                    <div v-show="props.isPullingDown" class="loading">
+                                        <cube-loading></cube-loading>
+                                    </div>
+                                    <div v-show="!props.isPullingDown" class="text">
+                                        <span class="refresh-text">更新成功</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </cube-scroll>
+                </div>
+            </div>
+        </div>
+        <load-ing v-show="loadShow"></load-ing>
+    </div>
+</template>
+<script>
+import Vue from 'vue'
+import CubePage from '../components/cube-page.vue'
+import SwitchOption from '../components/switch-option'
+import InputOption from '../components/input-option'
+import SelectOption from '../components/select-option'
+import LoadIng from './../views/loading.vue'
+export default {
+    data() {
+    return {
+    //   items: _foods,
+        items:[],
+        pullDownRefresh: true,
+        pullDownRefreshThreshold: 60,
+        pullDownRefreshStop: 40,
+        pullDownRefreshTxt: 'Refresh success',
+        pullUpLoad: true,
+        pullUpLoadThreshold: 0,
+        pullUpLoadMoreTxt: 'Load more',
+        pullUpLoadNoMoreTxt: '没有更多数据',
+        wushuju:false,
+        customPullDown: true,
+        search:"",
+        sum:10,
+        idx:0,
+        loadShow:true
+    }
+    },
+    components: {
+        CubePage,
+        SwitchOption,
+        InputOption,
+        SelectOption,
+        LoadIng
+    },
+    computed: {
+    options() {
+        return {
+        pullDownRefresh: this.pullDownRefreshObj,
+        pullUpLoad: this.pullUpLoadObj,
+        scrollbar: true
+        }
+    },
+    pullDownRefreshObj: function() {
+        return this.pullDownRefresh ? {
+        threshold: parseInt(this.pullDownRefreshThreshold),
+        txt: this.pullDownRefreshTxt
+        } : false
+    },
+    pullUpLoadObj: function() {
+        return this.pullUpLoad ? {
+        threshold: parseInt(this.pullUpLoadThreshold),
+        txt: {
+            more: this.pullUpLoadMoreTxt,
+            noMore: this.pullUpLoadNoMoreTxt
+        }
+        } : false
+    }
+    },
+    methods: {
+    getParams(){
+        if(this.$route.params.keword){
+            this.search=this.$route.params.keword
+        }
+    },
+    searchFn(){
+      var that=this;
+      that.loadShow=true;
+      this.idx=0;
+      this.$http.post('service/solution/fetchDataList/solution',{
+        'idx':0,
+        'sum':10,
+        'solution':{
+            'title':that.search,
+            'status':{'id':72},
+            'solutionRange':1
+        }
+    }).then(function(res){
+        if(res.data.list.length>0){
+            that.items=res.data.list;
+            that.wushuju=false
+        }else{
+            that.wushuju=true;
+            that.items=[]
+        }
+        that.loadShow=false
+    })
+    },
+    toKnowDetails(data){
+        // this.$router.push({path:'/knowDetails'})
+        this.$router.push({
+            name:'KnowDetails',
+            params:{
+                data:JSON.stringify(data)
+            }
+        })
+    },
+    onPullingDown() {
+        // 模拟更新数据
+        this.idx=0;
+        setTimeout(() => {
+        var that=this;
+        this.$http.post('service/solution/fetchDataList/solution',{
+            'idx':0,
+            'sum':10,
+            'solution':{
+                'title':that.search,
+                'status':{'id':72},
+                'solutionRange':1
+            }
+        }).then(function(res){
+            if(res.data.list.length>0){
+                that.items=res.data.list;
+                that.wushuju=false
+            }else{
+                that.$refs.scroll.forceUpdate();
+                that.wushuju=true
+            }
+        })
+        }, 1000)
+    },
+    getData(idx,sum){
+        var that=this;
+        this.$http.post('service/solution/fetchDataList/solution',{
+            'idx':idx,
+            'sum':sum,
+            'solution':{
+                'title':that.search,
+                'status':{'id':72},
+                'solutionRange':1
+            }
+        }).then(function(res){
+            if(res.data.list.length>0){
+                that.items=res.data.list;
+                that.wushuju=false
+            }else{
+                that.wushuju=true
+            }
+            that.loadShow=false
+        })
+    },
+    onPullingUp() {
+        var that=this;
+        that.idx=that.idx+1;
+        this.$http.post('service/solution/fetchDataList/solution',{
+            'idx':that.idx,
+            'sum':that.sum,
+            'solution':{
+                'title':that.search,
+                'status':{'id':72},
+                'solutionRange':1
+            }
+        }).then(function(res){
+            setTimeout(() => {
+                if(res.data.list.length>0){
+                    that.items=that.items.concat(res.data.list);
+                }else{
+                    that.$refs.scroll.forceUpdate()
+                }
+            }, 1000)
+        })
+    },
+    updatePullDownRefresh(val) {
+        this.pullDownRefresh = val
+    },
+    updatePullDownRefreshThreshold(val) {
+        this.pullDownRefreshThreshold = val
+    },
+    updatePullDownRefreshTxt(val) {
+        this.pullDownRefreshTxt = val
+    },
+    updatePullUpLoad(val) {
+        this.pullUpLoad = val
+    },
+    updatePullUpLoadThreshold(val) {
+        this.pullUpLoadThreshold = val
+    },
+    updatePullUpLoadMoreTxt(val) {
+        this.pullUpLoadMoreTxt = val
+    },
+    updatePullUpLoadNoMoreTxt(val) {
+        this.pullUpLoadNoMoreTxt = val
+    },
+    updateCustomPullDown(val) {
+        this.customPullDown = val
+    },
+    rebuildScroll() {
+        Vue.nextTick(() => {
+        this.$refs.scroll.destroy()
+        this.$refs.scroll.initScroll()
+        })
+    }
+    },
+    created(){
+        this.getParams();
+        this.getData(this.idx,this.sum)
+    }
+}
+</script>
+    <style lang="stylus" rel="stylesheet/stylus" scoped>
+    .scroll-list-wrap
+      /* height: 350px */
+      height:100vh
+      /* border: 1px solid rgba(0, 0, 0, 0.1) */
+      border-radius: 5px
+      transform: rotate(0deg) // fix 子元素超出边框圆角部分不隐藏的问题
+      overflow: hidden
+
+    .foods-wrapper
+      .food-item
+        display: flex
+        /* min-width: 0 */
+        /* padding: 18px
+        border-bottom: 1px solid rgba(7, 17, 27, 0.1) */
+
+        &:last-child
+          border-none()
+          margin-bottom: 0
+
+        .food-content
+          flex: 1
+          min-width: 0;
+          .cartcontrol-wrapper
+            position: absolute
+            right: 0
+            bottom: 12px
+            .scroll-wrapper{
+      .cube-pulldown-wrapper{
+        .before-trigger{
+          font-size: 30px;
+          line-height: 30px;
+          align-self: flex-end;
+          span{
+            display: inline-block;
+            transition: all 0.3s;
+            color: #666;
+            &.rotate{
+                transform: rotate(180deg)
+              }
+          }
+        }
+        .after-trigger{
+          .refresh-text{
+            color: grey
+          }
+        }
+     }
+    }
+    </style>
+<style scoped>
+.bgColor{
+    background-color: white
+}
+.search{
+    padding: .16rem .24rem;
+    height: .6rem;
+    background-color: #eeeeee;
+    border-bottom: .01rem #999999 solid
+}
+.search input{
+    width: 100%;
+    height: .56rem;
+    border-radius: 4px;
+    text-align: center;
+    font-size: .28rem
+}
+.search:focus{
+    outline:none
+}
+.food-item{
+  border-top: .16rem rgb(238,238,238) solid;
+}
+.food-content{
+  border-top: .01rem rgb(223, 222, 222) solid;
+  border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.title{
+    display: flex;
+    min-width: 0;
+    padding: .2rem .24rem;
+    line-height: .45rem;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.title div:nth-child(1){
+    width: 6%;
+}
+.title div:nth-child(1) i{
+    font-size: .32rem;
+    color: #005395;
+    line-height: .49rem
+}
+.title div:nth-child(2){
+    width: 94%;
+    font-size: .32rem;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.content{
+    font-size: .28rem;
+    /* margin-top: .3rem; */
+    line-height: .39rem;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+    padding: 0 .64rem;
+    margin: .24rem 0;
+    max-height:0.78rem;
+}
+.timeBox{
+    display: flex;
+    justify-content:space-between;
+    /* margin-top: .3rem; */
+    border-top: .01rem rgb(223, 222, 222) solid;
+    padding: .2rem .64rem
+}
+.timeBox .time{
+    color:#999999;
+    font-size: .24rem
+}
+.timeBox .good i{
+    font-size: .3rem;
+    color: #A37200
+}
+.timeBox .good span{
+    color: #A37200;
+    font-size: .24rem
+}
+.wushuju{
+    margin-top: 2.4rem;
+    text-align: center;
+}
+.wushuju img{
+    width: 5.12rem;
+    height: 2.84rem;
+}
+</style>

src/views/loading.vue

@@ -30,8 +30,7 @@ export default {
     background-color: rgba(0,0,0,0.5)!important;
     display: flex;
     justify-content:center;
-    align-items:center;
-    z-index: 9;
+    align-items:center
 }
 </style>
 <style scoped>

src/views/maintenance.vue

@@ -0,0 +1,74 @@
+<template>
+    <div>
+        <div class="label">
+            {{tit}}</div>
+        <div class="contents" v-for="v in items" v-html="v.content">
+            <!-- {{}} -->
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            state:"",
+            tit:"",
+            items:[],
+            getId:""
+        }
+    },
+    methods:{
+        getDictionaryId(){
+            var that=this;
+            this.$http.post('service/common/common/getDictionary',{
+                key: "service_type",
+                type: "list"
+            }).then(function(res){
+                that.state=that.$route.params.state;
+                if(that.state==2){
+                    that.tit="维修范围划分";
+                    that.getId=res.data[1].id
+                }else if(that.state==3){
+                    that.tit="不属于维修范围划分";
+                    that.getId=res.data[2].id
+                };
+                that.$http.post('service/solution/fetchDataList/serviceGuide',{
+                    "idx": 0, 
+                    "sum": 10,
+                    "serviceGuide":{
+                        "serviceType":{"id":that.getId},
+                        "status":1
+                    }
+                }).then(function(res1){
+                    that.items=res1.data.list
+                }) 
+            })
+        }
+    },
+    created(){
+        this.getDictionaryId();
+    },
+    mounted(){
+    }
+}
+</script>
+<style scoped>
+.label {
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .2rem;
+    font-size: .24rem;
+    color:#666666;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    border-bottom: .01rem rgb(223, 222, 222) solid;
+}
+.contents{
+    padding: .24rem;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666;
+    overflow: hidden;
+    overflow-x: scroll
+}
+</style>

src/views/my.vue

@@ -0,0 +1,443 @@
+<template>
+  <div class="bgColor">
+    <div class="head">
+      <div class="img"></div>
+      <div class="name">{{loginUser.name}}</div>
+    </div>
+    <div class="myMessage">
+      <div class="label">个人信息</div>
+      <ul>
+        <li>
+          <div>姓名</div>
+          <div>{{loginUser.name}}</div>
+        </li>
+        <li v-if="repairMain.valueconfig == 2">
+          <div>科室名称</div>
+          <div>{{loginUser.dept?loginUser.dept.dept:'暂无'}}</div>
+        </li>
+        <li>
+          <div>工号</div>
+          <div>{{loginUser.account}}</div>
+        </li>
+        <li>
+          <div>联系电话</div>
+          <div>{{repairMain.valueconfig ==1?loginUser.mphone:loginUser.dept?loginUser.dept.phone:'暂无'}}</div>
+        </li>
+        <li class="myArea">
+          <div>区域地点</div>
+          <div>
+            <cube-button @click="showCascadePicker">
+              {{areaData||"暂无"}}
+              <i class="iconfont icon-moren"></i>
+            </cube-button>
+          </div>
+        </li>
+        <li>
+          <div>详细地址</div>
+          <div class="factionAdd" @click="toModify()">
+            <span>{{loginUser.houseNumber||"暂无"}}</span>
+            <i class="iconfont icon-moren"></i>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="myRapir">
+      <div class="label">我的报修</div>
+      <div class="tit">
+        <div>我的报修</div>
+        <div @click="toIncidentList( )">{{incidentStateData.resultCount}}条&nbsp;&nbsp;&nbsp;></div>
+      </div>
+      <div class="rapirMessage">
+        <div class="status" @click="toIncidentList(1592)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-daishouli" />
+            </svg>
+          </div>
+          <div>
+            <span>未受理</span>
+            <span>{{incidentStateData.notAcc>99?99:incidentStateData.notAcc}}</span>
+          </div>
+        </div>
+        <div class="status" @click="toIncidentList(1593)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-bushouli" />
+            </svg>
+          </div>
+          <div>
+            <span>不受理</span>
+            <span>{{incidentStateData.noAcc>99?99:incidentStateData.noAcc}}</span>
+          </div>
+        </div>
+        <div class="status" @click="toIncidentList(1594)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-chulizhong" />
+            </svg>
+          </div>
+          <div>
+            <span>处理中</span>
+            <span>{{incidentStateData.processing>99?99:incidentStateData.processing}}</span>
+          </div>
+        </div>
+        <div class="status" @click="toIncidentList(1595)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-daipingjia" />
+            </svg>
+          </div>
+          <div>
+            <span>待评价</span>
+            <span>{{incidentStateData.evaluated>99?99:incidentStateData.evaluated}}</span>
+          </div>
+        </div>
+        <div class="status" @click="toIncidentList(1596)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-yijiejue" />
+            </svg>
+          </div>
+          <div>
+            <span>已解决</span>
+            <span>{{incidentStateData.solve>99?99:incidentStateData.solve}}</span>
+          </div>
+        </div>
+        <div class="status" @click="toIncidentList(1597)">
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-yichehui" />
+            </svg>
+          </div>
+          <div>
+            <span>已撤回</span>
+            <span>{{incidentStateData.retract>99?99:incidentStateData.retract}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+  </div>
+</template>
+<script>
+import "./../../static/css/iconfont.js";
+import PrompTing from "./../views/prompting.vue";
+export default {
+  data() {
+    return {
+      repairMain: null,
+      loginUser: JSON.parse(localStorage.getItem("loginUser")),
+      incidentStateData: "",
+      treeData: [],
+      areaData: "",
+      promptingConent: "",
+      promptingStatus: ""
+    };
+  },
+  methods: {
+    toModify(res) {
+      this.$router.push({
+        name: "MyModify",
+        params: {
+          data: this.loginUser.houseNumber
+        }
+      });
+    },
+    getUserAreaData() {
+      if (this.loginUser.place) {
+        this.areaData =
+          this.loginUser.place.area.area + " " + this.loginUser.place.place;
+      }
+    },
+    toIncidentList(res) {
+      this.$router.push({
+        name: "IncidentList",
+        params: {
+          state: res
+        }
+      });
+    },
+    getIncidentData() {
+      var that = this;
+      this.$http
+        .post("service/apply/bpm/fetchServiceTasks", {
+          assignee: that.loginUser.id,
+          idx: 0,
+          sum: 9999
+        })
+        .then(function(res) {
+          that.incidentStateData = res.data;
+        });
+    },
+    getAreaData() {
+      var that = this;
+      this.$http
+        .post("service/user/data/fetchDataList/area", {
+          idx: 0,
+          sum: 1000,
+          area: {
+            wechatArea: true
+          }
+        })
+        .then(function(res) {
+          var data = res.data.list;
+          for (var i = 0; i < data.length; i++) {
+            that.treeData.push({
+              text: data[i].area,
+              value: data[i].id,
+              children: []
+            });
+          }
+        });
+    },
+    getPlaceData() {
+      var that = this;
+      this.$http
+        .post("service/user/data/fetchDataList/place", {
+          idx: 0,
+          sum: 1000,
+          area: {
+            wechatAreaId: ""
+          }
+        })
+        .then(function(res) {
+          var data = res.data.list;
+          for (var i = 0; i < data.length; i++) {
+            for (var j = 0; j < that.treeData.length; j++) {
+              if (data[i].area.id == that.treeData[j].value) {
+                that.treeData[j].children.push({
+                  text: data[i].place,
+                  value: data[i].id
+                });
+              }
+            }
+          }
+          that.cascadePicker = that.$createCascadePicker({
+            title: "请选择区域地点",
+            data: that.treeData,
+            selectedIndex: [0, 0],
+            onSelect: that.selectHandle,
+            onCancel: that.cancelHandle
+          });
+        });
+    },
+    showCascadePicker() {
+      this.cascadePicker.show();
+    },
+    selectHandle(selectedVal, selectedIndex, selectedText) {
+      var that = this;
+      this.$http
+        .get(
+          "service/user/updPlace/" + this.loginUser.id + "/" + selectedVal[1],
+          {}
+        )
+        .then(function(res) {
+          if (res.status == 200) {
+            that.promptingConent = "恭喜您,修改区域地点成功!";
+            that.promptingStatus = true;
+            $("#fade").fadeIn();
+            setTimeout(function() {
+              $("#fade").fadeOut();
+            }, 2000);
+            if (!that.loginUser.place) {
+              that.loginUser.place = {
+                area:{}
+              };
+            }
+            that.loginUser.place.id = selectedVal[1];
+            that.loginUser.place.area.id = selectedVal[0];
+            that.loginUser.place.place = selectedText[1];
+            that.loginUser.place.area.area = selectedText[0];
+            var loginUserStr = JSON.stringify(that.loginUser);
+            localStorage.setItem("loginUser", loginUserStr);
+            that.areaData = selectedText[0] + " " + selectedText[1];
+          } else {
+            that.promptingConent = "对不起,修改失败,请稍后再试!";
+            that.promptingStatus = false;
+            $("#fade").fadeIn();
+            setTimeout(function() {
+              $("#fade").fadeOut();
+            }, 2000);
+          }
+        });
+    },
+    cancelHandle() {}
+  },
+  created() {
+    this.getUserAreaData();
+    this.getAreaData();
+    this.getPlaceData();
+    this.getIncidentData();
+    // 获取报修主体
+    this.repairMain = JSON.parse(localStorage.getItem("repairMain"));
+  },
+  mounted() {
+    // this.cascadePicker = this.$createCascadePicker({
+    //     title: '请选择区域地点',
+    //     data: this.treeData,
+    //     selectedIndex: [0,0],
+    //     onSelect: this.selectHandle,
+    //     onCancel: this.cancelHandle
+    // })
+  },
+  components: {
+    PrompTing
+  }
+};
+</script>
+<style scoped>
+.bgColor {
+  background-color: white;
+}
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.label {
+  background-color: rgb(238, 238, 238);
+  height: 0.6rem;
+  line-height: 0.6rem;
+  padding-left: 0.2rem;
+  font-size: 0.24rem;
+  color: #666666;
+  border-top: 0.01rem rgb(223, 222, 222) solid;
+  border-bottom: 0.01rem rgb(223, 222, 222) solid;
+}
+/* 头像 */
+
+.head {
+  height: 2.4rem;
+  background: linear-gradient(#005395, #226ca8);
+  padding-top: 0.3rem;
+}
+
+.head .img {
+  width: 1.36rem;
+  height: 1.36rem;
+  border-radius: 50%;
+  margin: 0 auto;
+  overflow: hidden;
+  background: url(./../../static/images/avatar-1-big.jpg);
+  background-size: contain;
+}
+
+.head .name {
+  font-size: 0.32rem;
+  text-align: center;
+  margin-top: 0.2rem;
+  color: #ffffff;
+}
+
+/* 个人信息 */
+
+/* .myMessage { */
+/* background-color: rgb(242, 242, 242); */
+/* margin-top: .2rem */
+/* } */
+
+.myMessage li {
+  border-bottom: 0.01rem rgb(223, 222, 222) solid;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  /* padding: .2rem .28rem */
+  /* height: .88rem; */
+  /* line-height: .88rem; */
+  line-height: 0.4rem;
+  padding: 0.24rem 0.24rem;
+}
+
+.myMessage li div:nth-child(1) {
+  width: 35%;
+  font-size: 0.32rem;
+}
+
+.myMessage li div:nth-child(2) {
+  width: 55%;
+  display: flex;
+  justify-content: flex-end;
+  font-size: 0.32rem;
+  /* line-height: .3rem */
+}
+.factionAdd {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.factionAdd span {
+  display: inline-block;
+  width: 90%;
+  text-align: right;
+}
+.factionAdd i {
+  display: inline-block;
+  font-size: 0.34rem;
+  width: 12%;
+}
+/* 我的报修 */
+
+/* .myRapir {
+    margin-top: .2rem
+} */
+
+.myRapir .tit {
+  /* background-color: rgb(242, 242, 242); */
+  height: 0.88rem;
+  line-height: 0.88rem;
+  display: flex;
+  padding: 0 0.24rem;
+  font-size: 0.32rem;
+  justify-content: space-between;
+  border-bottom: 0.01rem rgb(223, 222, 222) solid;
+}
+
+.rapirMessage {
+  display: flex;
+  height: 1.4rem;
+  border-bottom: 0.01rem rgb(223, 222, 222) solid;
+}
+.rapirMessage .status {
+  width: 16.5%;
+  border-left: 0.01rem rgb(223, 222, 222) solid;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.rapirMessage .status div:nth-child(1) {
+  width: 100%;
+  text-align: center;
+}
+.rapirMessage .status div:nth-child(1) svg {
+  width: 0.48rem;
+  height: 0.48rem;
+}
+.rapirMessage .status div:nth-child(2) {
+  margin-top: 0.2rem;
+  display: flex;
+  align-items: center;
+}
+.rapirMessage .status div:nth-child(2) span:nth-child(1) {
+  font-size: 0.24rem;
+  color: #333333;
+}
+.rapirMessage .status div:nth-child(2) span:nth-child(2) {
+  display: inline-block;
+  margin-left: 0.08rem;
+  font-size: 0.32rem;
+}
+</style>
+<style>
+.myArea .cube-btn {
+  padding: 0 !important;
+  background-color: white !important;
+  color: #333333 !important;
+  text-align: right !important;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>

src/views/myModify.vue

@@ -0,0 +1,116 @@
+<template>
+    <div>
+        <div class="label">
+            详细地址
+        </div>
+        <cube-textarea v-model="value" placeholder="请输入你的详细地址"></cube-textarea>
+        <div class="chehui">
+            <div class="btn" @click="sub()">保&nbsp;存</div>
+        </div>
+        <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+    </div>
+</template>
+<script>
+    import PrompTing from './../views/prompting.vue'
+    export default {
+        data() {
+            return {
+                loginUser:JSON.parse(localStorage.getItem("loginUser")),
+                data:"",
+                value:"",
+                promptingConent:"",
+                promptingStatus:""
+            }
+        },
+        methods: {
+            getAddData(){
+                this.value=this.$route.params.data
+            },
+            sub(){
+                if(this.value==""){
+                    this.$createDialog({
+                        type: 'alert',
+                        title: '保存失败',
+                        content: '详细地址不能为空',
+                        icon: 'cubeic-wrong'
+                    }).show()
+                }else{
+                    var that=this;
+                    this.$http.post('service/user/updHouseNum',{
+                        "reqId":that.loginUser.id,
+                        "houseNum":that.value
+                    }).then(function(res){
+                        if(res.status==200){
+                            that.promptingConent="恭喜您,修改地址成功!";
+                            that.promptingStatus=true;
+                            $("#fade").fadeIn();
+                            setTimeout(function(){
+                                $("#fade").fadeOut();
+                            },2000);
+                            that.loginUser.houseNumber=that.value;
+                            var loginUserStr=JSON.stringify(that.loginUser);
+                            localStorage.setItem('loginUser',loginUserStr);
+                            that.dialog = that.$createDialog({
+                                type: 'alert',
+                                title: '修改成功',
+                                content: '点击确定返回我的信息',
+                                icon: 'cubeic-right',
+                                onConfirm: (e, promptValue) => {
+                                    that.$router.push({path:"/main/my"})
+                                }
+                            }).show()
+                        }else{
+                            that.promptingConent="修改失败,请稍后再试!";
+                            that.promptingStatus=false;
+                            $("#fade").fadeIn();
+                            setTimeout(function(){
+                                $("#fade").fadeOut();
+                            },2000);
+                        }
+                    })
+                }
+            }
+        },
+        created(){
+            this.getAddData()
+        },
+        mounted() {
+            
+        },
+        components: {
+            PrompTing
+        },
+    }
+</script>
+<style scoped>
+ .label{
+    background-color: rgb(238, 238, 238);
+    height: .6rem;
+    line-height: .6rem;
+    padding-left: .24rem;
+    font-size: .24rem;
+    color: #666666
+}   
+.chehui{
+    height: 1.3rem;
+    width: 100%;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    background-color: rgb(248,248,248);
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    display: flex;
+    align-items:center;
+    justify-content:center
+}
+.chehui .btn{
+    width: 90%;
+    height: 1rem;
+    background-color: #005395;
+    border-radius: 10px;
+    line-height: 1rem;
+    color: white;
+    font-size: .36rem;
+    text-align: center
+}
+</style>

src/views/noticeDetails.vue

@@ -0,0 +1,87 @@
+<template>
+    <div class="main bgColor">
+        <div class="title">
+            {{data.title||"暂无"}}
+        </div>
+        <div class="subheading">
+            <span>{{data.dept?data.dept.dept:""}}</span>
+            <span>{{data.createTime.substring(0,data.createTime.length-5)||"暂无"}}</span>
+        </div>
+        <div class="contants" v-html="data.content">
+            <!-- {{data.content||"暂无"}} -->
+        </div>
+        <div class="release">
+            {{data.dept?data.dept.dept:""}}
+        </div>
+        <div class="time">
+            {{data.createTime.substring(0,data.createTime.length-5)||"暂无"}}
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            data:""
+        }
+    },
+    methods:{
+        getParamsData(){
+            this.data=JSON.parse(this.$route.params.data);
+        }
+    },
+    created(){
+        this.getParamsData()
+    },
+    mounted(){
+        
+    }
+}
+</script>
+<style scoped>
+.bgColor{
+    background-color: white
+}
+.main{
+    padding: 0 .24rem
+}
+.title{
+    font-size: .32rem;
+    padding: .24rem .24rem 0 .24rem;
+    font-weight: bold;
+    line-height: .45rem
+}
+.subheading{
+    padding: .16rem 0;
+    display: flex;
+    justify-content:space-between
+}
+.subheading span{
+    font-size: .24rem;
+    color: #999999
+}
+.contants{
+    font-size: .28rem;
+    padding-top: .24rem;
+    border-top: .01rem rgb(223, 222, 222) solid;
+    text-indent:2em;
+    line-height: .39rem;
+    padding-bottom: .48rem;
+    color: #666666
+}
+.release{
+    display: flex;
+    justify-content:flex-end;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666
+}
+.time{
+    display: flex;
+    justify-content:flex-end;
+    font-size: .28rem;
+    line-height: .39rem;
+    color: #666666;
+    margin-top: .08rem
+}
+</style>

src/views/noticeList.vue

@@ -0,0 +1,367 @@
+<template>
+    <div>
+        <div slot="content" class="scroll-wrapper bgColor">
+            <div class="demo">
+                <div class="scroll-list-wrap">
+                    <cube-scroll ref="scroll" :data="items" :options="options" @pulling-down="onPullingDown" @pulling-up="onPullingUp">
+                        <div class="search">
+                            <input type="text" placeholder="搜索" v-model="search" @input="searchFn()">
+                        </div>
+                        <ul class="foods-wrapper">
+                            <li v-for="data in items" class="food-item border-1px" @click="toNoticeDetails(data)">
+                                <div class="food-content">
+                                    <div class="title">
+                                        <span>{{data.title}}</span>
+                                    </div>
+                                    <div class="time">
+                                        <span>{{data.dept?data.dept.dept:""}}</span>
+                                        <span>{{data.createTime}}</span>
+                                    </div>
+                                </div>
+                            </li>
+                            <div class="wushuju" v-show="wushuju">
+                                <img src="./../../static/images/wugonggao.svg" alt="">
+                                <div class="noDataFont">暂无数据</div>
+                            </div>
+                        </ul>
+                        <template v-if="customPullDown" slot="pulldown" slot-scope="props">
+                            <div v-if="props.pullDownRefresh" class="cube-pulldown-wrapper" :style="props.pullDownStyle">
+                                <div v-show="props.beforePullDown" class="before-trigger" :style="{paddingTop: props.bubbleY + 'px'}">
+                                    <span :class="{rotate: props.bubbleY > pullDownRefreshThreshold - 40}">↓</span>
+                                </div>
+                                <div class="after-trigger" v-show="!props.beforePullDown">
+                                    <div v-show="props.isPullingDown" class="loading">
+                                        <cube-loading></cube-loading>
+                                    </div>
+                                    <div v-show="!props.isPullingDown" class="text">
+                                        <span class="refresh-text">更新成功</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </cube-scroll>
+                </div>
+            </div>
+        </div>
+        <load-ing v-show="loadShow"></load-ing>
+    </div>
+</template>
+<script>
+import Vue from 'vue'
+import CubePage from '../components/cube-page.vue'
+import SwitchOption from '../components/switch-option'
+import InputOption from '../components/input-option'
+import SelectOption from '../components/select-option'
+import LoadIng from './../views/loading.vue'
+export default {
+  data() {
+    return {
+    //   items: _foods,
+        items:[],
+      pullDownRefresh: true,
+      pullDownRefreshThreshold: 60,
+      pullDownRefreshStop: 40,
+      pullDownRefreshTxt: 'Refresh success',
+      pullUpLoad: true,
+      pullUpLoadThreshold: 0,
+      pullUpLoadMoreTxt: 'Load more',
+      pullUpLoadNoMoreTxt: '没有更多数据',
+      wushuju:false,
+      search:"",
+      customPullDown: true,
+      sum:10,
+      idx:0,
+      loadShow:true
+    }
+  },
+  components: {
+    CubePage,
+    SwitchOption,
+    InputOption,
+    SelectOption,
+    LoadIng
+  },
+  computed: {
+    options() {
+      return {
+        pullDownRefresh: this.pullDownRefreshObj,
+        pullUpLoad: this.pullUpLoadObj,
+        scrollbar: true
+      }
+    },
+    pullDownRefreshObj: function() {
+      return this.pullDownRefresh ? {
+        threshold: parseInt(this.pullDownRefreshThreshold),
+        txt: this.pullDownRefreshTxt
+      } : false
+    },
+    pullUpLoadObj: function() {
+      return this.pullUpLoad ? {
+        threshold: parseInt(this.pullUpLoadThreshold),
+        txt: {
+          more: this.pullUpLoadMoreTxt,
+          noMore: this.pullUpLoadNoMoreTxt
+        }
+      } : false
+    }
+  },
+  methods: {
+    searchFn(){
+      var that=this;
+      this.idx=0;
+      that.loadShow=true;
+      this.$http.post('service/user/data/fetchDataList/notice',{
+        'idx':0,
+        'sum':10,
+        'notice':{
+          'content':this.search,
+          'title':this.search,
+          'status':1
+        }
+      }).then(function(res){
+          if(res.data.list.length>0){
+            that.items=res.data.list;
+            that.wushuju=false
+          }else{
+            that.wushuju=true;
+            that.items=[]
+          }
+          that.loadShow=false
+      })
+    },
+    toNoticeDetails(data){
+      this.$router.push({
+          name:'NoticeDetails',
+          params:{
+              data:JSON.stringify(data)
+          }
+      })
+    },
+    onPullingDown() {
+      // 模拟更新数据
+      this.idx=0;
+      setTimeout(() => {
+        var that=this;
+        this.$http.post('service/user/data/fetchDataList/notice',{
+          'idx':0,
+          'sum':10,
+          'notice':{
+            'content':this.search,
+            'title':this.search,
+            'status':1
+          }
+        }).then(function(res){
+            if(res.data.list.length>0){
+                that.items=res.data.list;
+                that.wushuju=false;
+            }else{
+                that.$refs.scroll.forceUpdate();
+                that.wushuju=true;
+                that.items=[];
+            }
+        })
+      }, 1000)
+    },
+    getData(idx,sum){
+        var that=this;
+        this.$http.post('service/user/data/fetchDataList/notice',{
+          'idx':idx,
+          'sum':sum,
+          'notice':{
+            'content':this.search,
+            'title':this.search,
+            'status':1
+          }
+        }).then(function(res){
+            if(res.data.list.length>0){
+              that.items=res.data.list;
+              that.wushuju=false
+            }else{
+              that.wushuju=true
+            }
+            that.loadShow=false
+        })
+    },
+    onPullingUp() {
+      var that=this;
+      that.idx=that.idx+1;
+        this.$http.post('service/user/data/fetchDataList/notice',{
+          'idx':that.idx,
+          'sum':that.sum,
+          'notice':{
+            'content':this.search,
+            'title':this.search,
+            'status':1
+          }
+        }).then(function(res){    
+            setTimeout(() => {
+                if(res.data.list.length>0){
+                    that.items=that.items.concat(res.data.list);
+                }else{
+                    that.$refs.scroll.forceUpdate()
+                }
+            }, 1000)
+        })
+    },
+    updatePullDownRefresh(val) {
+      this.pullDownRefresh = val
+    },
+    updatePullDownRefreshThreshold(val) {
+      this.pullDownRefreshThreshold = val
+    },
+    updatePullDownRefreshTxt(val) {
+      this.pullDownRefreshTxt = val
+    },
+    updatePullUpLoad(val) {
+      this.pullUpLoad = val
+    },
+    updatePullUpLoadThreshold(val) {
+      this.pullUpLoadThreshold = val
+    },
+    updatePullUpLoadMoreTxt(val) {
+      this.pullUpLoadMoreTxt = val
+    },
+    updatePullUpLoadNoMoreTxt(val) {
+      this.pullUpLoadNoMoreTxt = val
+    },
+    updateCustomPullDown(val) {
+      this.customPullDown = val
+    },
+    rebuildScroll() {
+      Vue.nextTick(() => {
+        this.$refs.scroll.destroy()
+        this.$refs.scroll.initScroll()
+      })
+    }
+  },
+  created(){
+      this.getData(this.idx,this.sum)
+  }
+}
+</script>
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.scroll-list-wrap 
+  /* height: 350px */
+  height:100vh
+  /* border: 1px solid rgba(0, 0, 0, 0.1) */
+  border-radius: 5px
+  transform: rotate(0deg) // fix 子元素超出边框圆角部分不隐藏的问题
+  overflow: hidden
+
+.foods-wrapper 
+  .food-item 
+    display: flex
+    padding: .24rem
+    border-bottom: 1px solid rgba(7, 17, 27, 0.1)
+
+    &:last-child 
+      border-none()
+      margin-bottom: 0
+    .icon 
+      flex: 0 0 57px
+      margin-right: 10px
+
+    .food-content 
+      flex: 1
+      .name 
+        margin: 2px 0 8px 0
+        height: 14px
+        line-height: 14px
+        font-size: 14px
+        color: rgb(7, 17, 27)
+      .description, .extra 
+        line-height: 10px
+        font-size: 10px
+        color: rgb(147, 153, 159)
+      .description 
+        line-height: 12px
+        margin-bottom: 8px
+      .extra 
+        .count 
+          margin-right: 12px
+      .price 
+        font-weight: 700
+        line-height: 24px
+        .now 
+          margin-right: 8px
+          font-size: 14px
+          color: rgb(240, 20, 20)
+        .old 
+          text-decoration: line-through
+          font-size: 10px
+          color: rgb(147, 153, 159)
+      .cartcontrol-wrapper 
+        position: absolute
+        right: 0
+        bottom: 12px
+        .scroll-wrapper{
+  .cube-pulldown-wrapper{
+    .before-trigger{
+      font-size: 30px;
+      line-height: 30px;
+      align-self: flex-end;
+      span{
+        display: inline-block;
+        transition: all 0.3s;
+        color: #666;
+        &.rotate{
+            transform: rotate(180deg)
+          }
+      } 
+    }
+    .after-trigger{
+      .refresh-text{
+        color: grey
+      }
+    }
+ }
+}
+</style>
+<style scoped>
+.search{
+    padding: .16rem .24rem;
+    height: .6rem;
+    background-color: #eeeeee
+}
+.bgColor{
+    background-color: white
+}
+.search input{
+  width: 100%;
+  height: .56rem;
+  border-radius: 4px;
+  text-align: center;
+  font-size: .28rem
+}
+.search:focus{
+    outline:none
+}
+.title{
+    line-height: .45rem;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+}
+.title span{
+  font-size: .32rem;
+}
+.time{
+    display: flex;
+    justify-content:space-between;
+    margin-top: .08rem;
+    color:#999999
+}
+.time span{
+  font-size: .24rem
+}
+.wushuju{
+    margin-top: 2.4rem;
+    text-align: center;
+}
+.wushuju img{
+    width: 5.12rem;
+    height: 2.84rem;
+}
+</style>

src/views/recordList.vue

@@ -1,631 +0,0 @@
-<template>
-  <div class="bgColor">
-    <div slot="content" class="scroll-wrapper">
-      <div class="demo">
-        <!-- <div class="header">留言列表</div> -->
-        <cube-select
-          class="stateSearch"
-          v-model="searchType"
-          :options="searchsType"
-          @change="stateChange()"
-        ></cube-select>
-        <div class="scroll-list-wrap">
-          <cube-scroll
-            ref="scroll"
-            :data="items"
-            :options="options"
-            @pulling-down="onPullingDown"
-            @pulling-up="onPullingUp"
-          >
-            <div class="conentBox">
-              <div class="conent" v-for="item in items">
-                <div class="top" @click="operation(item)">
-                  <div class="head">
-                    <p>
-                      <i class="iconfont dsit-icon-test2 newPapir"></i>
-                      来源：{{item.uud}}
-                      <span :class="{'btn':true,'isValid':item.isValid==0,'noValid':item.isValid==1}">{{item.isValid==0?'有效':'无效'}}</span>
-                    </p>
-                  </div>
-                  <div class="center">
-                    <p class="desc">
-                      <span class="fl">留言电话：</span>
-                      <span class="grayFont">{{item.ano}}</span>
-                    </p>
-                  </div>
-                  <div class="bottom">
-                    <span class="fl">处理状态: {{item.isExcute==0?'未处理':'已处理'}}</span>
-                    <span class="fr">留言时间：{{item.recTime}}</span>
-                  </div>
-                </div>
-                <div class="oper" v-show="operShow&&operId==item.id">
-                    <a class="operItem" href="javascript:;" v-if="item.isExcute==0" @click="toNewIncident(item.ano,item.id)">
-                        <i class="iconfont dsit-bianji2"></i>
-                        <span>新建事件</span>
-                    </a>
-                    <a class="operItem" href="javascript:;" v-if="item.isExcute==0" @click="changeValid(item)">
-                        <i class="iconfont dsit-false-circle"></i>
-                        <span>无效</span>
-                    </a>
-                    <a class="operItem" href="javascript:;" @click="showAudio(item.recFileName)">
-                        <i class="iconfont dsit-huifang"></i>
-                        <span>回放</span>
-                    </a>
-                    <a class="operItem" :href="'tel:'+item.ano">
-                        <i class="iconfont dsit-huibo"></i>
-                        <span>回拨</span>
-                    </a>
-                </div>
-              </div>
-              <div class="wushuju" v-show="wushuju">
-                <img src="./../../static/images/quesheng.png" alt>
-                <p>暂无留言</p>
-              </div>
-            </div>
-            <template v-if="customPullDown" slot="pulldown" slot-scope="props">
-              <div
-                v-if="props.pullDownRefresh"
-                class="cube-pulldown-wrapper"
-                :style="props.pullDownStyle"
-              >
-                <div
-                  v-show="props.beforePullDown"
-                  class="before-trigger"
-                  :style="{paddingTop: props.bubbleY + 'px'}"
-                >
-                  <span :class="{rotate: props.bubbleY > pullDownRefreshThreshold - 80}">↓</span>
-                </div>
-                <div class="after-trigger" v-show="!props.beforePullDown">
-                  <div v-show="props.isPullingDown" class="loading">
-                    <cube-loading></cube-loading>
-                  </div>
-                  <div v-show="!props.isPullingDown" class="text">
-                    <span class="refresh-text">更新成功</span>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </cube-scroll>
-        </div>
-      </div>
-    </div>
-    <load-ing v-show="!items.length&&!wushuju"></load-ing>
-    <div class="mask" v-if="audioMask" @click="hideAudio()">
-      <audio controls autoplay="autoplay" id="bgMusic">
-        <source :src="audioSrc" type="audio/mpeg">
-      </audio>
-    </div>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import CubePage from "../components/cube-page.vue";
-import SwitchOption from "../components/switch-option";
-import InputOption from "../components/input-option";
-import SelectOption from "../components/select-option";
-import { formatDate } from "./../components/js/date.js";
-import LoadIng from "./../views/loading.vue";
-import http from "../request/http"
-export default {
-  data() {
-    return {
-      loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      items: [],
-      pullDownRefresh: true,
-      pullDownRefreshThreshold: 60,
-      pullDownRefreshStop: 40,
-      pullDownRefreshTxt: "Refresh success",
-      pullUpLoad: true,
-      pullUpLoadThreshold: 0,
-      pullUpLoadMoreTxt: "加载更多",
-      pullUpLoadNoMoreTxt: "没有更多数据",
-      customPullDown: true,
-      wushuju: false,
-      audioSrc:'',//音频路径
-      audioMask:false,//音频
-      searchsType: [
-        {
-          text: "全部",
-          value: "全部"
-        },
-        {
-          text: "主校区",
-          value: "主校区"
-        },
-        {
-          text: "同济校区",
-          value: "同济校区"
-        },
-        {
-          text: "校园卡",
-          value: "校园卡"
-        }
-      ],
-      searchType: "全部",
-      sum: 10,
-      idx: 0,
-      loadShow: true,
-      operShow:false,//是否展示操作区域
-      operId:'',//当前点击操作区域的id
-    };
-  },
-  components: {
-    CubePage,
-    SwitchOption,
-    InputOption,
-    SelectOption,
-    LoadIng
-  },
-  computed: {
-    options() {
-      return {
-        pullDownRefresh: this.pullDownRefreshObj,
-        pullUpLoad: this.pullUpLoadObj,
-        scrollbar: true
-      };
-    },
-    pullDownRefreshObj: function() {
-      return this.pullDownRefresh
-        ? {
-            threshold: parseInt(this.pullDownRefreshThreshold),
-            txt: this.pullDownRefreshTxt
-          }
-        : false;
-    },
-    pullUpLoadObj: function() {
-      return this.pullUpLoad
-        ? {
-            threshold: parseInt(this.pullUpLoadThreshold),
-            txt: {
-              more: this.pullUpLoadMoreTxt,
-              noMore: this.pullUpLoadNoMoreTxt
-            }
-          }
-        : false;
-    }
-  },
-  methods: {
-    // 筛选
-    stateChange() {
-      var that = this;
-      this.loadShow = true;
-      that.items = [];
-      that.idx = 0;
-      that.sum = 10;
-      that.getData();
-    },
-    // 获取列表数据
-    getData() {
-      var that = this;
-      var postData=that.searchType=='全部'?{idx: that.idx,
-          sum: that.sum,
-          hjzxRecord:{}}:{idx: that.idx,
-          sum: that.sum,
-          hjzxRecord:{uud:that.searchType}};
-      http.bpmFetchDataList('hjzxRecord',postData)
-        .then(function(res) {
-          if (res.data.list.length > 0) {
-            that.wushuju = false;
-            for (var i = 0; i < res.data.list.length; i++) {
-              res.data.list[i].recTime = formatDate(
-                new Date(res.data.list[i].recTime),
-                "yyyy-MM-dd hh:mm"
-              );
-            }
-            that.items = that.items.concat(res.data.list);
-          } else if(res.data.list.length <= 0) {
-            that.wushuju = true;
-          }
-          that.loadShow = false;
-        });
-    },
-    // 展开操作区域
-    operation(data) {
-      if(data.id==this.operId){
-        this.operShow=!this.operShow;
-      }else{
-        this.operShow=true;
-      }
-      this.operId=data.id;
-    },
-    // 新建事件
-    toNewIncident(tel,id){
-      this.$router.push({name:'NewIncident',params:{
-        tel:tel,
-        recordId:id
-      }})
-    },
-    // 点击无效
-    changeValid(data){
-      var that=this;
-      http.recordChangeValid({id:data.id,isValid:1,isExcute:1,field1:1})
-      .then(function(res){
-        if(res.data.status==200){
-          that.dialog = that
-            .$createDialog({
-              type: "alert",
-              title: "该信息状态更改为无效",
-              content: "",
-              onConfirm: (e, promptValue) => {
-                that.$router.go(0)
-              }
-            }).show();
-        }
-      })
-    },
-    // 播放音频
-    showAudio(src){
-      this.audioMask=true;
-      this.audioSrc=http.host+src.substring(11,src.length);
-    },
-    // 隐藏音频组件
-    hideAudio(){
-      this.audioMask=false;
-    },
-    onPullingDown() {
-      var that = this;
-      that.idx = 0;
-      that.sum = 10;
-      that.items = [];
-      setTimeout(() => {
-        that.getData();
-      }, 1000);
-    },
-    onPullingUp() {
-      var that = this;
-      that.idx = that.idx + 1;
-      that.getData();
-    },
-    updatePullDownRefresh(val) {
-      this.pullDownRefresh = val;
-    },
-    updatePullDownRefreshThreshold(val) {
-      this.pullDownRefreshThreshold = val;
-    },
-    updatePullDownRefreshTxt(val) {
-      this.pullDownRefreshTxt = val;
-    },
-    updatePullUpLoad(val) {
-      this.pullUpLoad = val;
-    },
-    updatePullUpLoadThreshold(val) {
-      this.pullUpLoadThreshold = val;
-    },
-    updatePullUpLoadMoreTxt(val) {
-      this.pullUpLoadMoreTxt = val;
-    },
-    updatePullUpLoadNoMoreTxt(val) {
-      this.pullUpLoadNoMoreTxt = val;
-    },
-    updateCustomPullDown(val) {
-      this.customPullDown = val;
-    },
-    rebuildScroll() {
-      Vue.nextTick(() => {
-        this.$refs.scroll.destroy();
-        this.$refs.scroll.initScroll();
-      });
-    }
-  },
-  created() {
-    var that = this;
-    // this.getParamsState();
-    this.getData();
-  }
-};
-</script>
-<style lang="stylus" rel="stylesheet/stylus" scoped>
-.scroll-list-wrap {
-  /* height: 350px */
-  height: 87vh;
-  /* border: 1px solid rgba(0, 0, 0, 0.1) */
-  border-radius: 5px;
-  transform: rotate(0deg); // fix 子元素超出边框圆角部分不隐藏的问题
-  overflow: hidden;
-  padding-top: .88rem;
-}
-
-.foods-wrapper {
-  .food-item {
-    display: flex;
-
-    /* padding: 18px */
-    /* border-bottom: 1px solid rgba(7, 17, 27, 0.1) */
-    /* border-top: 1px solid rgba(7, 17, 27, 0.1)!important */
-    &:last-child {
-      border-none();
-      margin-bottom: 0;
-    }
-
-    .icon {
-      flex: 0 0 57px;
-      margin-right: 10px;
-    }
-
-    .food-content {
-      flex: 1;
-
-      .name {
-        margin: 2px 0 8px 0;
-        height: 14px;
-        line-height: 14px;
-        font-size: 14px;
-        color: rgb(7, 17, 27);
-      }
-
-      .description, .extra {
-        line-height: 10px;
-        font-size: 10px;
-        color: rgb(147, 153, 159);
-      }
-
-      .description {
-        line-height: 12px;
-        margin-bottom: 8px;
-      }
-
-      .extra {
-        .count {
-          margin-right: 12px;
-        }
-      }
-
-      .price {
-        font-weight: 700;
-        line-height: 24px;
-
-        .now {
-          margin-right: 8px;
-          font-size: 14px;
-          color: rgb(240, 20, 20);
-        }
-
-        .old {
-          text-decoration: line-through;
-          font-size: 10px;
-          color: rgb(147, 153, 159);
-        }
-      }
-
-      .cartcontrol-wrapper {
-        position: absolute;
-        right: 0;
-        bottom: 12px;
-
-        .scroll-wrapper {
-          .cube-pulldown-wrapper {
-            .before-trigger {
-              font-size: 30px;
-              line-height: 30px;
-              align-self: flex-end;
-
-              span {
-                display: inline-block;
-                transition: all 0.3s;
-                color: #666;
-
-                &.rotate {
-                  transform: rotate(180deg);
-                }
-              }
-            }
-
-            .after-trigger {
-              .refresh-text {
-                color: grey;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
-<style lang='less' scoped>
-.cont {
-  margin-top: 1.86rem;
-}
-.scroll-list-wrap {
-  // padding-top: .88rem;
-}
-// .header {
-//   width: 100%;
-//   height: 0.88rem;
-//   line-height: 0.88rem;
-//   text-align: center;
-//   color: #fff;
-//   font-size: 0.37rem;
-//   background: linear-gradient(#2e2f32, #414246);
-//   position: fixed;
-//   top: 0;
-//   z-index: 6;
-// }
-
-.mask{
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  background: rgba(0,0,0,.5);
-  z-index: 999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.stateSearch {
-  width: 100%;
-  position: fixed;
-  // top: 0.88rem;
-  z-index: 6;
-}
-.bgColor {
-  background-color: white;
-}
-.food-item {
-  border-top: 0.16rem rgb(238, 238, 238) solid;
-}
-.food-content {
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  border-bottom: 0.01rem rgb(223, 222, 222) solid;
-}
-.cube-select {
-  height: 0.88rem;
-  line-height: 0.88rem;
-  padding: 0 0.24rem;
-  font-size: 0.36rem;
-  color: #333333;
-  border-bottom: 0.08rem solid #e5e5e5;
-}
-.title {
-  display: flex;
-  justify-content: space-between;
-  height: 0.7rem;
-  line-height: 0.7rem;
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  padding: 0 0.24rem;
-  border-bottom: 0.01rem rgb(223, 222, 222) solid;
-}
-.title i {
-  font-size: 0.32rem;
-  color: #005395;
-}
-.title div:nth-child(1) {
-  font-size: 0.32rem;
-}
-.title div:nth-child(1) span {
-  display: inline-block;
-  margin-left: 0.08rem;
-}
-.title div:nth-child(2) {
-  padding: 0.05rem 0.3rem;
-  /* border: 0.01rem rgb(0,0,255) solid; */
-  border-radius: 16px;
-  /* color: rgb(0,0,255); */
-  height: 0.25rem;
-  line-height: 0.25rem;
-  margin-top: 0.15rem;
-  font-size: 0.24rem;
-}
-.weishouli {
-  color: #991f00;
-  border: 0.01rem #991f00 solid;
-  background-color: #f4e8e5;
-}
-.bushouli {
-  color: #666666;
-  background-color: #eeeeee;
-  border: 0.01rem #666666 solid;
-}
-.chulizhong {
-  color: #003057;
-  background-color: #e5eaee;
-  border: 0.01rem #003057 solid;
-}
-.daipingjia {
-  color: #825b00;
-  background-color: #f2eee5;
-  border: 0.01rem #825b00 solid;
-}
-.yijiejue {
-  color: #40a19c;
-  background-color: #ebf5f5;
-  border: 0.01rem #40a19c solid;
-}
-.yichehui {
-  color: #48a843;
-  background-color: #ecf6ec;
-  border: 0.01rem #48a843 solid;
-}
-// .conent {
-//   font-size: 0.28rem;
-//   line-height: 0.39rem;
-//   overflow: hidden;
-//   display: -webkit-box;
-//   -webkit-line-clamp: 2;
-//   -webkit-box-orient: vertical;
-//   word-break: break-all;
-//   padding: 0 0.64rem;
-//   margin: 0.24rem 0;
-// }
-.timeBox {
-  display: flex;
-  justify-content: space-between;
-  font-size: 0.24rem;
-  color: #999999;
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  height: 0.7rem;
-  line-height: 0.7rem;
-  padding: 0 0.24rem 0 0.64rem;
-}
-.wushuju {
-  margin-top: 2.4rem;
-  text-align: center;
-  color: #999;
-}
-.wushuju img {
-  height: 1.68re;
-}
-.conentBox {
-  width: 100%;
-  height: 100%;
-  .conent {
-    font-size: 0.32rem;
-    font-weight: 400;
-    line-height: 0.45rem;
-    border-bottom: 0.16rem solid #e5e5e5;
-    .head {
-      border-bottom: 0.01rem solid #e6e6e6;
-      p {
-        padding: 0.24rem 0.48rem;
-        i {
-          color: #00559d;
-        }
-        .btn {
-          float: right;
-        }
-      }
-    }
-    .center {
-      color: #333333;
-      border-bottom: 0.01rem solid #e6e6e6;
-      padding: 0.24rem 0.48rem;
-      p {
-        &.desc{
-        overflow: hidden;
-        max-height: .88rem;
-        }
-        .grayFont {
-          overflow-x: scroll;
-          color: #666;
-        }
-      }
-    }
-    .bottom {
-      overflow: hidden;
-      line-height: 0.86rem;
-      border-bottom: 0.01rem solid #e6e6e6;
-      font-size: 0.24rem;
-      color: #999;
-      padding: 0 0.24rem 0 0.48rem;
-    }
-    .oper{
-        width: 100%;
-        height: 1.56rem;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        .operItem{
-            text-align: center;
-            color: #01559d;
-            .iconfont{
-              font-size: .5rem;
-            }
-            span{
-                display: block;
-            }
-        }
-    }
-  }
-}
-</style>

src/views/repair.vue

@@ -0,0 +1,670 @@
+<template>
+  <div slot="content" class="bgColor">
+    <cube-form :model="model" @validate="validateHandler" @submit="submitHandler">
+      <cube-form-group>
+        <!-- <div class="label">
+                    报修联系人</div>
+                <div class="zhidu">
+                    <div>联系人:</div>
+                    <div>{{name}}</div>
+        </div>-->
+        <cube-form-item :field="fields[5]" v-if="repairMain.valueconfig == 2">
+          <cube-input
+            @input="showDeptId(model.deptId)"
+            @blur="model.deptId = deptIdText"
+            v-model="model.deptId"
+          >{{model.deptId || '请输入报修科室'}}</cube-input>
+        </cube-form-item>
+
+        <cube-form-item :field="fields[0]"></cube-form-item>
+        <cube-form-item :field="fields[1]"></cube-form-item>
+        <!-- <cube-form-item :field="fields[2]" class="btn_plcaeholde"></cube-form-item> -->
+        <cube-form-item :field="fields[3]">
+          <cube-input
+            @input="showAddress(model.address)"
+            v-model="model.address"
+          >{{model.address || '请输入故障地点'}}</cube-input>
+        </cube-form-item>
+        <cube-form-item :field="fields[6]" v-if="ifCreate.valueconfig == 1"></cube-form-item>
+        <div class="label">报修信息</div>
+        <cube-form-item :field="fields[4]"></cube-form-item>
+        <div class="label">
+          报修图片
+          <span>(最多可上传3张JPG或PNG,每张不能超过10M)</span>
+        </div>
+        <div class="uplod">
+          <!-- <div>报修图片:</div> -->
+          <cube-upload
+            ref="upload"
+            :max="3"
+            :action="action"
+            :simultaneous-uploads="3"
+            @files-added="filesAdded"
+            @file-submitted="fileSubmitted"
+          />
+        </div>
+      </cube-form-group>
+      <cube-form-group class="sub">
+        <cube-button type="submit" @click="subVali()">提交报修</cube-button>
+      </cube-form-group>
+    </cube-form>
+    <load-ing v-show="loadShow"></load-ing>
+    <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+  </div>
+</template>
+<script>
+import CubePage from "./../components/cube-page.vue";
+import CubeButtonGroup from "./../components/cube-button-group.vue";
+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";
+// const PCA = {
+//   props: {
+//     value: {
+//       default() {
+//         return [];
+//       }
+//     }
+//   },
+//   data() {
+//     return {
+//       selected: [],
+//       selectData: []
+//     };
+//   },
+//   render(createElement) {
+//     return createElement(
+//       "cube-input",
+//       {
+//         on: {
+//           click: this.showPicker
+//         }
+//       },
+//       this.selected.length ? this.selected.join(" ") : "请选择区域地点"
+//     );
+//   },
+//   mounted() {},
+//   methods: {
+//     showPicker() {
+//       this.picker.show();
+//     },
+//     selectHandler(selectedVal, selectedIndex, selectedTxt) {
+//       this.selected = selectedTxt;
+//       this.$emit("input", selectedVal);
+//     },
+//     getAreaData() {
+//       var that = this;
+//       this.$http
+//         .post("service/user/data/fetchDataList/area", {
+//           idx: 0,
+//           sum: 1000,
+//           area: {
+//             wechatArea: true
+//           }
+//         })
+//         .then(function(res) {
+//           var data = res.data.list;
+//           for (var i = 0; i < data.length; i++) {
+//             that.selectData.push({
+//               text: data[i].area,
+//               value: data[i].id,
+//               children: []
+//             });
+//           }
+//         });
+//     },
+//     getPlaceData() {
+//       var that = this;
+//       this.$http
+//         .post("service/user/data/fetchDataList/place", {
+//           idx: 0,
+//           sum: 1000,
+//           area: {
+//             wechatAreaId: ""
+//           }
+//         })
+//         .then(function(res) {
+//           var data = res.data.list;
+//           for (var i = 0; i < data.length; i++) {
+//             for (var j = 0; j < that.selectData.length; j++) {
+//               if (data[i].area.id == that.selectData[j].value) {
+//                 that.selectData[j].children.push({
+//                   text: data[i].place,
+//                   value: data[i].id
+//                 });
+//               }
+//             }
+//           }
+//           that.picker = that.$createCascadePicker({
+//             title: "区域地点选择",
+//             data: that.selectData,
+//             selectedIndex: [0, 0],
+//             onSelect: that.selectHandler
+//           });
+//         });
+//     },
+//     getParamsPlace() {
+//       var data = JSON.parse(localStorage.getItem("loginUser"));
+//       this.selected[0] = data.place.area.area;
+//       this.selected[1] = data.place.place;
+//     }
+//   },
+//   created() {
+//     this.getAreaData();
+//     this.getPlaceData();
+//     this.getParamsPlace();
+//   }
+// };
+const delay = (function() {
+  let timer = 0;
+  return function(callback, ms) {
+    clearTimeout(timer);
+    timer = setTimeout(callback, ms);
+  };
+})();
+export default {
+  data() {
+    return {
+      loginUser: null,
+      // 故障地点下拉数据
+      addressData: [],
+      // 故障地点选中文本
+      addressText: "",
+      // 报修科室下拉数据
+      deptIdData: [],
+      // 报修科室选中文本
+      deptIdText: "",
+      // 报修科室选中id
+      deptIdNum: -1,
+      // 报修主体
+      repairMain: null,
+      // 自动创建
+      ifCreate: null,
+      validity: {},
+      valid: undefined,
+      // action: 'http://localhost:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
+      // action: 'http://192.168.199.164:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
+      action: {
+        // "target":'http://192.168.3.100:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
+        // "fileName":"upload",
+        // "target":'http://localhost/service/common/common/uploadAttachment/wechatRequesterIncident/',
+        // "target":'http://weixintest.ngser.dashitech.com/service/common/common/uploadAttachment/wechatRequesterIncident/',
+        target:this.$host+"/service/common/common/uploadAttachment/wechatRequesterIncident/",
+        data: {}
+      },
+      isUploading: false,
+      loadShow: false,
+      name: "",
+      phone: "",
+      model: {
+        contactsInformation: "",
+        // pcaValue: [],
+        address: "",
+        description: "",
+        bxcode: "",
+        deptId: "",
+        contacts: ""
+      },
+      // showPrompting:false,
+      promptingConent: "",
+      promptingStatus: "",
+      vali: false,
+      fields: [
+        {
+          type: "input",
+          modelKey: "contacts",
+          label: "联系人:",
+          props: {
+            placeholder: "请输入联系人"
+          },
+          rules: {
+            // required: this.repairMain.valueconfig == 1
+            required: true
+          }
+        },
+        {
+          type: "input",
+          modelKey: "contactsInformation",
+          label: "联系电话:",
+          props: {
+            placeholder: "请输入联系电话"
+          },
+          rules: {
+            required: true
+          }
+        },
+        {
+          component: "input",
+          modelKey: "pcaValue",
+          label: "区域地点:",
+          rules: {
+            required: true
+          },
+          messages: {
+            required: "请选择区域地点"
+          }
+        },
+        {
+          type: "input",
+          modelKey: "address",
+          label: "故障地点:",
+          props: {
+            placeholder: "请输入故障地点"
+          },
+          rules: {
+            required: true
+          }
+        },
+        {
+          type: "textarea",
+          modelKey: "description",
+          label: "报修内容:",
+          props: {
+            placeholder: "请输入报修内容"
+          },
+          rules: {
+            required: true
+          },
+          debounce: 100
+        },
+        {
+          type: "input",
+          modelKey: "deptId",
+          label: "报修科室:",
+          props: {
+            placeholder: "请选择报修科室"
+          },
+          rules: {
+            required: true
+          }
+        },
+        {
+          type: "select",
+          modelKey: "categoryId",
+          label: "故障类型:",
+          props: {
+            placeholder: "请选择故障类型",
+            options: []
+          },
+          rules: {
+            required: true
+          }
+        }
+      ]
+    };
+  },
+  methods: {
+    // -----------故障地点-----
+    showAddressPicker() {
+      if (!this.picker) {
+        this.picker = this.$createPicker({
+          title: "故障地点",
+          data: [this.addressData],
+          onSelect: this.selectAddressHandle
+        });
+      }
+      this.picker.show();
+    },
+    selectAddressHandle(selectedVal, selectedIndex, selectedText) {
+      this.model.address = selectedText[0];
+      this.addressText = selectedText[0];
+    },
+    // ----------------
+    // -----------报修科室-----
+    showDeptIdPicker() {
+      if (!this.picker1) {
+        this.picker1 = this.$createPicker({
+          title: "报修科室",
+          data: [this.deptIdData],
+          onSelect: this.selectDeptIdHandle
+        });
+      }
+      this.picker1.show();
+    },
+    selectDeptIdHandle(selectedVal, selectedIndex, selectedText) {
+      this.model.deptId = selectedText[0];
+      this.deptIdText = selectedText[0];
+      this.deptIdNum = selectedVal[0];
+      this.deptIdList.forEach(item => {
+        if (item.id == this.deptIdNum) {
+          this.model.contactsInformation = item.phone;
+          this.model.address = item.place
+            ? item.place.place
+              ? item.place.area.area + item.place.place
+              : item.place.area
+            : ""; //seimin
+        }
+      });
+    },
+    // ----------------
+    subVali() {
+      this.vali = true;
+    },
+    getbxcode() {
+      var that = this;
+      this.$http.get("service/bpm/bpm/restful/wxbx", {}).then(function(res) {
+        that.model.bxcode = res.data.data;
+      });
+    },
+    submitHandler() {
+      // if (this.model.pcaValue.length == 2) {
+      //   this.model.areaId = this.model.pcaValue[this.model.pcaValue.length - 2];
+      //   this.model.placeId = this.model.pcaValue[
+      //     this.model.pcaValue.length - 1
+      //   ];
+      // } else if (this.model.pcaValue.length == 1) {
+      //   this.model.areaId = this.model.pcaValue[this.model.pcaValue.length - 1];
+      //   this.model.placeId = "";
+      // }
+
+      this.model["requester"] = this.loginUser;
+      // delete this.model.pcaValue;
+      this.model.fileUrl = "url";
+      this.model.sourceType = "wechatRequesterIncident";
+      var that = this;
+      this.loadShow = true;
+      var reqData = {
+        verification: "true",
+        loginUser: {
+          id: that.loginUser.id
+        },
+        incident: JSON.parse(JSON.stringify(this.model))
+      };
+    //  报修主体是报修科室的时候，不传科室id艺洛
+      if(this.repairMain.valueconfig == 2){
+        reqData.incident.deptId = this.deptIdNum;
+      }else{
+        delete reqData.incident.deptId;
+      }
+      this.$http
+        .post("service/apply/bpm/addWxIncident", reqData)
+        .then(function(res) {
+          if (res.data.state == 200) {
+            that.action.target = that.action.target + res.data.incident.id;
+            // that.action.target=that.action.target+res.data.incident.bxcode;
+            setTimeout(function() {
+              that.$refs.upload.start();
+            }, 100);
+            $("#fade").fadeIn();
+            that.promptingConent = "恭喜您,新建报修成功!";
+            that.promptingStatus = true;
+            that.dialog = that
+              .$createDialog({
+                type: "alert",
+                title: "报修成功",
+                content: "点击返回首页",
+                icon: "cubeic-right",
+                onConfirm: (e, promptValue) => {
+                  that.$router.push({ path: "/main" });
+                }
+              })
+              .show();
+            setTimeout(function() {
+              $("#fade").fadeOut();
+            }, 2000);
+          } else {
+            $("#fade").fadeIn();
+            that.promptingConent = "系统错误,请稍后再试!";
+            that.promptingStatus = false;
+            that.loadShow = false;
+            that.dialog = that
+              .$createDialog({
+                type: "alert",
+                title: "系统错误,请稍后再试!",
+                content: "点击返回首页",
+                icon: "cubeic-wrong",
+                onConfirm: (e, promptValue) => {
+                  that.$router.push({ path: "/main" });
+                }
+              })
+              .show();
+            setTimeout(function() {
+              $("#fade").fadeOut();
+            }, 2000);
+          }
+        });
+      event.preventDefault();
+    },
+    validateHandler(result) {
+      this.validity = result.validity;
+      this.valid = result.valid;
+      if (this.valid == false) {
+        $("#fade").fadeIn();
+        this.promptingConent = "提交失败,请填写必填信息!";
+        this.promptingStatus = false;
+        setTimeout(function() {
+          $("#fade").fadeOut();
+        }, 2000);
+      }
+      this.valid = false;
+    },
+    // 展示故障地点搜索下拉
+    showAddress(data) {
+      if (this.addressText !== this.model.address) {
+        delay(() => {
+          this.$http
+            .post("service/apply/bpm/searchFaultLocation", {
+              searchKey: data
+            })
+            .then(result => {
+              if (result.data.state == 200) {
+                if (result.data.result.length > 0) {
+                  this.addressData.length = 0;
+                  result.data.result.forEach(item => {
+                    this.addressData.push({
+                      text: item.place
+                        ? item.area.area + item.place
+                        : item.area,
+                      value: item.place
+                        ? item.area.area + item.place
+                        : item.area
+                    });
+                  });
+                  // 显示
+                  this.showAddressPicker();
+                }
+              }
+            });
+        }, 500);
+      }
+    },
+    // 展示报修科室搜索下拉
+    showDeptId(data) {
+      if (this.deptIdText !== this.model.deptId) {
+        delay(() => {
+          this.$http
+            .post("service/user/data/fetchDataList/department", {
+              idx: 0,
+              sum: 50,
+              department: { dept: data }
+            })
+            .then(result => {
+              if (result.data.status == 200) {
+                if (result.data.list.length > 0) {
+                  this.deptIdData.length = 0;
+                  this.deptIdList = result.data.list;
+                  result.data.list.forEach(item => {
+                    this.deptIdData.push({
+                      text: item.dept,
+                      value: item.id
+                    });
+                  });
+                  // 显示
+                  this.showDeptIdPicker();
+                }
+              }
+            });
+        }, 500);
+      }
+    },
+    filesAdded(files) {
+      let hasIgnore = false;
+      const maxSize = 1000 * 1024 * 1024; // 1M
+      for (let k in files) {
+        const file = files[k];
+        if (file.size > maxSize) {
+          file.ignore = true;
+          hasIgnore = true;
+        }
+      }
+      hasIgnore &&
+        this.$createToast({
+          type: "warn",
+          time: 1000,
+          txt: "不能上传超过100M的文件"
+        }).show();
+    },
+    fileSubmitted(files) {
+      files.base64Value = files.file.base64;
+      this.action.data = { fileName: files.name };
+      console.log("ok");
+    },
+    fileSuccess() {
+      console.log("上传成功");
+    },
+    getMessage() {
+      this.name = this.loginUser.name;
+      this.model.contactsInformation =
+        this.repairMain.valueconfig == 1
+          ? this.loginUser.mphone
+          : this.loginUser.dept
+          ? this.loginUser.dept.phone
+          : "";
+      this.model.contacts = this.loginUser.name;
+      this.model.address = this.loginUser.place
+        ? this.loginUser.place.area.area + this.loginUser.place.place
+        : "";
+      this.model.deptId = this.loginUser.dept ? this.loginUser.dept.dept : "";
+    }
+  },
+  created() {
+    this.repairMain = JSON.parse(localStorage.getItem("repairMain"));
+    this.ifCreate = JSON.parse(localStorage.getItem("ifCreate"));
+
+    this.fields.forEach(item => {
+      // 联系人在报修人主体下必填，报修科室主体下非必填
+      if (item.modelKey == "contacts") {
+        item.rules.required = this.repairMain.valueconfig == 1;
+      }
+    });
+    // 获取故障类型
+    this.$http
+      .post("service/bpm/data/fetchDataList/incidentcategory", {
+        idx: 0,
+        sum: 100,
+        incidentcategory: { selectType: "one" }
+      })
+      .then(result => {
+        if(result.data.status ==200){
+          let arr = [];
+          result.data.list.forEach(item=>{
+            arr.push({value:item.id,text:item.category})
+          })
+          this.fields.forEach(item => {
+          // 初始化故障类型下拉框列表
+          if (item.modelKey == "categoryId") {
+            item.props.options = arr;
+          }
+        });
+        }
+      });
+  },
+  mounted() {
+    this.loginUser = JSON.parse(localStorage.getItem("loginUser"));
+    this.getMessage();
+    this.getbxcode();
+    // 获取报修主体
+    this.deptIdNum = this.loginUser.dept ? this.loginUser.dept.id : "";
+    this.deptIdText = this.loginUser.dept ? this.loginUser.dept.dept : "";
+    this.addressText = this.loginUser.place
+      ? this.loginUser.place.place
+        ? this.loginUser.place.area.area + this.loginUser.place.place
+        : this.loginUser.place.area
+      : "";
+    this.$refs.upload.pause();
+  },
+  components: {
+    CubePage,
+    CubeButtonGroup,
+    DatePicker,
+    // JsonView
+    CubeExtendPopup,
+    LoadIng,
+    PrompTing
+  }
+};
+</script>
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.form-custom {
+  .cube-form-item {
+    .cube-btn {
+      padding-left: 0;
+      padding-right: 0;
+      text-align: left;
+      color: inherit;
+      background: none;
+      border: none;
+    }
+  }
+}
+
+.label {
+  background-color: rgb(238, 238, 238);
+  height: 0.6rem;
+  line-height: 0.5rem;
+  padding-left: 0.2rem;
+  font-size: 0.24rem;
+  color: #666666;
+}
+
+.label span {
+  font-size: 0.2rem;
+  display: inline-block;
+  margin-left: 0.08rem;
+  color: #999999;
+}
+
+.zhidu {
+  display: flex;
+  height: 0.7rem;
+  line-height: 0.7rem;
+  border-bottom: 0.02rem rgb(245, 245, 245) solid;
+}
+
+.bgColor {
+  background-color: white;
+}
+
+.zhidu div:nth-child(1) {
+  width: 27.5%;
+  padding-left: 6%;
+}
+
+.uplod {
+  padding: 0 0.24rem;
+}
+</style>
+<style>
+.btn_plcaeholde .cube-btn {
+  padding-left: 0;
+  padding-right: 0;
+  text-align: left;
+  color: inherit;
+  background: none;
+  border: none;
+}
+.cube-form_standard .cube-upload-def .cube-upload-btn,
+.cube-form_standard .cube-upload-def .cube-upload-file {
+  margin-left: 3% !important;
+}
+.sub .cube-btn {
+  background-color: #005395 !important;
+  width: 90%;
+  margin: 0 auto;
+  border-radius: 8px;
+}
+.cube-picker-wheel-item {
+  text-overflow: ellipsis;
+}
+</style>

src/views/wxChartDetail.vue

@@ -1,492 +0,0 @@
-<template>
-  <div class="order">
-    <div class="conentBox">
-      <div class="conent">
-        <!-- <div class="header">处理方案</div> -->
-        <div class="inf" v-if="model">
-          <div class="label headtop" id="info">报修信息</div>
-          <div class="info">
-              <p>
-                <span>报修人：</span> 
-                <span>{{model.requester.name}}</span>
-                <span :class="{'btn':true,'fr':true,'bushouli':model.state=='不受理','yizhuanhuan':model.state=='已转换','weizhuanhuan':model.state=='未转换','yijiejue':model.state=='已解决','chulizhong':model.state=='处理中','daipingjia':model.state=='待评价'}">{{model.state}}</span>
-            </p>
-            <p class="relative">
-              <span>报修电话:</span>
-              <span>{{model.requester.mphone}}</span>
-              <a class="tel" :href="'tel:'+model.requester.mphone"><i class="iconfont dsit-shouji"></i></a>
-            </p>
-            <p>
-              <span>报修地址:</span>
-              <span>{{model.area.area||''}} {{model.place.place||''}} {{model.houseNumber||''}}</span>
-            </p>
-            <p class="desc">
-              <span>报修描述:</span>
-              <span class="grayFont" v-html="model.incidentDescription"></span>
-            </p>
-            <div class="label" v-if="imgs.length">报修图片</div>
-            <div class="imgs-container" v-if="imgs.length">
-              <div class="imgs-cont">
-                <img v-if='img.suffix=="jpeg"||img.suffix=="jpg"||img.suffix=="gif"||img.suffix=="png"||img.suffix=="svg"||img.suffix=="pdf"' :src='baseURL+"/service/api/common/common/downloadAttachment/"+img.token' v-for="(img, index) in imgs" class="imgs">
-                <p v-else>
-                  <a :href='baseURL+"/service/api/common/common/downloadAttachment/"+img.token'>{{img.name}}</a>
-                </p>
-              </div>
-            </div>
-            <p class="lastP" v-if="model.state=='不受理'">
-              <span>不受理原因:</span>
-              <span>{{model.rejectRemark||''}}</span>
-            </p>
-          </div>
-        </div>
-          <div v-if="model.state=='未转换'" class="btnBox">
-            <cube-button @click="showPicker()">操作</cube-button>
-          </div>
-        <load-ing v-if="!model"></load-ing>
-      </div>
-    </div>
-    <div class="dialog" v-if="dialog&&model.state=='未转换'" >
-        <div class="header">报障详情</div>
-        <div class="conent">
-            <div class="label">不受理原因</div>
-            <div class="textarea">
-                <div  class="textareacon" ref="textCon" placeholder="请填写不受理原因" @input="cons()" contenteditable="true"></div>
-            </div>
-            <div class="bottom">
-                <cube-button @click="submit()">确定</cube-button>
-                <cube-button @click="dialog=false;">取消</cube-button>
-            </div>
-        </div>
-    </div>
-  </div>
-</template>
-<script>
-import LoadIng from "./../views/loading.vue";
-import http from "../request/http"
-export default {
-  data() {
-    return {
-      loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      promptingConent: "",
-      promptingStatus: "",
-      baseURL:http.host,
-      imgs: [], //图片
-      model: {} ,//报障数据
-      rejectRemark:'',//不受理原因
-      dialog:false,
-      column1: [
-            { text: '生成事件', value: '0'},
-            { text: '不受理', value: '1' },
-        ]
-    };
-  },
-  components: {
-    LoadIng
-  },
-  methods: {
-    // 获取图片
-    getImgs() {
-      var that = this;
-      http.getIncidentWebImgs(that.model.id)
-        .then(function(res) {
-          that.imgs =res.data.data.length? res.data.data.splice(0, 3):[];
-        });
-    },
-    showPicker() {
-      if (!this.picker) {
-        this.picker = this.$createPicker({
-          title: '',
-          data: [this.column1],
-          onSelect: this.selectHandle,
-          onCancel: this.cancelHandle
-        })
-      }
-      this.picker.show()
-    },
-    selectHandle(selectedVal, selectedIndex, selectedText) {
-      if(selectedVal==0){
-        //   生成事件
-        this.$router.push({
-            name:'NewIncident',
-            params:{
-                data:this.model,
-                id:this.model.id
-            }
-        })
-      }else if(selectedVal==1){
-        //   不受理
-          this.dialog=true;
-      }
-    },
-    cancelHandle() {},
-    // 输入不受理原因
-    cons(){
-        this.rejectRemark=this.$refs.textCon.innerHTML;
-    },
-    // 提交不受理原因
-    submit(){
-      var that=this;
-      http.submitWebRemark(that.model.id,{rejectRemark:that.rejectRemark})
-      .then(function(res) {
-        if(res.data.state==200){
-            that.dialog = that
-            .$createDialog({
-              type: "alert",
-              title: "提交成功",
-              content: "点击返回首页",
-              icon: "cubeic-right",
-              onConfirm: (e, promptValue) => {
-                that.$router.push({ path: "/main" });
-              }
-            })
-            .show();
-        }
-      });
-    }
-  },
-  created() {
-    this.model=this.$route.params.data;
-    this.getImgs();
-  }
-};
-</script>
-<style lang="less" scoped>
-i.iconfont.blue {
-  color: #005395;
-  // &::after {
-  //   content: "";
-  //   width: 0.01rem;
-  //   height: 0.4rem;
-  //   background: #005395;
-  //   position: relative;
-  //   display: block;
-  //   left: 0.14rem;
-  // }
-}
-.order {
-  height: 100%;
-  background-color: #eee;
-  // .header {
-  //   width: 100%;
-  //   height: 0.88rem;
-  //   line-height: 0.88rem;
-  //   text-align: center;
-  //   color: #fff;
-  //   font-size: 0.37rem;
-  //   background: linear-gradient(#2e2f32, #414246);
-  //   position: fixed;
-  //   top: 0;
-  //   z-index: 6;
-  // }
-  .navBar {
-    width: 100%;
-    height: 0.96rem;
-    line-height: 0.96rem;
-    background-color: #fafafa;
-    font-size: 0.28rem;
-    position: fixed;
-    // top: 0.88rem;
-
-    div {
-      width: 33.33%;
-      text-align: center;
-      &.p50 {
-        width: 49.99%;
-      }
-      a {
-        display: inline-block;
-        height: 0.9rem;
-        width: 1.7rem;
-        padding: 0 0.1rem;
-        &.active {
-          color: #005395;
-          border-bottom: 0.06rem solid #005395;
-        }
-      }
-    }
-  }
-
-  .label {
-    background-color: #eeeeee;
-    height: 0.6rem;
-    line-height: 0.58rem;
-    padding-left: 0.2rem;
-    font-size: 0.28rem;
-    color: #666666;
-    span {
-      font-size: 0.2rem;
-      display: inline-block;
-      margin-left: 0.08rem;
-      color: #999999;
-    }
-    &.formLabel {
-      background-color: #fff;
-    }
-  }
-  .conentBox {
-    width: 100%;
-    height: 100%;
-    // padding-top: .88rem;
-    box-sizing: border-box;
-    .conent {
-      height: 100%;
-      font-size: 0.32rem;
-      font-weight: 400;
-      line-height: 0.45rem;
-      // border-bottom: 0.16rem solid #e5e5e5;
-      .inf{
-        min-height: 11rem;
-      }
-      .shows {
-        display: none;
-      }
-      .boeder_B {
-        border-bottom: 0.01rem solid #ccc;
-      }
-      p {
-        &.desc {
-          overflow: hidden;
-        }
-        .grayFont {
-          width: 75%;
-          text-align: right;
-          overflow-x: scroll;
-        }
-      }
-      .bottom {
-        overflow: hidden;
-        line-height: 0.86rem;
-        border-bottom: 0.01rem solid #e6e6e6;
-        font-size: 0.24rem;
-        color: #999;
-        padding: 0 0.24rem 0 0.48rem;
-      }
-      .info {
-        color: #999;
-        font-size: 0.32rem;
-        overflow: hidden;
-        background: #fff;
-        .head {
-          color: #333;
-          border-bottom: 0.01rem solid #e6e6e6;
-          >p {
-            padding: 0.24rem 0.3rem;
-            i {
-              color: #00559d;
-            }
-            
-          }
-         
-        }
-        >p {
-          line-height: 0.68rem;
-          padding: 0.1rem 0.24rem;
-          overflow: hidden;
-          border-bottom: 0.01rem solid #e6e6e6;
-          &.lastP{
-            border-bottom: none;
-            display: inline-block;
-            width: 100%;
-            min-height: 2rem;
-            box-sizing: border-box;
-          }
-          &.relative{
-            position: relative;
-            padding-right: 1rem;
-          }
-          .overflowEllipsis2 {
-            margin-left: 1.96rem;
-          }
-          span:nth-child(1){
-            display: inline-block;
-            width: 1.7rem;
-            color: #333;
-          }
-
-          span:nth-child(2){
-            color: #666;
-            
-          }
-          span:nth-child(3){
-            margin: .13rem 0;
-          }
-          .tel{
-            position: absolute;
-            right: .35rem;
-            top: 0;
-            .iconfont{
-              font-size: .44rem;
-              color: #005395;
-            }
-          }
-          
-        }
-        .imgs-container {
-            padding: .24rem 0;
-            border-bottom: 0.01rem solid #e6e6e6;
-          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;
-          margin-bottom: 0.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;
-                  &.dsit-icon_liucheng {
-                    color: #005495;
-                  }
-                  &.dsit-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;
-              }
-              p {
-                padding: 0;
-              }
-            }
-          }
-        }
-      }
-      .btnBox{
-            width: 100%;
-            padding: .24rem;
-            box-sizing: border-box;
-            background: #eee;
-        .cube-btn{
-            width: 100%;
-            height: 100%;
-            border-radius: .1rem;
-            background: #01559d;
-        } 
-      } 
-      .txtLabel {
-        width: 100%;
-        overflow: hidden;
-        padding: 0.32rem 0.24rem 0.32rem 0.32rem;
-        .txt {
-          width: 30%;
-          color: #666;
-        }
-        .cube-textarea-wrapper {
-          width: 62%;
-        }
-      }
-      .sub {
-        background: #ececec;
-        .cube-btn {
-          background-color: #005395 !important;
-          width: 90%;
-          margin: 0.2rem auto;
-          border-radius: 8px;
-        }
-      }
-    }
-    .showwrap {
-        width: 75%;
-        text-align: right;
-    }
-  }
-  .dialog{
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        top: 0;
-        background: #eee;
-        z-index: 9;
-        .conent{
-            padding-top: .88rem;
-            .textarea{
-                width: 100%;
-                min-height: 3.15rem;
-                .textareacon{
-                    background: #fff;
-                    min-height: 3.15rem;
-                    padding: .24rem;
-                    box-sizing: border-box;
-                    font-size: .32rem;
-                    color: #666;
-                }
-                .textareacon:empty:before{
-                    content: attr(placeholder);
-                    color:#bbb;
-                }
-                .textareacon:focus{
-                    outline: none;
-                }
-                .textareacon:focus:before{
-                    content:none;
-                }
-            }
-            .bottom{
-                width: 100%;
-                padding: .24rem;
-                box-sizing: border-box;
-                display: flex;
-                button{
-                    margin: .1rem;
-                    &:nth-child(1){
-                        background-color: #01559d;
-                    }
-                    &:nth-child(2){
-                        background-color: #fff;
-                        border: 1px solid #ccc;
-                        color: #333;
-                    }
-                }
-            }
-        }
-  }
-  
-}
-</style>

src/views/wxChartList.vue

@@ -1,543 +0,0 @@
-<template>
-  <div class="bgColor">
-    <div slot="content" class="scroll-wrapper">
-      <div class="demo">
-        <!-- <div class="header">微信/WEB报障列表</div> -->
-        <cube-select
-          class="stateSearch"
-          v-model="searchType"
-          :options="searchsType"
-          @change="stateChange()"
-        ></cube-select>
-        <div class="scroll-list-wrap">
-          <cube-scroll
-            ref="scroll"
-            :data="items"
-            :options="options"
-            @pulling-down="onPullingDown"
-            @pulling-up="onPullingUp"
-          >
-            <div class="conentBox">
-              <div class="conent" v-for="item in items" @click="toIncidentDetails(item)">
-                <div class="center">
-                  <p class="desc">
-                    <span class="fl"><i class="iconfont dsit-baoxiuliebiao newPapir"></i> 事件描述：</span>
-                    <span class="grayFont overflowEllipsis2" v-html="item.incidentDescription"></span>
-                    <span :class="{'btn':true,'bushouli':item.state=='不受理','yizhuanhuan':item.state=='已转换','weizhuanhuan':item.state=='未转换','yijiejue':item.state=='已解决','chulizhong':item.state=='处理中','daipingjia':item.state=='待评价'}">{{item.state}}</span>
-                  </p>
-                  <p>
-                    <span class="fl">区域地点：</span>
-                    <span class="grayFont">{{item.place.place}} {{item.place.areas.area}}</span>
-                  </p>
-                </div>
-                <div class="bottom">
-                  <span class="fl">报修人: {{item.requester.name}}</span>
-                  <span class="fr">{{item.createTime}}</span>
-                </div>
-              </div>
-              <div class="wushuju" v-show="wushuju">
-                <img src="./../../static/images/quesheng.png" alt>
-                <p>暂无报障</p>
-              </div>
-            </div>
-            <template v-if="customPullDown" slot="pulldown" slot-scope="props">
-              <div
-                v-if="props.pullDownRefresh"
-                class="cube-pulldown-wrapper"
-                :style="props.pullDownStyle"
-              >
-                <div
-                  v-show="props.beforePullDown"
-                  class="before-trigger"
-                  :style="{paddingTop: props.bubbleY + 'px'}"
-                >
-                  <span :class="{rotate: props.bubbleY > pullDownRefreshThreshold - 80}">↓</span>
-                </div>
-                <div class="after-trigger" v-show="!props.beforePullDown">
-                  <div v-show="props.isPullingDown" class="loading">
-                    <cube-loading></cube-loading>
-                  </div>
-                  <div v-show="!props.isPullingDown" class="text">
-                    <span class="refresh-text">更新成功</span>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </cube-scroll>
-        </div>
-      </div>
-    </div>
-    <load-ing v-show="!items.length&&!wushuju"></load-ing>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import CubePage from "../components/cube-page.vue";
-import SwitchOption from "../components/switch-option";
-import InputOption from "../components/input-option";
-import SelectOption from "../components/select-option";
-import { formatDate } from "./../components/js/date.js";
-import LoadIng from "./../views/loading.vue";
-import http from "../request/http"
-export default {
-  data() {
-    return {
-      //   items: _foods,
-      loginUser: JSON.parse(localStorage.getItem("loginUser")),
-      items: [],
-      pullDownRefresh: true,
-      pullDownRefreshThreshold: 60,
-      pullDownRefreshStop: 40,
-      pullDownRefreshTxt: "Refresh success",
-      pullUpLoad: true,
-      pullUpLoadThreshold: 0,
-      pullUpLoadMoreTxt: "加载更多",
-      pullUpLoadNoMoreTxt: "没有更多数据",
-      customPullDown: true,
-      wushuju: false,
-      candidateGroups: "",
-      searchsType: [
-        {
-          text: "全部",
-          value: ""
-        },
-        {
-          text: "未转换",
-          value: "未转换"
-        },
-        {
-          text: "已转换",
-          value: "已转换"
-        },
-        {
-          text: "不受理",
-          value: "不受理"
-        }
-      ],
-      searchType: "未转换",
-      sum: 10,
-      idx: 0,
-      stateClass: "",
-      loadShow: true
-    };
-  },
-  components: {
-    CubePage,
-    SwitchOption,
-    InputOption,
-    SelectOption,
-    LoadIng
-  },
-  computed: {
-    options() {
-      return {
-        pullDownRefresh: this.pullDownRefreshObj,
-        pullUpLoad: this.pullUpLoadObj,
-        scrollbar: true
-      };
-    },
-    pullDownRefreshObj: function() {
-      return this.pullDownRefresh
-        ? {
-            threshold: parseInt(this.pullDownRefreshThreshold),
-            txt: this.pullDownRefreshTxt
-          }
-        : false;
-    },
-    pullUpLoadObj: function() {
-      return this.pullUpLoad
-        ? {
-            threshold: parseInt(this.pullUpLoadThreshold),
-            txt: {
-              more: this.pullUpLoadMoreTxt,
-              noMore: this.pullUpLoadNoMoreTxt
-            }
-          }
-        : false;
-    }
-  },
-  methods: {
-    getParamsState() {
-      if (this.$route.params.searchType) {
-        this.searchType = this.$route.params.searchType;
-      }
-    },
-    stateChange() {
-      var that = this;
-      this.loadShow = true;
-      that.items = [];
-      that.idx = 0;
-      that.sum = 10;
-      that.getData();
-    },
-    toIncidentDetails(data) {
-      this.$router.push({
-        name: 'WxChartDetail',
-        params: {
-          data: data,
-        }
-      });
-    },
-
-    getData() {
-      var that = this;
-      http.bpmFetchDataList('wxincident',{
-          wxincident:{state: that.searchType},
-          idx: that.idx,
-          sum: that.sum
-        })
-        .then(function(res) {
-          if (res.data.list&&res.data.list.length > 0) {
-            that.wushuju = false;
-            that.items = that.items.concat(res.data.list);
-          } else if(res.data.list.length <= 0) {
-            that.wushuju = true;
-          }
-          that.loadShow = false;
-        });
-    },
-    onPullingDown() {
-      var that = this;
-      that.idx = 0;
-      that.sum = 10;
-      that.items = [];
-      setTimeout(() => {
-        that.getData();
-      }, 1000);
-    },
-    onPullingUp() {
-      var that = this;
-      that.idx = that.idx + 1;
-      that.getData();
-    },
-    updatePullDownRefresh(val) {
-      this.pullDownRefresh = val;
-    },
-    updatePullDownRefreshThreshold(val) {
-      this.pullDownRefreshThreshold = val;
-    },
-    updatePullDownRefreshTxt(val) {
-      this.pullDownRefreshTxt = val;
-    },
-    updatePullUpLoad(val) {
-      this.pullUpLoad = val;
-    },
-    updatePullUpLoadThreshold(val) {
-      this.pullUpLoadThreshold = val;
-    },
-    updatePullUpLoadMoreTxt(val) {
-      this.pullUpLoadMoreTxt = val;
-    },
-    updatePullUpLoadNoMoreTxt(val) {
-      this.pullUpLoadNoMoreTxt = val;
-    },
-    updateCustomPullDown(val) {
-      this.customPullDown = val;
-    },
-    rebuildScroll() {
-      Vue.nextTick(() => {
-        this.$refs.scroll.destroy();
-        this.$refs.scroll.initScroll();
-      });
-    }
-  },
-  created() {
-    var that = this;
-    that.loginUser.group.forEach(element => {
-      that.candidateGroups += element.id + ",";
-    });
-    that.candidateGroups = that.candidateGroups.substring(
-      0,
-      that.candidateGroups.length - 1
-    );
-    this.getParamsState();
-    this.getData();
-  }
-};
-</script>
-<style lang="stylus" rel="stylesheet/stylus" scoped>
-.scroll-list-wrap {
-  /* height: 350px */
-  height: 87vh;
-  /* border: 1px solid rgba(0, 0, 0, 0.1) */
-  border-radius: 5px;
-  transform: rotate(0deg); // fix 子元素超出边框圆角部分不隐藏的问题
-  overflow: hidden;
-  padding-top: 1.76rem;
-}
-
-.foods-wrapper {
-  .food-item {
-    display: flex;
-
-    /* padding: 18px */
-    /* border-bottom: 1px solid rgba(7, 17, 27, 0.1) */
-    /* border-top: 1px solid rgba(7, 17, 27, 0.1)!important */
-    &:last-child {
-      border-none();
-      margin-bottom: 0;
-    }
-
-    .icon {
-      flex: 0 0 57px;
-      margin-right: 10px;
-    }
-
-    .food-content {
-      flex: 1;
-
-      .name {
-        margin: 2px 0 8px 0;
-        height: 14px;
-        line-height: 14px;
-        font-size: 14px;
-        color: rgb(7, 17, 27);
-      }
-
-      .description, .extra {
-        line-height: 10px;
-        font-size: 10px;
-        color: rgb(147, 153, 159);
-      }
-
-      .description {
-        line-height: 12px;
-        margin-bottom: 8px;
-      }
-
-      .extra {
-        .count {
-          margin-right: 12px;
-        }
-      }
-
-      .price {
-        font-weight: 700;
-        line-height: 24px;
-
-        .now {
-          margin-right: 8px;
-          font-size: 14px;
-          color: rgb(240, 20, 20);
-        }
-
-        .old {
-          text-decoration: line-through;
-          font-size: 10px;
-          color: rgb(147, 153, 159);
-        }
-      }
-
-      .cartcontrol-wrapper {
-        position: absolute;
-        right: 0;
-        bottom: 12px;
-
-        .scroll-wrapper {
-          .cube-pulldown-wrapper {
-            .before-trigger {
-              font-size: 30px;
-              line-height: 30px;
-              align-self: flex-end;
-
-              span {
-                display: inline-block;
-                transition: all 0.3s;
-                color: #666;
-
-                &.rotate {
-                  transform: rotate(180deg);
-                }
-              }
-            }
-
-            .after-trigger {
-              .refresh-text {
-                color: grey;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
-<style lang='less' scoped>
-.cont {
-  margin-top: 1.86rem;
-}
-.scroll-list-wrap {
-  padding-top: .88rem;
-}
-.stateSearch {
-  width: 100%;
-  position: fixed;
-  // top: 0.88rem;
-  z-index: 6;
-}
-.bgColor {
-  background-color: white;
-}
-.food-item {
-  border-top: 0.16rem rgb(238, 238, 238) solid;
-}
-.food-content {
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  border-bottom: 0.01rem rgb(223, 222, 222) solid;
-}
-.cube-select {
-  height: 0.88rem;
-  line-height: 0.88rem;
-  padding: 0 0.24rem;
-  font-size: 0.36rem;
-  color: #333333;
-  border-bottom: 0.08rem solid #e5e5e5;
-}
-.title {
-  display: flex;
-  justify-content: space-between;
-  height: 0.7rem;
-  line-height: 0.7rem;
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  padding: 0 0.24rem;
-  border-bottom: 0.01rem rgb(223, 222, 222) solid;
-}
-.title i {
-  font-size: 0.32rem;
-  color: #005395;
-}
-.title div:nth-child(1) {
-  font-size: 0.32rem;
-}
-.title div:nth-child(1) span {
-  display: inline-block;
-  margin-left: 0.08rem;
-}
-.title div:nth-child(2) {
-  padding: 0.05rem 0.3rem;
-  /* border: 0.01rem rgb(0,0,255) solid; */
-  border-radius: 16px;
-  /* color: rgb(0,0,255); */
-  height: 0.25rem;
-  line-height: 0.25rem;
-  margin-top: 0.15rem;
-  font-size: 0.24rem;
-}
-.weishouli {
-  color: #991f00;
-  border: 0.01rem #991f00 solid;
-  background-color: #f4e8e5;
-}
-.bushouli {
-  color: #666666;
-  background-color: #eeeeee;
-  border: 0.01rem #666666 solid;
-}
-.chulizhong {
-  color: #003057;
-  background-color: #e5eaee;
-  border: 0.01rem #003057 solid;
-}
-.daipingjia {
-  color: #825b00;
-  background-color: #f2eee5;
-  border: 0.01rem #825b00 solid;
-}
-.yijiejue {
-  color: #40a19c;
-  background-color: #ebf5f5;
-  border: 0.01rem #40a19c solid;
-}
-.yichehui {
-  color: #48a843;
-  background-color: #ecf6ec;
-  border: 0.01rem #48a843 solid;
-}
-// .conent {
-//   font-size: 0.28rem;
-//   line-height: 0.39rem;
-//   overflow: hidden;
-//   display: -webkit-box;
-//   -webkit-line-clamp: 2;
-//   -webkit-box-orient: vertical;
-//   word-break: break-all;
-//   padding: 0 0.64rem;
-//   margin: 0.24rem 0;
-// }
-.timeBox {
-  display: flex;
-  justify-content: space-between;
-  font-size: 0.24rem;
-  color: #999999;
-  border-top: 0.01rem rgb(223, 222, 222) solid;
-  height: 0.7rem;
-  line-height: 0.7rem;
-  padding: 0 0.24rem 0 0.64rem;
-}
-.wushuju {
-  margin-top: 2.4rem;
-  text-align: center;
-  color: #999;
-}
-.wushuju img {
-  height: 1.68rem;
-}
-.conentBox {
-  width: 100%;
-  height: 100%;
-  .conent {
-    font-size: 0.32rem;
-    font-weight: 400;
-    line-height: 0.45rem;
-    border-bottom: 0.16rem solid #e5e5e5;
-    .head {
-      border-bottom: 0.01rem solid #e6e6e6;
-      p {
-        padding: 0.24rem 0.48rem;
-        i {
-          color: #00559d;
-        }
-        .btn {
-          float: right;
-        }
-      }
-    }
-    .center {
-      color: #333333;
-      border-bottom: 0.01rem solid #e6e6e6;
-      padding: 0.24rem 0.48rem;
-      p {
-          padding-left: .43rem;
-        &.desc{
-            padding-left: 0;
-            position: relative;
-            overflow: hidden;
-            max-height: .88rem;
-            padding-right: 1.2rem;
-            .iconfont{
-                color: #01559d;
-            }
-            .btn{
-                position: absolute;
-                right: 0;
-                top: .03rem;
-            }
-        }
-        .grayFont {
-          overflow-x: scroll;
-          color: #666;
-        }
-      }
-    }
-    .bottom {
-      overflow: hidden;
-      line-height: 0.86rem;
-      border-bottom: 0.01rem solid #e6e6e6;
-      font-size: 0.24rem;
-      color: #999;
-      padding: 0 0.32rem 0 0.48rem;
-    }
-  }
-}
-</style>