Skip to content

L
laravelzh
Commit 68363ce4 authored by 冯超鹏's avatar 冯超鹏
Browse files
Options

Merge branch 'master' of ssh://111.61.77.35:15/fengchaopeng/laravelzh

parents 3891f442 564f3964
Pipeline #213 failed with stages
      Show whitespace changes
      Inline Side-by-side
      Showing with 726 additions and 7 deletions
      app/Http/Controllers/AlarmOrderController.php
      View file @ 68363ce4
      ......@@ -20,12 +20,32 @@ class AlarmOrderController extends Controller
      public function index(Request $request)
      {
      $where = [];
      $whereBetween = [0, date('Y-m-d H:i:s')];
      $limit = 20;
      if($request->input('limit') > 0) {
      $limit = $request->input('limit');
      }
      $offset = $limit * ($request->input('page') - 1);
      if($request->input('isuser') == 'user'){
      $where[] = ['u.id','=',Auth::id()];
      }
      if($request->input('order_num')) {
      $where[] = ['alarm_order.order_num' , '=', $request->input('order_num')];
      }
      if($request->input('deviceNum')) {
      $where[] = ['r.devicenumber' , '=', $request->input('deviceNum')];
      }
      if($request->input('state') != 99) {
      $where[] = ['alarm_order.state' , '=', $request->input('state')];
      }
      if($request->input('user_id')) {
      $where[] = ['alarm_order.user_id' , '=', $request->input('user_id')];
      }
      if($request->input('timeRange') != "null") {
      $times = explode(',', $request->input('timeRange'));
      $whereBetween = [$times[0], $times[1]];
      }
      $orders = AlarmOrder::selectRaw('
      FROM_UNIXTIME(r.starttime) AS start_time,
      FROM_UNIXTIME(r.endtime) AS end_time,
      ......@@ -42,9 +62,18 @@ class AlarmOrderController extends Controller
      ->leftjoin('device_type AS t', 'r.policestatus', '=', 't.tid')
      ->offset($offset)
      ->where($where)
      ->whereBetween('alarm_order.created_at',$whereBetween)
      ->limit($limit)
      ->get()->toArray();
      return $this->jsonSuccessData($orders);
      $count = AlarmOrder::leftjoin('reportpolice AS r', 'r.id', '=', 'alarm_order.reportpolice_id')
      ->whereBetween('alarm_order.created_at',$whereBetween)
      ->where($where)->count();
      $meta = [
      'count' => $count,
      'current_page' => $request->input('page'),
      'limit' => $limit
      ];
      return $this->jsonSuccessData(compact('orders', 'meta'));
      }
      ......@@ -64,10 +93,18 @@ class AlarmOrderController extends Controller
      DB::beginTransaction();
      try {
      // 获取device_id
      $device = DB::table('device')
      ->select('id')
      ->where('devicenum', $request->input('device_num'))
      ->first();
      if(!$device) {
      return $this->jsonErrorData(500, '设备编号不存在！');
      }
      $order = new AlarmOrder();
      $insertId = $order->insertGetId([
      'order_num' => $orderNum,
      'device_id' => $request->input('device_id'),
      'device_id' => $device->id,
      'user_id' => $request->input('user_id'),
      'reportpolice_id' => $reportpolice_id,
      'created_at' => Carbon::now(),
      ......@@ -82,13 +119,13 @@ class AlarmOrderController extends Controller
      DB::commit();
      } catch (QueryException $exception) {
      DB::rollBack();
      return $this->jsonErrorData('工单创建失败');
      return $this->jsonErrorData(500,'工单创建失败');
      }
      if($insertId) {
      return $this->jsonSuccessData('已生成工单！');
      }else{
      return $this->jsonErrorData('工单创建失败');
      return $this->jsonErrorData(500, '工单创建失败');
      }
      }
      ......@@ -119,6 +156,8 @@ class AlarmOrderController extends Controller
      s.status_name
      ')
      ->first();
      // 工单进度
      $order['step'] = AlarmOrderSchedule::where('alarm_order_id', '=', $request->input('id'))->get();
      return $this->jsonSuccessData($order);
      }
      ......@@ -173,6 +212,27 @@ class AlarmOrderController extends Controller
      return $this->jsonErrorData(500, '删除工单失败！');
      }
      }
      /**
      * 获取派单用户
      */
      public function getUserInfo()
      {
      if ($this->isadmin()) {
      $users = DB::table('users')
      ->select('users.id', 'users.name', 'users.username', 'users.phone_number', 'ur.name AS role_name', 'ap.area_name AS province', 'aa.area_name AS area', 'ac.area_name AS city')
      ->leftJoin('user_roles AS ur', 'ur.id', '=', 'users.user_role_id')
      ->leftJoin('areachina AS ap', 'ap.areaid', '=', 'users.provinceid')
      ->leftJoin('areachina AS aa', 'aa.areaid', '=', 'users.areaid')
      ->leftJoin('areachina AS ac', 'ac.areaid', '=', 'users.cityid')
      ->where('users.user_role_id', '!=', 0)
      ->get()->toArray();
      return $this->jsonSuccessData($users);
      } else {
      return $this->jsonErrorData(500, '没有权限, 请联系管理员！');
      }
      }
      //获取当前订单为第几步
      public function orderin(Request $request){
      $orderid = $request->input('id');
      ......
      resources/js/api/alarmOrder.js 0 → 100644
      View file @ 68363ce4
      import request from '@/utils/request';
      // 列表
      export function alarmOrderList(data) {
      var params = Object.keys(data).map(function(key) {
      return encodeURIComponent(key) + '=' + encodeURIComponent(data[key]);
      }).join('&');
      return request({
      url: '/alarm_order?' + params,
      method: 'get',
      });
      }
      // 新增
      export function alarmOrderStore(data) {
      return request({
      url: '/alarm_order',
      method: 'post',
      data: data,
      });
      }
      // 更新
      export function alarmOrderUpdate(data, id) {
      return request({
      url: '/alarm_order/' + id,
      method: 'patch',
      data,
      });
      }
      // 删除
      export function alarmOrderDestroy(id) {
      return request({
      url: '/alarm_order/' + id,
      method: 'delete',
      });
      }
      // 派单人员列表
      export function alarmOrderUsers() {
      return request({
      url: '/alarm_order/user',
      method: 'get',
      });
      }
      // 工单详情
      export function alarmOrderDetail(id) {
      return request({
      url: '/alarm_order/show?id=' + id,
      method: 'get',
      });
      }
      resources/js/router/index.js
      View file @ 68363ce4
      ......@@ -25,6 +25,7 @@ import usersRoutes from './modules/users';
      import historyRoutes from './modules/history.js';
      import monitorRoutes from './modules/monitor.js';
      import userdeviceRoutes from './modules/userdevice';
      import alarmOrderRoutes from './modules/alarm-order';
      /**
      * Sub-menu only appear when children.length>=1
      ......@@ -155,6 +156,7 @@ export const asyncRoutes = [
      usersRoutes,
      adminRoutes,
      userdeviceRoutes,
      alarmOrderRoutes,
      // {
      // path: '/userdevice',
      // component: Layout,
      ......
      resources/js/router/modules/alarm-order.js 0 → 100644
      View file @ 68363ce4
      import Layout from '@/layout';
      const alarmOrderRoutes = {
      path: '/alarm-order',
      component: Layout,
      redirect: '/alarm-order/index',
      name: 'users',
      alwaysShow: true,
      meta: {
      title: '工单管理',
      icon: 'nested',
      permissions: ['view menu admin'],
      },
      children: [
      {
      path: 'index',
      component: () => import('@/views/alarm-order/index'),
      name: 'AlarmOrder',
      meta: { title: '抢险工单', icon: 'nested', permissions: ['manage admin'] },
      },
      ],
      };
      export default alarmOrderRoutes;
      resources/js/views/alarm-order/index.vue 0 → 100644
      View file @ 68363ce4
      <template>
      <div class="app-container">
      <div class="filter-container">
      <el-form :inline="true" :model="formSearch" class="demo-form-inline">
      <el-form-item label="接单人员">
      <el-select
      v-model="formSearch.user_id"
      style="margin-left: 20px;"
      placeholder="请选择"
      >
      <el-option
      v-for="item in alarmOrderUsersData"
      :key="item.id"
      :label="item.name"
      :value="item.id"
      >
      </el-option>
      </el-select>
      </el-form-item>
      <el-form-item label="工单号">
      <el-input v-model="formSearch.order_num" placeholder="输入工单号"></el-input>
      </el-form-item>
      <el-form-item label="设备编号">
      <el-input v-model="formSearch.deviceNum" placeholder="输入完整设备编号"></el-input>
      </el-form-item>
      <el-form-item label="工单状态">
      <el-select
      v-model="formSearch.state"
      style="margin-left: 20px;"
      placeholder="请选择"
      >
      <el-option
      v-for="item in optionStatus"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      >
      </el-option>
      </el-select>
      </el-form-item>
      <el-form-item label="时间">
      <el-date-picker
      v-model="formSearch.timeRange"
      align="right"
      type="datetimerange"
      :picker-options="pickerOptions"
      range-separator="至"
      value-format="yyyy-MM-dd HH:mm:ss"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      ></el-date-picker>
      </el-form-item>
      <el-form-item>
      <el-button type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
      </el-form>
      </div>
      <el-pagination
      :current-page="formSearch.page"
      :page-sizes="[20, 80, 150, 300, 5]"
      :page-size="formSearch.limit"
      layout="total, sizes, prev, pager, next, jumper"
      :total="formSearch.total"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      >
      </el-pagination>
      <el-table :key="tableKey" :data="alarmOrders" border fit highlight-current-rows>
      <el-table-column label="工单号" width="209">
      <template slot-scope="scope">
      <span @click="handleCopy(scope.row.order_num,$event)">{{ scope.row.order_num }}</span>
      </template>
      </el-table-column>
      <el-table-column label="设备编号" width="209">
      <template slot-scope="scope">
      <span @click="handleCopy(scope.row.devicenumber,$event)">{{ scope.row.devicenumber }}</span>
      </template>
      </el-table-column>
      <el-table-column label="接单人" width="140">
      <template slot-scope="scope">
      <span>{{ scope.row.name }}</span>
      </template>
      </el-table-column>
      <el-table-column label="设备名称" width="200">
      <template slot-scope="scope">
      <span>{{ scope.row.username }}</span>
      </template>
      </el-table-column>
      <el-table-column label="位置" width="200">
      <template slot-scope="scope">
      <span>{{ scope.row.location }}</span>
      </template>
      </el-table-column>
      <el-table-column label="报警类型" width="130">
      <template slot-scope="scope">
      <span>{{ scope.row.status_name }}</span>
      </template>
      </el-table-column>
      <el-table-column label="工单状态" width="130">
      <template slot-scope="scope">
      <span>
      <el-tag :type=" scope.row.state==1 ? 'success' : 'warning' " effect="dark">{{ orderStateFilter(scope.row.state) }}</el-tag>
      </span>
      </template>
      </el-table-column>
      <el-table-column label="创建时间">
      <template slot-scope="scope">
      <span>{{ scope.row.created_at }}</span>
      </template>
      </el-table-column>
      <el-table-column label="更新时间">
      <template slot-scope="scope">
      <span>{{ scope.row.updated_at }}</span>
      </template>
      </el-table-column>
      <el-table-column label="--">
      <template slot-scope="scope">
      <el-button @click="alarmShow(scope.row)">详细信息</el-button>
      </template>
      </el-table-column>
      </el-table>
      <el-tooltip placement="top" content="tooltip">
      <back-to-top :custom-style="myBackToTopStyle" :visibility-height="300" :back-position="50" transition-name="fade" />
      </el-tooltip>
      <el-dialog title="工单详细信息" :visible.sync="dialogTableVisible" width="70%">
      <el-steps :active="order_content.isorderone" align-center style="margin-bottom: 40px;">
      <el-step v-for="item in order_step" :key="item.schedule" :title="stepFilter(item.schedule)" :description="item.created_at + item.content"></el-step>
      </el-steps>
      <el-row :gutter="20">
      <el-col :span="8">
      <div class="amap-page-container" style="height: 350px; width: 350px;">
      <el-amap
      ref="map"
      vid="amapDemo"
      :amap-manager="amapManager"
      :zoom="zoom"
      :center="center"
      :events="events"
      class="amap-demo"
      :plugin="plugin"
      >
      <el-amap-circle-marker
      :visible="true"
      :center="marker.devicecoord | deviceLocationFilter(marker.devicecoord)"
      :radius="13"
      :fill-color="marker.devicepolice | deviceStatusFilter('color')"
      :fill-opacity="1"
      :stroke-color="'#ccc'"
      :stroke-opacity="0.9"
      ></el-amap-circle-marker>
      </el-amap>
      </div>
      </el-col>
      <el-col :span="16">
      <el-row>
      <el-col :span="12">
      <el-form size="mini">
      <el-form-item label="订单编号">{{ order_content.order_num }}</el-form-item>
      <el-form-item label="订单创建时间">{{ order_content.created_at }}</el-form-item>
      <el-form-item label="订单更新时间">{{ order_content.updated_at }}</el-form-item>
      <el-form-item label="设备编号">{{ order_content.devicenumber }}</el-form-item>
      <el-form-item label="设备名称">{{ order_content.username }}</el-form-item>
      <el-form-item label="类型">{{ order_content.tname }}</el-form-item>
      <el-form-item label="检测介质">{{ order_content.gas }}</el-form-item>
      <el-form-item label="位置">{{ order_content.deviceinfo }}</el-form-item>
      <el-form-item label="坐标">{{ order_content.devicecoord }}</el-form-item>
      </el-form>
      </el-col>
      <el-col :span="12">
      <el-form size="mini">
      <el-form-item label="检测值">{{ order_content.concentration + order_content.danwei }}</el-form-item>
      <el-form-item label="报警类型">{{ order_content.status_name }}</el-form-item>
      <el-form-item label="报警开始时间">{{ order_content.start_time }}</el-form-item>
      <el-form-item label="报警结束时间">{{ order_content.end_time }}</el-form-item>
      <el-form-item label="接单人">{{ order_content.name }}</el-form-item>
      <el-form-item label="是否到达现场">{{ isLiveFilter(order_content.is_live) }}</el-form-item>
      <el-form-item label="是否属实">{{ isVerifiedFilter(order_content.is_verified) }}</el-form-item>
      <el-form-item label="进度">{{ isOrderOneFilter(order_content.isorderone) }}</el-form-item>
      <el-form-item>
      <template slot="scope">
      <el-button>完成</el-button>
      </template>
      </el-form-item>
      </el-form>
      </el-col>
      </el-row>
      </el-col>
      </el-row>
      </el-dialog>
      </div>
      </template>
      <script>
      import clip from '@/utils/clipboard';
      import BackToTop from '@/components/BackToTop';
      import { alarmOrderUsers, alarmOrderList, alarmOrderDetail } from '@/api/alarmOrder';
      import Vue from 'vue';
      import VueAMap from 'vue-amap';
      import { AMapManager } from 'vue-amap';
      Vue.use(VueAMap);
      // 初始化vue-amap
      VueAMap.initAMapApiLoader({
      // 高德的key
      key: '95cc1b89d62f020ce5a21ec503daef6c',
      // 插件集合
      plugin: [
      'AMap.Autocomplete',
      'AMap.PlaceSearch',
      'AMap.Scale',
      'AMap.OverView',
      'AMap.ToolBar',
      'AMap.MapType',
      'AMap.PolyEditor',
      'AMap.CircleEditor',
      ],
      // 高德 sdk 版本，默认为 1.4.4
      v: '1.4.15',
      uiVersion: '1.0.11',
      });
      export default {
      components: { BackToTop },
      filters: {
      deviceLocationFilter(center) {
      if (center === null) {
      return '';
      }
      center = center.replace(/\s*/g, '');
      return center.split(',');
      },
      deviceStatusFilter(status, cate) {
      var statuses = [];
      statuses[1] = { color: '#1c7a17', name: '正常' };
      statuses[2] = { color: '#f6e032', name: '错误' };
      statuses[3] = { color: '#f6e032', name: '传感器故障' };
      statuses[4] = { color: '#f30016', name: '报警' };
      statuses[5] = { color: '#f42f18', name: '低报' };
      statuses[6] = { color: '#97000b', name: '高报' };
      statuses[7] = { color: '#f6e032', name: '通信故障' };
      statuses[8] = { color: '#f6e032', name: '超量程' };
      statuses[9] = { color: '#747677', name: '离线' };
      statuses[10] = { color: '#f6e032', name: '电量低' };
      statuses[11] = { color: '#f6e032', name: '主电故障' };
      statuses[12] = { color: '#f6e032', name: '备电故障' };
      statuses[13] = { color: '#f6e032', name: '无此节点' };
      statuses[14] = { color: '#f6e032', name: '低电压' };
      statuses[15] = { color: '#f6e032', name: '故障' };
      statuses[16] = { color: '#97000b', name: '报警联动' };
      if (cate === 'color') {
      return statuses[status].color;
      } else if (cate === 'status') {
      return statuses[status].name;
      }
      },
      },
      data() {
      const _this = this;
      return {
      order_content: {},
      order_step: [],
      marker: {
      devicecoord: '114.505208, 38.045474',
      devicepolice: 5,
      },
      map: {},
      amapManager: new AMapManager(),
      zoom: 13,
      center: [114.505208, 38.045474],
      events: {
      init: (o) => {
      o.setMapStyle('amap://styles/normal');
      // console.log(o.getCenter());
      // console.log(this.$refs.map.$$getInstance());
      o.getCity(result => {
      // console.log(result);
      });
      },
      'moveend': () => {
      },
      'zoomchange': () => {
      _this.zoom = this.$refs.map.$$getInstance().getZoom();
      },
      'click': (e) => {
      // alert('map clicked');
      },
      },
      plugin: [{
      pName: 'ToolBar',
      position: 'LB',
      }, {
      pName: 'MapType',
      defaultType: 0,
      events: {
      init(o) {
      console.log(o);
      },
      },
      }],
      dialogTableVisible: false,
      alarmOrders: [],
      alarmOrderUsersData: [{
      id: 0,
      name: '全部',
      }],
      formSearch: {
      order_num: '',
      deviceNum: '',
      state: 0,
      timeRange: null,
      page: 1,
      limit: 20,
      user_id: 0,
      total: 0,
      },
      optionStatus: [{
      value: 99,
      label: '全部',
      }, {
      value: 0,
      label: '未接单',
      }, {
      value: 1,
      label: '进行中',
      }, {
      value: 2,
      label: '完成',
      }, {
      value: 3,
      label: '异常终止',
      }],
      equipment: [],
      timer: null,
      tableKey: 0,
      value2: undefined,
      pickerOptions: {
      disabledDate(time) {
      return time.getTime() > Date.now();
      },
      shortcuts: [{
      text: '24小时内',
      onClick(picker) {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24);
      picker.$emit('pick', [start, end]);
      },
      },
      ],
      },
      myBackToTopStyle: {
      right: '50px',
      bottom: '50px',
      width: '40px',
      height: '40px',
      'border-radius': '4px',
      'line-height': '45px', // Please keep consistent with height to center vertically
      background: '#e7eaf1', // The background color of the button
      },
      };
      },
      created() {
      this.orderUsers();
      this.alarmOrdersData();
      },
      methods: {
      isLiveFilter(id) {
      const steps = [];
      steps[1] = '到达现场';
      steps[2] = '未到达现场';
      return steps[id];
      },
      isVerifiedFilter(id) {
      const steps = [];
      steps[1] = '属实';
      steps[2] = '不属实';
      return steps[id];
      },
      isOrderOneFilter(id) {
      const steps = [];
      steps[1] = '到达现场';
      steps[2] = '未到达现场';
      return steps[id];
      },
      stepFilter(step) {
      const steps = [];
      steps[1] = '待接单';
      steps[2] = '已接单';
      steps[3] = '进行中';
      steps[4] = '已完成';
      steps[5] = '异常终止';
      return steps[step];
      },
      alarmShow(data) {
      this.marker.devicecoord = data.devicecoord;
      this.marker.devicepolice = data.policestatus;
      // 地图中心
      this.center = data.devicecoord.replace(/\s*/g, '').split(',');
      console.log(data);
      this.orderDetail(data.id);
      this.dialogTableVisible = true;
      },
      orderStateFilter(state) {
      const status = [];
      status[0] = '未接单';
      status[1] = '进行中';
      status[2] = '完成';
      status[3] = '异常终止';
      return status[state];
      },
      // 工单详情
      orderDetail(id) {
      alarmOrderDetail(id).then(response => {
      const all_steps = [{
      schedule: 1, content: '未接单', created_at: '',
      }, {
      schedule: 2, content: '进行中', created_at: '',
      }, {
      schedule: 3, content: '完成', created_at: '',
      }, {
      schedule: 4, content: '异常终止', created_at: '',
      }];
      if (response.code === 200) {
      console.log(response.data);
      this.order_content = response.data;
      const order_step = response.data.step;
      for (var step in all_steps) {
      if (order_step[step]) {
      all_steps[step] = order_step[step];
      }
      }
      this.order_step = all_steps;
      console.log(this.order_step);
      }
      }).catch(err => {
      console.log(err);
      });
      },
      // 可以派单的人员
      orderUsers(data) {
      alarmOrderUsers().then(response => {
      if (response.code === 200) {
      this.alarmOrderUsersData = this.alarmOrderUsersData.concat(response.data);
      }
      }).catch(err => {
      console.log(err);
      });
      },
      // 工单列表
      alarmOrdersData() {
      console.log(this.formSearch);
      alarmOrderList(this.formSearch).then(response => {
      if (response.code === 200) {
      console.log(response.data);
      this.alarmOrders = response.data.orders;
      this.formSearch.total = response.data.meta.count;
      }
      }).catch(err => {
      console.log(err);
      });
      },
      handleSizeChange(val) {
      this.formSearch.limit = val;
      this.dataSearch();
      },
      handleCurrentChange(val) {
      this.formSearch.page = val;
      this.dataSearch();
      },
      handleCopy(text, event) {
      clip(text, event);
      },
      onSubmit() {
      this.formSearch.page = 1;
      this.dataSearch();
      },
      dataSearch() {
      this.alarmOrdersData();
      },
      timers() {
      // this.timer = setInterval(() => {
      // this.equipmentlist();
      // }, 10000);
      },
      destroyed() {
      this.$once('hook:beforeDestroy', () => {
      clearInterval(this.timer);
      });
      },
      },
      };
      </script>
      <style scoped lang="scss">
      .placeholder-container {
      ul {
      li {
      margin: 10px;
      list-style-type: none;
      }
      }
      }
      </style>
      resources/js/views/history/alarms.vue
      View file @ 68363ce4
      ......@@ -55,14 +55,44 @@
      </template>
      </el-table-column>
      <el-table-column label="操作">
      <template>
      <el-button type="primary" effect="dark">生成工单</el-button>
      <template slot-scope="scope">
      <el-button type="primary" effect="dark" @click="orderUsers(scope.row)">生成工单</el-button>
      </template>
      </el-table-column>
      </el-table>
      <el-tooltip placement="top" content="tooltip">
      <back-to-top :custom-style="myBackToTopStyle" :visibility-height="300" :back-position="50" transition-name="fade" />
      </el-tooltip>
      <el-dialog title="向谁派发工单？" :visible.sync="dialogFormVisible">
      <el-table
      ref="singleTable"
      :data="alarmOrderUserData"
      :highlight-current-row="true"
      row-class-name="order-users-row"
      style="width: 100%"
      @row-click="handleCurrentChange"
      >
      <el-table-column
      label="ID"
      width="150"
      >
      <template slot-scope="scope">
      <el-radio v-model="form.alarmOrderToUserId" :label="scope.row.id">{{ scope.row.id }}</el-radio>
      </template>
      </el-table-column>
      <el-table-column property="name" label="用户名" width="150"></el-table-column>
      <el-table-column property="username" label="账号" width="120"></el-table-column>
      <el-table-column property="phone_number" label="手机号" width="120"></el-table-column>
      <el-table-column property="role_name" label="角色"></el-table-column>
      <el-table-column property="province" label="省"></el-table-column>
      <el-table-column property="city" label="市"></el-table-column>
      <el-table-column property="area" label="区域(县)"></el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">取 消</el-button>
      <el-button type="primary" @click="createAlarmOrder()">确 定</el-button>
      </div>
      </el-dialog>
      </div>
      </template>
      ......@@ -70,10 +100,13 @@
      import { police, history_device_type } from '@/api/device';
      import clip from '@/utils/clipboard';
      import BackToTop from '@/components/BackToTop';
      import { alarmOrderStore, alarmOrderUsers } from '@/api/alarmOrder';
      export default {
      components: { BackToTop },
      data() {
      return {
      dialogFormVisible: false,
      alarmOrderUserData: [],
      tableKey: 0,
      reportpolice: [],
      myBackToTopStyle: {
      ......@@ -85,6 +118,17 @@ export default {
      'line-height': '45px', // Please keep consistent with height to center vertically
      background: '#e7eaf1', // The background color of the button
      },
      // 报警工单数据
      form: {
      alarmOrderToUserId: 0,
      },
      formDataOrder: {
      device_num: '',
      reportpolice_id: 0,
      policestatus: 0,
      shutoff_status: 0,
      user_id: 0,
      },
      devicetime: '', // 时间
      devicehtime: '', // 年月
      device_type: '', // 搜索数据设备报警类型
      ......@@ -98,6 +142,41 @@ export default {
      this.historydevicetype(); // 设备搜索所需数据
      },
      methods: {
      // 生成工单
      handleCurrentChange(val) {
      console.log(val);
      this.form.alarmOrderToUserId = val.id;
      this.formDataOrder.user_id = this.form.alarmOrderToUserId;
      },
      orderUsers(data) {
      alarmOrderUsers().then(response => {
      if (response.code === 200) {
      this.alarmOrderUserData = response.data;
      }
      }).catch(err => {
      console.log(err);
      });
      this.formDataOrder.device_num = data.devicenumber;
      this.formDataOrder.reportpolice_id = data.id;
      this.formDataOrder.policestatus = data.policestatus;
      this.formDataOrder.shutoff_status = data.shutoff_status;
      this.dialogFormVisible = true;
      },
      createAlarmOrder() {
      if (this.formDataOrder.user_id === 0) {
      this.$message.error('你的工单要派发给谁呢？');
      return;
      }
      alarmOrderStore(this.formDataOrder).then(response => {
      console.log(response);
      if (response.code === 200) {
      this.$message.success('你的工单派发成功了！');
      this.dialogFormVisible = false;
      }
      }).catch(err => {
      console.log(err);
      });
      },
      shutoffStatus(id) {
      const shutoff = [];
      shutoff[0] = '初始化';
      ......@@ -146,4 +225,7 @@ export default {
      </script>
      <style>
      .order-users-row {
      cursor: pointer;
      }
      </style>
      routes/api.php
      View file @ 68363ce4
      ......@@ -53,8 +53,10 @@ Route::group(['middleware' => 'auth:api'], function () {
      Route::post('alarm_order', 'AlarmOrderController@store'); // 创建工单
      Route::post('alarm_order/order_ok', 'AlarmOrderController@update'); // 修改工单
      Route::delete('alarm_order/{id}', 'AlarmOrderController@destroy'); // 删除工单
      Route::get('alarm_order/user', 'AlarmOrderController@getUserInfo'); // 获取派单人员
      Route::get('alarm_order/show', 'AlarmOrderController@show'); // 工单详情
      Route::get('alarm_order/order_in', 'AlarmOrderController@orderin'); // 获取当前订单为第几步
      });
      //上传图片路由
      ......
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment