Merge branch 'debelop' of http://39.164.159.192:3000/zhoufan/RMYY_CallCenter_UI into debelop

CallCenterWeb.UI/RMYY/src/views/orderManage/components/cardetail.vue

@@ -0,0 +1,395 @@
+<template>
+  <div class="order_detail">
+    <el-row :gutter="20">
+      <el-col :md="24" class="order_detail_body">
+        <el-card shadow="hover">
+          <el-col :md="21">
+            <el-col :md="18">
+              <h1 class="title" style="display: inline-block;">
+                <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{ orderDetailData.F_WorkOrderCode }}
+                <span v-if="orderDetailData.StateName" class="wostate">{{ orderDetailData.StateName }}</span>
+              </h1>
+            </el-col>
+          </el-col>
+          <el-col :md="24" class="order_detail_content">
+            <table class="tabdept" cellspacing="0" cellpadding="0">
+              <tr>
+                <th>业务类别:</th>
+                <td>车辆调度</td>
+                <th>工单类别:</th>
+                <td>{{ orderDetailData.F_TypeName2 }}</td>
+                <th>超时时限:</th>
+                <td>{{ orderDetailData.GapTime || '-' }}</td>
+              </tr>
+              <tr>
+                <th>申请科室:</th>
+                <td>{{ orderDetailData.F_ProposerDeptName }}</td>
+                <th>申请人:</th>
+                <td>{{ orderDetailData.F_ProposerName }}</td>
+                <th>申请时间:</th>
+                <td>{{ orderDetailData.F_StartTime }}</td>
+              </tr>
+              <tr>
+                <th>联系电话:</th>
+                <td>{{ orderDetailData.F_Phon }}</td>
+                <th>出发地点:</th>
+                <td>{{ orderDetailData.F_DepartPlace }}</td>
+                <th>到达地点:</th>
+                <td>{{ orderDetailData.F_Destination }}</td>
+              </tr>
+              <tr>
+                <th>车牌号:</th>
+                <td>{{ orderDetailData.F_CarMessage }}</td>
+                <th>用车时间:</th>
+                <td>{{ orderDetailData.F_UseTime }}</td>
+                <th>是否出生:</th>
+                <td>{{ orderDetailData.F_Birth=='0'?'否':'是' }}</td>
+              </tr>
+              <tr>
+                <th>工单内容:</th>
+                <td colspan="5">{{ orderDetailData.F_Content }}</td>
+              </tr>
+            </table>
+          </el-col>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-row :gutter="20">
+      <el-col :md="24" class="order_detail_body">
+        <el-card shadow="hover">
+          <el-tabs ref="tabs" v-model="activeName">
+            <!-- <el-tab-pane label="处理结果" name="1">
+              <el-col :md="24" class="order_detail_content">
+                <table class="tabdept" cellspacing="0" cellpadding="0">
+                  <tr>
+                    <th>处理意见:</th>
+                    <td colspan="5">{{ orderDetailData.F_DealOpinions?orderDetailData.F_DealOpinions:'-' }}</td>
+                  </tr>
+                  <tr>
+                    <th>处理方式:</th>
+                    <td colspan="5">{{ orderDetailData.F_DealType?orderDetailData.F_DealType:'-' }}</td>
+                  </tr>
+                </table>
+              </el-col>
+            </el-tab-pane> -->
+            <el-tab-pane label="工单流程" name="1">
+              <el-table :data="workOrderCirculationList" border style="width: 100%">
+                <el-table-column prop="F_CreateUser" label="操作人" align="center"/>
+                <el-table-column prop="F_Message" label="内容" align="center"/>
+                <el-table-column prop="F_CreateTime" label="时间" align="center"/>
+              </el-table>
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import {
+  mapGetters
+} from 'vuex'
+import {
+  getModelDetail
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+
+export default {
+  name: 'CarDetail',
+  components: {
+    Pagination
+  },
+  props: {
+    rowid: {
+      type: String,
+      default: '0'
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      activeName: '1',
+      ChatList: [], // 备注详情列表
+      isChatList: false, // 备注列表是否展示
+      // isFamily: false,
+      isSpecial: false,
+      showAppointmentTime: false,
+      // isConduit: false,
+      orderDetailData: {
+        F_CallID: '',
+        F_WorkOrderCode: '',
+        F_ID: '',
+        F_Source: '电话', // 业务类别
+        F_Type1: '', // 工单类别
+        F_TypeName1: '', // 工单类别
+        F_Type2: '', // 工单子类
+        F_TypeName2: '', // 工单子类
+        F_Type3: '', // 工单三类
+        F_TypeName3: '', // 工单三类
+        F_Customer: '', // 姓名
+        F_Sex: '0', // 性别
+        F_Phon: '', // 电话
+        F_CusAddress: '', // 家庭住址
+        F_IdCard: '', // 身份证号
+        F_ServiceItems: '', // 服务项目
+        F_Address: '', // 地区
+        F_FirstCheckHospital: '', // 首次检查医院
+        F_NoduleSize: '', // 肺结节大小
+        F_FirstFindTime: '', // 首次发现肺结节时间
+        F_Urgency: '0', // 紧急程度
+        F_Cathetertype: '', // 置管类型
+        F_Catheterdept: '', // 置管科室
+        F_Cathetertime: '', // 置管时间
+        F_BedNum: '', // 床号
+        F_InpatientNum: '', // 住院号
+        opt: '', // 处理方式
+        cont: '',
+        F_WorkOrderContents: '', // 工单内容
+        F_DealOpinions: '' // 处理意见
+      },
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: 5, // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      workOrderCirculationList: [] // 工单流转
+    }
+  },
+  computed: {
+    ...mapGetters(['rolecode'])
+  },
+  created() {
+    this.getDetail('0')
+    this.getDetail('1')
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event)
+    },
+    // 详情
+    getDetail(num) {
+      const params = {
+        WorkOrderCode: this.rowid,
+        type: num
+      }
+      getModelDetail(params).then((response) => {
+        if (num === '1') {
+          this.workOrderCirculationList = response.data
+        } else {
+          const res = response.model
+          this.orderDetailData = res
+          this.orderDetailData.F_TypeName2 = this.$store.getters.workTypeMap[parseInt(res.F_Type)]
+            .text // 工单子类
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  .order_detail {
+    .tabdept {
+      width: 100%;
+      margin: 10px 0;
+      border: 1px solid #ccc;
+    }
+
+    .tabdept th {
+      width: 150px;
+      padding: 10px 0;
+      font-size: 14px;
+      text-align: center;
+      background-color: #ececec;
+      border: 1px solid #ccc;
+    }
+
+    .tabdept td {
+      font-size: 14px;
+      text-align: center;
+      background-color: #fafafa;
+      border: 1px solid #ccc;
+    }
+
+    .wostate {
+      color: #67aa60;
+      display: inline-block;
+      border: 1px solid #c1c1c1;
+      border-radius: 5px;
+      padding: 5px 10px 3px 10px;
+      font-size: 17px !important;
+    }
+
+    .el-col {
+      // margin-bottom: 20px;
+    }
+
+    .el-icon-time {
+      color: #d81e06;
+    }
+
+    .el-card__header {
+      padding-top: 14px;
+      padding-bottom: 14px;
+      background-color: #f5f5f6;
+    }
+
+    .order_file {
+      .el-card__body {
+        padding: 22px 0 0 0;
+        text-align: center;
+      }
+    }
+
+    .order_steps {
+      .el-step__icon-inner {
+        display: none;
+      }
+    }
+
+    .order_record {
+      .el-card__body {
+        padding: 0;
+      }
+
+      .el-tabs__header {
+        padding: 0px 20px;
+        background-color: #f5f5f6;
+
+        .el-tabs__item {
+          font-size: 16px;
+          height: 47px;
+          line-height: 47px;
+        }
+      }
+    }
+  }
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .order_detail {
+    .order_detail_body {
+      margin-bottom: 20px;
+
+      .round_img {
+        width: 90px;
+        height: 90px;
+        border-radius: 50%;
+        overflow: hidden;
+        margin: 14px;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .title {
+        font-size: 20px;
+
+        .title_icon {
+          color: #d81e06;
+          font-size: 16px;
+          margin-right: 20px;
+        }
+      }
+
+      .title_sub {
+        font-size: 14px;
+        color: #666666;
+      }
+
+      .order_detail_content {
+        background-color: #f5f5f6;
+        padding-top: 20px;
+        color: #4c4c4c;
+        font-size: 14px;
+
+        .order_detail_item {
+          margin-bottom: 10px;
+
+          .order_content {
+            margin-top: 10px;
+          }
+
+          .order_file {
+            position: relative;
+            cursor: pointer;
+
+            .img_mask {
+              display: none;
+              position: absolute;
+              left: 0px;
+              top: 0px;
+              background-color: rgba(0, 0, 0, 0.3);
+              width: 100%;
+              height: 22px;
+              text-align: right;
+              z-index: 1;
+
+              i {
+                font-size: 20px;
+                line-height: 22px;
+                display: inline-block;
+                margin-right: 15px;
+                color: #fff;
+              }
+            }
+
+            p {
+              margin-top: 5px;
+              padding-left: 14px;
+              padding-right: 14px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+
+            .file_icon {
+              height: 68px;
+              line-height: 68px;
+              font-size: 68px;
+              color: #409eff;
+            }
+          }
+
+          .order_file:hover .img_mask {
+            display: block;
+          }
+        }
+      }
+    }
+
+    .green {
+      color: #00c1de;
+    }
+
+    .done {
+      color: #198120;
+    }
+
+    .red {
+      color: #d81e06;
+    }
+
+    .yellow {
+      color: #e6a23c;
+    }
+
+    .order_steps {
+
+      // height: 240px;
+      .el-step__icon-inner {
+        display: none;
+      }
+    }
+
+    .tab_body {
+      padding: 0 20px 20px 20px;
+    }
+  }
+</style>

CallCenterWeb.UI/RMYY/src/views/orderManage/mySubmit/index.vue

@@ -188,6 +188,7 @@ import scheduleEdit from './scheduleEdit.vue'
 import addOrEditOrder from '../../callScreen/components/AddOrEditOrder.vue'
 import detail from '../components/orderDetail.vue'
 import askDetail from '../components/askdetail.vue'
+import carDetail from '../components/cardetail.vue'
 import dispatchDetail from '../../comDispatch/components/dispatchdetail.vue'
 import evaluate from './evaluate.vue'
 import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
@@ -278,7 +279,7 @@ export default {
         this.btn_ywzxedit(wocode, row.F_Type, row.F_SonType)
       }
       if (this.buttonName === 'cldu_bianji') {
-        this.btn_ywzxedit(wocode, row.F_Type, row.F_SonType)
+        this.btn_clduedit(wocode, row.F_Type, row.F_SonType)
       }
     },
     // 编辑
@@ -490,6 +491,19 @@ export default {
           title: '工单详情'
         })
       }
+      if (row.F_Type === 4000) {
+        this.$layer.iframe({
+          content: {
+            content: carDetail,
+            parent: this,
+            data: {
+              rowid: row.F_WoCode
+            } // props
+          },
+          area: ['80%', '90%'],
+          title: '工单详情'
+        })
+      }
     },
     // 删除弹框
     btn_delete(operateId) {