外呼，冲突

CallCenterWeb.UI/RMYY/src/api/faultRepairManagement/faultRepair.js

@@ -71,7 +71,7 @@ export function postReturnWork(params) {
   })
 }
 
-// 返修工单
+// 评价工单
 export function postEvaluteWorkOrder(params) {
   return request({
     url: 'FaultRepair/EvaluteWorkOrder',
@@ -121,3 +121,27 @@ export function getDicValueList(params) {
     params
   })
 }
+//工单列表撤回
+export function postRetractWorkOrder(params) {
+  return request({
+    url: 'FaultRepair/Retract',
+    method: 'post',
+    data: params
+  })
+}
+//工单列表退回
+export function postReBackWorkOrder(params) {
+  return request({
+    url: 'FaultRepair/ReBack',
+    method: 'post',
+    data: params
+  })
+}
+//我的撤回
+export function postMyRetractWorkOrder(params) {
+  return request({
+    url: 'FaultRepair/MyRetract',
+    method: 'post',
+    data: params
+  })
+}

CallCenterWeb.UI/RMYY/src/api/orderManagement/orderList.js

@@ -141,3 +141,11 @@ export function  UpdateFaultRepair(params) {
     params
   })
 }
+//我的提交撤回后故障报修编辑
+export function MyUpdateFaultRepairWorkOrder(params) {
+  return request({
+    url: 'FaultRepair/MyUpdateFaultRepairWorkOrder',
+    method: 'get',
+    params
+  })
+}

CallCenterWeb.UI/RMYY/src/components/button/orderList.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <!-- 异常完结 -->
-    <el-dialog :visible.sync="dialogStatus.dialog_zixingjiejue" title="异常完结">
+    <!-- 自行解决 -->
+    <el-dialog :visible.sync="dialogStatus.dialog_zixingjiejue" title="自行解决">
       <el-form ref="errorDoneForm" :model="errorDoneForm" :rules="rules" label-width="100px">
         <el-form-item label="原因" prop="result">
           <el-input :autosize="{ minRows: 4, maxRows: 8}" v-model="errorDoneForm.result" show-word-limit maxlength="100" type="textarea"/>
@@ -27,14 +27,17 @@
     <!-- 工单评价 -->
     <el-dialog :visible.sync="dialogStatus.dialog_pingjia" title="评价">
       <el-form ref="evaluateForm" :model="evaluateForm" :rules="rules" label-width="100px">
-        <el-form-item label="服务态度" prop="attitude">
-          <el-rate v-model="evaluateForm.attitude" :texts="evaluateText" show-text/>
+        <el-form-item label="服务态度" prop="Attitude">
+          <el-rate v-model="evaluateForm.Attitude" :texts="evaluateText" show-text/>
         </el-form-item>
-        <el-form-item label="维修质量" prop="quality">
-          <el-rate v-model="evaluateForm.quality" :texts="evaluateText" show-text/>
+        <el-form-item label="维修质量" prop="Quality">
+          <el-rate v-model="evaluateForm.Quality" :texts="evaluateText" show-text/>
         </el-form-item>
-        <el-form-item label="文字评价" prop="evaluateContent">
-          <el-input :autosize="{ minRows: 4, maxRows: 8}" v-model="evaluateForm.evaluateContent" show-word-limit maxlength="100" type="textarea"/>
+        <el-form-item label="完成时效" prop="Efficiency">
+          <el-rate v-model="evaluateForm.Efficiency" :texts="evaluateText" show-text/>
+        </el-form-item>
+        <el-form-item label="文字评价" prop="EvaluateContent">
+          <el-input :autosize="{ minRows: 4, maxRows: 8}" v-model="evaluateForm.EvaluateContent" show-word-limit maxlength="100" type="textarea"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -45,7 +48,6 @@
     <!-- 指派 -->
     <el-dialog :visible.sync="dialogStatus.dialog_zhipai" title="指派">
       <el-form ref="transferForm" :model="transferForm" :rules="rules" label-width="100px">
-
         <el-form-item label="部门" prop="todept">
           <select-dept-tree :deptparam="deptidArr" v-model="transferForm.todept" @post-deptid="getDeptid" />
         </el-form-item>
@@ -61,7 +63,6 @@
             </el-select>
           </el-form-item>
         </el-row>
-
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogStatus.dialog_zhipai = false">取 消</el-button>
@@ -72,7 +73,7 @@
 </template>
 
 <script>
-import { postDealWorkOrder, postReturnWork, postEvaluteWorkOrder, postTransferWorkOrder, postDelWorkOrder } from '@/api/faultRepairManagement/faultRepair'
+import { postDealWorkOrder, postReturnWork, postEvaluteWorkOrder, postTransferWorkOrder, postDelWorkOrder,postReBackWorkOrder,postRetractWorkOrder,postMyRetractWorkOrder } from '@/api/faultRepairManagement/faultRepair'
 import { GetPerson } from '@/api/commonAPI'
 export default {
   name: 'OrderButtonOperation',
@@ -88,20 +89,37 @@ export default {
         dialog_pingjia: false,
         dialog_fanxiu: false,
         dialog_zhipai: false,
+        dialog_chehuibianji: false,
         dialog_bianji: false,
         dialog_shanchu: {
           text: '确定删除该数据吗？',
           action: postDelWorkOrder,
           type: 'confirm'
-        }
+        },
+        dialog_gongdantuihui: {
+          text: '确定要退回吗？',
+          action: postReBackWorkOrder,
+          type: 'confirm'
+        },
+        dialog_chehui: {
+          text: '确定要撤回吗？',
+          action: postRetractWorkOrder,
+          type: 'confirm'
+        },
+        dialog_mychehui: {
+          text: '确定要撤回吗？',
+          action: postMyRetractWorkOrder,
+          type: 'confirm'
+        },
       },
       evaluateText: [
         '极差', '失望', '一般', '满意', '惊喜'
       ],
       evaluateForm: {
-        attitude: 0,
-        quality: 0,
-        evaluateContent: ''
+        Attitude: 0,
+        Quality: 0,
+        Efficiency:0,
+        EvaluateContent: ''
       },
       transferForm: {
         todept: 0,
@@ -132,16 +150,19 @@ export default {
           { required: true, message: '请输入返修原因', trigger: 'blur' },
           { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
         ],
-        attitude: [
+        Attitude: [
           { required: true, message: '请选择服务态度', trigger: 'blur' }
         ],
-        quality: [
+        Quality: [
           { required: true, message: '请选择维修质量', trigger: 'blur' }
         ],
-        evaluateContent: [
-          { required: true, message: '请输入文字评价', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
-        ]
+        Efficiency: [
+          { required: true, message: '请选择完工时效', trigger: 'blur' }
+        ],
+        // evaluateContent: [
+        //   { required: true, message: '请输入文字评价', trigger: 'blur' },
+        //   { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
+        // ]
       }
     }
   },
@@ -221,6 +242,14 @@ export default {
       this.transferForm.tousercode = data
     },
     submitForm(formName) {
+      if(formName=='evaluateForm'){
+        if(this.evaluateForm.Attitude<3||this.evaluateForm.Quality<3||this.evaluateForm.Efficiency<3){
+          if(this.evaluateForm.EvaluateContent==''){
+            this.$message.warning('请输入文字评价')
+            return;
+          }
+        }
+      }
       this.$refs[formName].validate((valid) => {
         if (valid) {
           const params = Object.assign({

CallCenterWeb.UI/RMYY/src/views/callScreen/components/AddOrEditOrder.vue

@@ -32,7 +32,7 @@
       </el-col>
       <!--故障报修工单 -->
       <el-col v-if="orderTypeData.F_Type1===3000" :span="20">
-        <add-repairbase :callid='callid' :order-type-data="orderTypeData"/>
+        <add-repairbase :iswomanage='iswomanage' :callid='callid' :order-type-data="orderTypeData"/>
       </el-col>
       <!-- 车辆调度 -->
       <el-col v-if="orderTypeData.F_Type1===4000" :span="20">
@@ -82,6 +82,10 @@ export default {
     callid:{
       type:String,
       default:''
+    },
+    iswomanage:{
+      type:Number,
+      default:''
     }
   },
   data() {

CallCenterWeb.UI/RMYY/src/views/faultRepair/clinicalReporting/components/addRepairbase.vue

@@ -53,7 +53,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row v-if="iswomanage!=1">
           <el-col :span="10">
             <el-form-item label="指派部门" prop="assignDepart">
               <select-dept-tree :deptparam="assignArr" @post-deptid="geAssigntDeptid" />
@@ -122,6 +122,10 @@
       callid:{
         type:String,
         default:''
+      },
+      iswomanage:{
+        type:Number,
+        default:''
       }
     },
     data() {

CallCenterWeb.UI/RMYY/src/views/faultRepairManagement/repairList/index.vue

@@ -1,38 +1,16 @@
 <template>
   <div class="app-container">
-    <el-form label-width="100px">
-      <el-row>
-        <el-col :span="4">
-          <el-form-item label="姓名">
-            <el-input v-model="repairman" placeholder="请输入姓名" size="medium" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="电话">
-            <el-input v-model="rpairmanphone" placeholder="请输入电话" size="medium" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="5">
-          <el-form-item label="工单编号">
-            <el-input v-model="workOrderId" placeholder="请输入工单编号" size="medium" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="5">
-          <el-form-item label="时间范围">
-            <el-date-picker v-model="searchTime" size="medium" type="daterange" format="yyyy-MM-dd"
-              value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="5">
-          <el-form-item style="margin-left:50px;">
-            <el-button type="primary" class="filter-btn" @click="getListTask">查询</el-button>
-            <el-button type="primary" class="filter-btn" @click="btn_add_list">
-              设置列
-            </el-button>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
+    <div class="filter-container">
+      <el-input v-model="repairman" placeholder="请输入姓名" clearable class="filter-item" size="medium" />
+      <el-input v-model="rpairmanphone" placeholder="请输入电话" clearable class="filter-item" size="medium" />
+      <el-input v-model="workOrderId" placeholder="请输入工单编号" clearable class="filter-item" size="medium" />
+      <el-date-picker v-model="searchTime" size="medium" type="daterange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
+        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-button type="primary" class="filter-btn" @click="getListTask">查询</el-button>
+      <el-button type="primary" class="filter-btn" @click="btn_add_list">
+        设置列
+      </el-button>
+    </div>
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="全部" name="0" />
       <el-tab-pane label="待接单" name="1" />
@@ -452,7 +430,7 @@
       postDoneOrder() { // 完工
         // console.log(this.equipmodellist)
         if (this.doneForm.equipmodellist) {
-          this.doneForm.equipmodellist = JSON.stringify(this.equipmodellist)
+          this.doneForm.equipmodellist = this.equipmodellist
         }
         this.$refs['doneForm'].validate((valid) => {
           if (valid) {
@@ -465,6 +443,7 @@
                     message: '操作成功!'
                   })
                   this.dialogDone = false
+                  this.equipmodellist = []
                   this.getListTask()
                 } else {
                   this.$message({

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

@@ -25,7 +25,7 @@
     <el-col :span="24">
       <div class="msgbox">添加工单</div>
       <el-card class="customer_info">
-        <add-or-edit-order :callid="callinCallid" @order-type-data="getOrderTypeData" />
+        <add-or-edit-order :iswomanage="1" :callid="callinCallid" @order-type-data="getOrderTypeData" />
       </el-card>
     </el-col>
   </div>

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

@@ -145,7 +145,11 @@
                 <div class="evaluate">
                   <span class="demonstration">维修质量：</span>
                   <el-rate v-model="evaluateData.F_Quality" show-text disabled style="display: inline-block;"></el-rate>
-                </div class="evaluate">
+                </div>
+                <div class="evaluate">
+                  <span class="demonstration">完工时效：</span>
+                  <el-rate v-model="evaluateData.F_Efficiency" show-text disabled style="display: inline-block;"></el-rate>
+                </div>
                 <div>
                   <el-col :md="24" style="font-size: 15px;color: #505050;"> 文字评价：{{evaluateData.F_EvaluateContent}}</el-col>
                 </div>

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

@@ -3,64 +3,19 @@
     <div class="filter-container">
       <!-- <el-input v-model="searchData.name" placeholder="请输入姓名" class="filter-item" size="medium" /> -->
       <!-- <el-input v-model="searchData.phone" placeholder="请输入电话" class="filter-item" size="medium" /> -->
-      <el-input
-        v-model="searchData.wocode"
-        placeholder="请输入工单编号"
-        class="filter-item"
-        size="medium"
-      />
-      <el-date-picker
-        v-model="searchTime"
-        type="daterange"
-        format="yyyy年MM月dd日"
-        value-format="yyyy-MM-dd"
-        align="left"
-        unlink-panels
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        size="medium"
-      />
-      <el-select
-        v-model="searchData.type"
-        clearable
-        placeholder="请选择业务类别"
-        size="medium"
-        @change="changeOrder"
-      >
-        <el-option
-          v-for="item in orderData"
-          :key="item.id"
-          :label="item.text"
-          :value="item.id"
-        />
+      <el-input v-model="searchData.wocode" placeholder="请输入工单编号" class="filter-item" size="medium" />
+      <el-date-picker v-model="searchTime" type="daterange" format="yyyy年MM月dd日" value-format="yyyy-MM-dd" align="left"
+        unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="medium" />
+      <el-select v-model="searchData.type" clearable placeholder="请选择业务类别" size="medium" @change="changeOrder">
+        <el-option v-for="item in orderData" :key="item.id" :label="item.text" :value="item.id" />
       </el-select>
-      <el-cascader
-        ref="cascader"
-        v-model="searchData.loweltype"
-        :options="subclassData"
-        :props="defaultProps"
-        size="medium"
-        placeholder="请选择工单类别"
-        filterable
-        clearable
-        @change="handleChange"
-      />
-      <el-button
-        type="primary"
-        class="filter-btn"
-        icon="el-icon-search"
-        @click="btn_search"
-      >
+      <el-cascader ref="cascader" v-model="searchData.loweltype" :options="subclassData" :props="defaultProps"
+        size="medium" placeholder="请选择工单类别" filterable clearable @change="handleChange" />
+      <el-button type="primary" class="filter-btn" icon="el-icon-search" @click="btn_search">
         搜索
       </el-button>
-      <el-button
-        v-permission="'MYSUBSetList'"
-        type="primary"
-        class="filter-btn"
-        icon="el-icon-s-tools"
-        @click="btn_add_list"
-      >
+      <el-button v-permission="'MYSUBSetList'" type="primary" class="filter-btn" icon="el-icon-s-tools"
+        @click="btn_add_list">
         设置列
       </el-button>
     </div>
@@ -69,424 +24,387 @@
       <el-tab-pane label="待处理" name="0" />
       <el-tab-pane label="已处理" name="1" />
     </el-tabs>
-    <el-table
-      v-loading="loading"
-      ref="multipleTable"
-      :data="dataLists"
-      border
-      stripe
-      row-key="F_Id"
-    >
+    <el-table v-loading="loading" ref="multipleTable" :data="dataLists" border stripe row-key="F_Id">
       <!-- <el-table-column type="index" label="编号" align="center" fixed width="60" /> -->
-      <el-table-column
-        v-if="fieldListFlag.F_WoCode"
-        prop="F_WoCode"
-        label="工单编号"
-        align="center"
-        min-width="110"
-      >
+      <el-table-column v-if="fieldListFlag.F_WoCode" prop="F_WoCode" label="工单编号" align="center" min-width="110">
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            size="small"
-            @click="hadndleOrderCode(scope.row)"
-          >
+          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row)">
             {{ scope.row.F_WoCode }}
           </el-button>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.F_ProposerName"
-        prop="F_ProposerName"
-        label="姓名"
-        align="center"
-        min-width
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_SonType"
-        :formatter="formtOrder"
-        prop="F_SonType"
-        label="工单类别"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_Content"
-        prop="F_Content"
-        label="工单内容"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.StateName"
-        prop="StateName"
-        label="工单状态"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_CreateTime"
-        prop="F_CreateTime"
-        label="创建时间"
-        align="center"
-      />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="oparate_btn"
-        fixed="right"
-      >
+      <el-table-column v-if="fieldListFlag.F_ProposerName" prop="F_ProposerName" label="姓名" align="center" min-width />
+      <el-table-column v-if="fieldListFlag.F_SonType" :formatter="formtOrder" prop="F_SonType" label="工单类别"
+        align="center" />
+      <el-table-column v-if="fieldListFlag.F_Content" prop="F_Content" label="工单内容" align="center" />
+      <el-table-column v-if="fieldListFlag.StateName" prop="StateName" label="工单状态" align="center" />
+      <el-table-column v-if="fieldListFlag.F_CreateTime" prop="F_CreateTime" label="创建时间" align="center" />
+      <el-table-column label="操作" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
-          <el-button
-            v-for="item in scope.row.Buttons"
-            :key="item.key"
-            type="text"
-            @click="btnClickEvents(item, scope.row.F_WoCode, scope.row)"
-          >
+          <el-button v-for="item in scope.row.Buttons" :key="item.key" type="text"
+            @click="btnClickEvents(item, scope.row.F_WoCode, scope.row)">
             {{ item.value }}
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList"
-    />
-    <order-button-operation
-      ref="butOption"
-      :name.sync="buttonName"
-      @refList="refList"
-    />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
+    <order-button-operation ref="butOption" :name.sync="buttonName" @refList="refList" />
   </div>
 </template>
 
 <script>
-import { getOrderTypeDrop } from '@/api/systemSetup/roleSetting/menuSetup'
-import {
-  getorderList,
-  deleteOrder,
-  SureOrder,
-  AssignOrder,
-  CompleteOrder,
-  getOrderStateData,
-  mySubmitOrderList,
-  commonWorkOrderList
-} from '@/api/orderManagement/orderList'
+  import {
+    getOrderTypeDrop
+  } from '@/api/systemSetup/roleSetting/menuSetup'
+  import {
+    getorderList,
+    deleteOrder,
+    SureOrder,
+    AssignOrder,
+    CompleteOrder,
+    getOrderStateData,
+    mySubmitOrderList,
+    commonWorkOrderList
+  } from '@/api/orderManagement/orderList'
 
-import { getOrderTypeList } from '@/api/commonAPI'
-import { GetFiledState } from '@/api/commonAPI'
-import addDefinedList from '@/components/context/addDefinedList'
-import addOrEditFaultRepair from '../../faultRepair/clinicalReporting/components/addRepairbase.vue'
-// import AddOrEditInfOrder from '@/views/orderManage/components/addOrEditInfOrder'
-import detail from '../components/orderDetail.vue'
-import askDetail from '../components/askdetail.vue'
-import evaluate from './evaluate.vue'
-import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-import OrderButtonOperation from '@/components/button/orderList'
+  import {
+    getOrderTypeList
+  } from '@/api/commonAPI'
+  import {
+    GetFiledState
+  } from '@/api/commonAPI'
+  import addDefinedList from '@/components/context/addDefinedList'
+  import addOrEditFaultRepair from '../../faultRepair/clinicalReporting/components/addRepairbase.vue'
+  import RepairEdit from './repairEdit.vue'
+  // import AddOrEditInfOrder from '@/views/orderManage/components/addOrEditInfOrder'
+  import detail from '../components/orderDetail.vue'
+  import askDetail from '../components/askdetail.vue'
+  import evaluate from './evaluate.vue'
+  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+  import OrderButtonOperation from '@/components/button/orderList'
 
-export default {
-  name: 'MySubmit',
-  components: {
-    Pagination,
-    OrderButtonOperation
-  },
-  data() {
-    return {
-      isDisable: false, // 防止多次点击
-      loading: false,
-      deleteId: [],
-      fieldListFlag: {},
-      secondOrderData: [],
-      searchTime: '',
-      buttonName: '',
-      searchData: {
-        wocode: '', // 工单号
-        type: '', // 类型
-        loweltype: 0, // 类型
-        state: -1, // 工单状态
-        starttime: '', // 开始时间
-        endtime: '' // 结束时间
-        // page: 1, // 第几页
-        // pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条信息
-      },
-      pageParams: {
-        pageindex: 1, // 当前第几页
-        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
-      },
-      dataLists: [], // 列表数据数据
-      orderstate: [], // 工单状态数据
-      defaultProps: {
-        checkStrictly: true,
-        children: 'children',
-        label: 'text',
-        value: 'id'
-      },
-      activeName: '0',
-      orderData: [],
-      subclassData: [],
-      selfReason: '',
-      title: '',
-      dialogSelf: false
-    }
-  },
-  created() {
-    this.getList()
-    this.getTreeList()
-    this.getOrderTypeData(2, 1000)
-    this.getOrderStat()
-    this.getFiledTabDetail(this.$route.path.split('/').join('_'))
-    document.onkeyup = (e) => {
-      if (e.keyCode === 13) {
-        this.getList()
+  export default {
+    name: 'MySubmit',
+    components: {
+      Pagination,
+      OrderButtonOperation
+    },
+    data() {
+      return {
+        activeName:'-1',
+        isDisable: false, // 防止多次点击
+        loading: false,
+        deleteId: [],
+        fieldListFlag: {},
+        secondOrderData: [],
+        searchTime: '',
+        buttonName: '',
+        searchData: {
+          wocode: '', // 工单号
+          type: '', // 类型
+          loweltype: 0, // 类型
+          state: -1, // 工单状态
+          starttime: '', // 开始时间
+          endtime: '' // 结束时间
+          // page: 1, // 第几页
+          // pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条信息
+        },
+        pageParams: {
+          pageindex: 1, // 当前第几页
+          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+          total: 0 // 总共多少数据
+        },
+        dataLists: [], // 列表数据数据
+        orderstate: [], // 工单状态数据
+        defaultProps: {
+          checkStrictly: true,
+          children: 'children',
+          label: 'text',
+          value: 'id'
+        },
+        // activeName: '0',
+        orderData: [],
+        subclassData: [],
+        selfReason: '',
+        title: '',
+        dialogSelf: false
       }
-    }
-  },
-  methods: {
-    refList() {
-      this.getList()
     },
-    handleClick(res) {
-      this.searchData.state = Number(res.name)
+    created() {
       this.getList()
-    },
-    formtOrder(row, column) {
-      if (row.F_SonType) {
-        return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
+      this.getTreeList()
+      this.getOrderTypeData(2, 1000)
+      this.getOrderStat()
+      this.getFiledTabDetail(this.$route.path.split('/').join('_'))
+      document.onkeyup = (e) => {
+        if (e.keyCode === 13) {
+          this.getList()
+        }
       }
     },
-    btnClickEvents(button, wocode, row) {
-      this.buttonName = button.key
-      this.$refs.butOption.butOptionMethod(this.buttonName, wocode)
-    },
-    getList() {
-      this.loading = true
-      return new Promise((resolve) => {
-        if (this.searchTime) {
-          this.searchData.starttime = this.searchTime[0]
-          this.searchData.endtime = this.searchTime[1]
+    methods: {
+      refList() {
+        this.getList()
+      },
+      handleClick(res) {
+        this.searchData.state = Number(res.name)
+        this.getList()
+      },
+      formtOrder(row, column) {
+        if (row.F_SonType) {
+          return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
         }
-        this.searchData.page = this.pageParams.pageindex
-        this.searchData.pagesize = this.pageParams.pagesize
-        mySubmitOrderList(this.searchData).then((response) => {
-          this.loading = false
-          if (response.state.toLowerCase() === 'success') {
-            this.pageParams.total = response.total
-            this.dataLists = response.rows
-          }
+      },
+      btnClickEvents(button, wocode, row) {
+        this.buttonName = button.key
+        this.$refs.butOption.butOptionMethod(this.buttonName, wocode)
+        if (this.buttonName === 'chehuibianji') {
+          this.btn_edit(wocode)
+        }
+      },
+      // 编辑
+      btn_edit(rid) {
+        this.$layer.iframe({
+          content: {
+            content: RepairEdit, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              wid: rid
+            } // props
+          },
+          area: ['70%', '70%'],
+          title: '编辑工单'
         })
-        resolve()
-      })
-    },
-    btn_add_list() {
-      this.$layer.iframe({
-        content: {
-          content: addDefinedList, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            definedId: this.$route.path
-          } // props
-        },
-        area: ['70%', '30%'],
-        title: '自定义字段'
-      })
-    },
-    getFiledTabDetail(TableId) {
-      GetFiledState(TableId).then((res) => {
-        const filedsData = res.F_Fileds
-        const filedsObj = {}
-        if (filedsData) {
-          filedsData.forEach((element) => {
-            filedsObj[element] = true
+      },
+      getList() {
+        this.loading = true
+        return new Promise((resolve) => {
+          if (this.searchTime) {
+            this.searchData.starttime = this.searchTime[0]
+            this.searchData.endtime = this.searchTime[1]
+          }
+          this.searchData.page = this.pageParams.pageindex
+          this.searchData.pagesize = this.pageParams.pagesize
+          mySubmitOrderList(this.searchData).then((response) => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.pageParams.total = response.total
+              this.dataLists = response.rows
+            }
           })
-        }
-        this.fieldListFlag = filedsObj
-        this.$refs['multipleTable'].doLayout()
-      })
-    },
-    btn_search() {
-      this.pageParams.pageindex = 1
-      this.getList()
-    },
-    // 自行解决
-    btn_selfsolve(id) {
-      this.title = '异常原因'
-      this.dialogSelf = true
-    },
-    // 返工
-    btn_rework(id) {
-      this.title = '返工'
-      this.dialogSelf = true
-    },
-    // 评价
-    btn_evaluate(id) {
-      this.$layer.iframe({
-        content: {
-          content: evaluate, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            rowid: id
-          } // props
-        },
-        area: ['50%', '50%'],
-        title: '评价'
-      })
-    },
-    oncancel() {
-      this.dialogSelf = false
-      this.selfReason = ''
-    },
-    onsure() {
-      this.dialogSelf = false
-    },
-    // 编辑
-    btn_edit(wocode) {
-      this.$layer.iframe({
-        content: {
-          content: addOrEditFaultRepair, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            rowid: wocode
-          } // props
-        },
-        area: ['50%', '70%'],
-        title: '编辑订单'
-      })
-    },
-    hadndleOrderCode(row) {
-      if (row.F_Type === 3000) {
+          resolve()
+        })
+      },
+      btn_add_list() {
         this.$layer.iframe({
           content: {
-            content: detail, // 传递的组件对象
+            content: addDefinedList, // 传递的组件对象
             parent: this, // 当前的vue对象
             data: {
-              rowid: row.F_WoCode
+              definedId: this.$route.path
             } // props
           },
-          area: ['80%', '90%'],
-          title: '订单详情'
+          area: ['70%', '30%'],
+          title: '自定义字段'
         })
-      }
-      if (row.F_Type === 1000) {
+      },
+      getFiledTabDetail(TableId) {
+        GetFiledState(TableId).then((res) => {
+          const filedsData = res.F_Fileds
+          const filedsObj = {}
+          if (filedsData) {
+            filedsData.forEach((element) => {
+              filedsObj[element] = true
+            })
+          }
+          this.fieldListFlag = filedsObj
+          this.$refs['multipleTable'].doLayout()
+        })
+      },
+      btn_search() {
+        this.pageParams.pageindex = 1
+        this.getList()
+      },
+      // 自行解决
+      btn_selfsolve(id) {
+        this.title = '异常原因'
+        this.dialogSelf = true
+      },
+      // 返工
+      btn_rework(id) {
+        this.title = '返工'
+        this.dialogSelf = true
+      },
+      // 评价
+      btn_evaluate(id) {
         this.$layer.iframe({
           content: {
-            content: askDetail,
-            parent: this,
+            content: evaluate, // 传递的组件对象
+            parent: this, // 当前的vue对象
             data: {
-              rowid: row.F_WoCode
+              rowid: id
             } // props
           },
-          area: ['80%', '90%'],
-          title: '订单详情'
+          area: ['50%', '50%'],
+          title: '评价'
         })
-      }
-    },
-    // 删除弹框
-    btn_delete(operateId) {
-      this.deleteId = []
-      this.deleteId.push(operateId)
-      this.$confirm('此操作将永久删除当前工单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          deleteOrder(this.deleteId).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.getList()
-              this.$message.success('删除成功!')
-            }
+      },
+      oncancel() {
+        this.dialogSelf = false
+        this.selfReason = ''
+      },
+      onsure() {
+        this.dialogSelf = false
+      },
+      // 编辑
+      // btn_edit(wocode) {
+      //   this.$layer.iframe({
+      //     content: {
+      //       content: addOrEditFaultRepair, // 传递的组件对象
+      //       parent: this, // 当前的vue对象
+      //       data: {
+      //         rowid: wocode
+      //       } // props
+      //     },
+      //     area: ['50%', '70%'],
+      //     title: '编辑订单'
+      //   })
+      // },
+      hadndleOrderCode(row) {
+        if (row.F_Type === 3000) {
+          this.$layer.iframe({
+            content: {
+              content: detail, // 传递的组件对象
+              parent: this, // 当前的vue对象
+              data: {
+                rowid: row.F_WoCode
+              } // props
+            },
+            area: ['80%', '90%'],
+            title: '订单详情'
           })
+        }
+        if (row.F_Type === 1000) {
+          this.$layer.iframe({
+            content: {
+              content: askDetail,
+              parent: this,
+              data: {
+                rowid: row.F_WoCode
+              } // props
+            },
+            area: ['80%', '90%'],
+            title: '订单详情'
+          })
+        }
+      },
+      // 删除弹框
+      btn_delete(operateId) {
+        this.deleteId = []
+        this.deleteId.push(operateId)
+        this.$confirm('此操作将永久删除当前工单, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          })
+          .then(() => {
+            deleteOrder(this.deleteId).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('删除成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消删除')
+          })
+      },
+      // 工单完结
+      btn_Complete(operateId) {
+        this.$confirm('此操作完结当前工单, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          })
+          .then(() => {
+            CompleteOrder(operateId).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('完结成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消完结')
+          })
+      },
+
+      // 工单类型
+      getOrderTypeData(id, pid) {
+        getOrderTypeList(id, pid).then((response) => {
+          if (response.rows) {
+            this.secondOrderData = response.rows
+          }
         })
-        .catch(() => {
-          this.$message.info('已取消删除')
+      },
+      // 工单状态
+      getOrderStat() {
+        return new Promise((resolve) => {
+          const params = {}
+          getOrderStateData(params).then((response) => {
+            this.loading = false
+            if (response) {
+              this.orderstate = response
+            }
+          })
+          resolve()
         })
-    },
-    // 工单完结
-    btn_Complete(operateId) {
-      this.$confirm('此操作完结当前工单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          CompleteOrder(operateId).then((response) => {
+      },
+      getTreeList() {
+        return new Promise((resolve) => {
+          getOrderTypeDrop(this.pid).then((response) => {
             if (response.state.toLowerCase() === 'success') {
-              this.getList()
-              this.$message.success('完结成功!')
+              this.orderData = response.data
             }
           })
+          resolve()
         })
-        .catch(() => {
-          this.$message.info('已取消完结')
-        })
-    },
-
-    // 工单类型
-    getOrderTypeData(id, pid) {
-      getOrderTypeList(id, pid).then((response) => {
-        if (response.rows) {
-          this.secondOrderData = response.rows
+      },
+      handleChange(data) {
+        console.log(data)
+        this.searchData.menutype = data[data.length - 1]
+        console.log(this.searchData.menutype)
+      },
+      changeOrder(data) {
+        console.log(data)
+        if (!data) {
+          return
         }
-      })
-    },
-    // 工单状态
-    getOrderStat() {
-      return new Promise((resolve) => {
-        const params = {}
-        getOrderStateData(params).then((response) => {
-          this.loading = false
-          if (response) {
-            this.orderstate = response
-          }
-        })
-        resolve()
-      })
-    },
-    getTreeList() {
-      return new Promise((resolve) => {
-        getOrderTypeDrop(this.pid).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.orderData = response.data
-          }
+        this.searchData.menutypeid = data
+        const params = {
+          pid: data,
+          flag: 1
+        }
+        return new Promise((resolve) => {
+          getOrderTypeDrop(params).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.subclassData = response.data
+            }
+          })
+          resolve()
         })
-        resolve()
-      })
-    },
-    handleChange(data) {
-      console.log(data)
-      this.searchData.menutype = data[data.length - 1]
-      console.log(this.searchData.menutype)
-    },
-    changeOrder(data) {
-      console.log(data)
-      if (!data) {
-        return
-      }
-      this.searchData.menutypeid = data
-      const params = {
-        pid: data,
-        flag: 1
       }
-      return new Promise((resolve) => {
-        getOrderTypeDrop(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.subclassData = response.data
-          }
-        })
-        resolve()
-      })
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-/deep/.el-tabs__item {
-  width: 185px !important;
-  text-align: center;
-  font-size: 16px !important;
-  font-weight: 600;
-}
+  /deep/.el-tabs__item {
+    width: 185px !important;
+    text-align: center;
+    font-size: 16px !important;
+    font-weight: 600;
+  }
 </style>

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

@@ -0,0 +1,360 @@
+<template>
+  <div style="margin: 0 10px !important;">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
+      <el-row :gutter="20">
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="工单类别" prop="repairOrderType">
+              <select-order-typeTwo :orderTypeparams='ruleForm.repairOrderType' :second-order-type="secondOrderType"
+                @post-second-order-type="getSecondOOrderType" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="报修内容" prop="repairCenter">
+              <el-input v-model="ruleForm.repairCenter" :autosize="{ minRows: 4, maxRows: 8}" show-word-limit
+                maxlength="100" type="textarea" placeholder="请输入报修内容" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="报修地点" prop="repairAddress">
+              <el-input v-model="ruleForm.repairAddress" placeholder="请输入报修地点" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="附件图片" prop="repairImageid">
+              <el-upload :headers="headers" :file-list="fileList" :on-success="handle_success" :action="imgUrl"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item>
+          <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+
+</template>
+
+<script>
+  import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
+  import selectOrderTypeTwo from '@/components/context/commonSelect/selectOrderTypeTwo.vue'
+  import {
+    GetPerson
+  } from '@/api/commonAPI'
+  import {
+    GetFaultRepairDetail,
+    MyUpdateFaultRepairWorkOrder
+  } from '@/api/orderManagement/orderList'
+  import {
+    getAddRepairbase
+  } from '@/api/faultRepairManagement/faultRepair'
+  export default {
+    name: 'RepairEdit',
+    components: {
+      selectDeptTree,
+      selectOrderTypeTwo
+    },
+    props: {
+      wid: {
+        type: String,
+        default: ''
+      },
+      fid: {
+        type: String,
+        default: ''
+      },
+      layerid: {
+        type: String,
+        default: ''
+      },
+      callid:{
+        type:String,
+        default:''
+      },
+      // iswomanage:{
+      //   type:Number,
+      //   default:''
+      // }
+    },
+    data() {
+      return {
+        secondOrderType: {
+          typeid: 2,
+          pid: 3000
+        },
+        orderarr: [],
+        ordertypeArr: [],
+        imgUrl: this.$store.getters.serverConfig.BASE_API + 'FaultRepair/UploadFile',
+        fileList: [],
+        repairman: [], // 申请人数据
+        deptidArr: [], // 申请部门默认值
+        assignman: [], // 指派人
+        assignArr: [], // 默认指派部门
+        ruleForm: {
+          repairDeptid: '', // 申请部门
+          repairmanid: '', // 申请人
+          repairmanphone: '', // 申请电话
+          repairmanCallNumber: '', // 联系电话
+          repairOrderType: [], // 工单类别
+          repairCenter: '', // 报修内容
+          repairAddress: '', // 报修地点
+          repairImageid: '', // 附件
+          repairOper: '0', // 下不流程
+          assignDepart: '', // 指派部门
+          assignMant: '' // 指派人
+        },
+        headers: {
+          Authorization: localStorage.getItem('Admin-Token')
+        },
+        rules: {
+          repairOrderType: [{
+            required: true,
+            message: '请选择工单类别',
+            trigger: 'change'
+          }],
+          repairCenter: [{
+            required: true,
+            message: '请输入报修内容',
+            trigger: 'blur'
+          }],
+          repairAddress: [{
+            required: true,
+            message: '请输入报修地点',
+            trigger: 'blur'
+          }],
+        }
+      }
+    },
+    created() {
+      this.ruleForm.repairDeptid = this.deptidArr[this.deptidArr.length - 1]
+      this.getRepairman(this.deptidArr[this.deptidArr.length - 1], 0)
+      //assignArr
+      const deptid = this.$store.getters.teamId
+      if (deptid) {
+        this.assignArr = this.$store.getters.deptmap[parseInt(deptid)].ids
+        this.ruleForm.assignDepart = deptid
+
+        this.getRepairman(deptid, 1)
+      }
+      this.ruleForm.assignMant = this.$store.getters.usercode
+      if (this.wid) {
+        this.getWoDetail(this.wid, '0')
+      }
+    },
+    methods: {
+      // 部门
+      getDeptid(data) {
+        this.ruleForm.repairDeptid = data[data.length - 1]
+        this.deptidArr = data
+        this.getRepairman(this.ruleForm.repairDeptid, 0)
+      },
+      geAssigntDeptid(data) {
+        this.ruleForm.assignDepart = data[data.length - 1]
+        this.assignArr = data
+        this.getRepairman(this.ruleForm.assignDepart, 1)
+      },
+      // 获取申请人数据
+      getRepairman(id, state) {
+        return new Promise((resolve) => {
+          const params = {
+            deptid: id // 字典管理的工单标识
+          }
+          GetPerson(params).then((res) => {
+            if (state === 0) {
+              this.repairman = res.rows
+            } else if (state === 1) {
+              this.assignman = res.rows
+            }
+          })
+          resolve()
+        })
+      },
+      // 申请人
+      changeRepairman(data) {
+        this.ruleForm.repairmanid = data
+        const user = this.repairman.find((o) => {
+          return o.usercode === data.toString()
+        })
+        if (user) {
+          this.ruleForm.repairmanphone = user.usertelphone
+          this.ruleForm.repairmanCallNumber = user.usertelphone
+        }
+      },
+      changeUser(data) { // 指派人
+        this.ruleForm.assignMant = data
+      },
+      //详情
+      getWoDetail(rid, type) {
+        const params = {
+          WorkOrderCode: rid,
+          type: type
+        }
+        GetFaultRepairDetail(params).then((response) => {
+          if (response.data[0]) {
+            // this.deptidArr = this.$store.getters.deptmap[parseInt(response.data[0].F_ApplicationDept)].ids
+            // console.log(this.deptidArr, '666')
+            // if (response.data[0].F_MaintenanceDept) {
+            //   this.assignArr = this.$store.getters.deptmap[parseInt(response.data[0].F_MaintenanceDept)].ids
+            // }
+            // this.ruleForm.repairmanid = response.data[0].F_Applicant
+            // this.ruleForm.repairmanphone = response.data[0].F_Applicantsphone
+            // this.ruleForm.repairmanCallNumber = response.data[0].F_Phone
+            this.ruleForm.repairOrderType = this.$store.getters.workTypeMap[parseInt(response.data[0]
+              .F_WorkOrderCategory)].ids //工单类别
+            this.ruleForm.repairOrderType = this.ruleForm.repairOrderType.slice(1, this.ruleForm.repairOrderType
+              .length)
+            // this.ruleForm.repairDeptid = response.data[0].F_ApplicationDept //部门
+            this.ruleForm.repairCenter = response.data[0].F_Content//内容
+            this.ruleForm.repairAddress = response.data[0].F_PlaceOfRepair//地点
+            // this.ruleForm.assignDepart = response.data[0].F_MaintenanceDept
+            if (response.data[0].FileUrl) {
+              for (var i = 0; i < response.data[0].FileUrl.length; i++) {
+                this.ruleForm.repairImageid += response.data[0].FileUrl[i].F_FileId + ','
+                this.fileList.push({
+                  name: response.data[0].FileUrl[i].F_FileName,
+                  url: response.data[0].FileUrl[i].F_FileUrl
+                })
+              }
+            }
+          }
+        })
+      },
+      // 工单类型
+      getSecondOOrderType(data) {
+        this.ruleForm.repairOrderType = data.value
+        console.log(this.ruleForm.repairOrderType)
+      },
+      handle_success(res) {
+        this.ruleForm.repairImageid += res.data[0].F_FileId + ','
+      },
+      submitForm(formName) {
+        console.log(this.callid,'callid')
+        console.log(this.ruleForm.repairDeptid)
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if (this.ruleForm.repairImageid === '') {
+              this.ruleForm.repairImageid = ''
+            } else {
+              this.ruleForm.repairImageid = this.ruleForm.repairImageid.slice(0, this.ruleForm.repairImageid
+                .length - 1)
+            }
+            this.$refs.ruleForm.validate((valid) => {
+              if (valid) {
+                if (this.wid) { //编辑
+                  console.log('bj')
+                  const params = {
+                    WorkOrderCode: this.wid,
+                    WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
+                    Content: this.ruleForm.repairCenter, // 工单内容
+                    PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
+                    File: this.ruleForm.repairImageid, // 附件
+                  }
+                  MyUpdateFaultRepairWorkOrder(params).then((res) => {
+                    if (res.state.toLowerCase() === 'success') {
+                      this.$parent.$layer.close(this.layerid)
+                      this.$parent.getList()
+                      this.$message({
+                        message: '恭喜你，编辑工单成功！',
+                        type: 'success',
+                        duration: 1000
+                      })
+                    }
+                  })
+                }
+                // if (this.wid == '') {
+                //   console.log('tj')
+                //   const params = {
+                //     LeaveRecordId:this.fid,
+                //     CallId:this.callid,
+                //     Applicant: this.ruleForm.repairmanid, // 申请人
+                //     ApplicationDept: this.ruleForm.repairDeptid, // 申请部门
+                //     Applicantsphone: this.ruleForm.repairmanphone, // 申请电话
+                //     Phone: this.ruleForm.repairmanCallNumber, // 联系方式
+                //     WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
+                //     Content: this.ruleForm.repairCenter, // 工单内容
+                //     PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
+                //     File: this.ruleForm.repairImageid, // 附件
+                //     MaintenanceDept: this.ruleForm.assignDepart, // 指派部门
+                //     IsEnd: '0', // 是否完结
+                //     Maintenancer: this.ruleForm.assignMant // 指派人
+                //   }
+                //   getAddRepairbase(params).then((res) => {
+                //     if (res.state.toLowerCase() === 'success') {
+                //       this.$refs.ruleForm.resetFields();
+                //       this.deptidArr = []
+                //       this.$message({
+                //         message: '恭喜你，添加工单成功！',
+                //         type: 'success',
+                //         duration: 1000
+                //       })
+                //     }
+                //   })
+                // }
+              } else {
+                return false
+              }
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss">
+  .order_form {
+    .form_select {
+      width: 100%;
+    }
+
+    .form_date {
+      width: 100%;
+    }
+  }
+
+  // .wrap {
+  //   margin: o auto;
+  // }
+  .el-input--small .el-input__inner {
+    height: 45px !important;
+    line-height: 45px !important;
+  }
+
+  .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+  }
+
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 148px;
+    height: 148px;
+    line-height: 178px;
+    text-align: center;
+  }
+
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
+</style>

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

@@ -1,453 +1,357 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-date-picker
-        v-model="searchData.searchTime"
-        type="daterange"
-        format="yyyy年MM月dd日"
-        value-format="yyyy-MM-dd"
-        align="left"
-        unlink-panels
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        size="medium"
-      />
+      <el-date-picker v-model="searchData.searchTime" type="daterange" format="yyyy年MM月dd日" value-format="yyyy-MM-dd"
+        align="left" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="medium" />
       <!-- <el-input v-model="searchData.keyword" placeholder="请输入关键字" class="filter-item" size="medium" /> -->
-      <el-select
-        v-model="searchData.type"
-        clearable
-        placeholder="请选择业务类别"
-        size="medium"
-        @change="changeOrder"
-      >
-        <el-option
-          v-for="item in orderData"
-          :key="item.id"
-          :label="item.text"
-          :value="item.id"
-        />
+      <el-select v-model="searchData.type" clearable placeholder="请选择业务类别" size="medium" @change="changeOrder">
+        <el-option v-for="item in orderData" :key="item.id" :label="item.text" :value="item.id" />
       </el-select>
-      <el-cascader
-        ref="cascader"
-        v-model="searchData.orderids"
-        :options="subclassData"
-        :props="defaultProps"
-        size="medium"
-        placeholder="请选择工单类别"
-        filterable
-        clearable
-        @change="handleChange"
-      />
-      <el-button
-        type="primary"
-        class="filter-btn"
-        icon="el-icon-search"
-        @click="btn_search"
-      >
+      <el-cascader ref="cascader" v-model="searchData.orderids" :options="subclassData" :props="defaultProps"
+        size="medium" placeholder="请选择工单类别" filterable clearable @change="handleChange" />
+      <el-button type="primary" class="filter-btn" icon="el-icon-search" @click="btn_search">
         搜索
       </el-button>
-      <el-button
-        v-permission="'orderListSetList'"
-        type="primary"
-        class="filter-btn"
-        icon="el-icon-s-tools"
-        @click="btn_add_list"
-      >
+      <el-button v-permission="'orderListSetList'" type="primary" class="filter-btn" icon="el-icon-s-tools"
+        @click="btn_add_list">
         设置列
       </el-button>
     </div>
-    <el-table
-      v-loading="loading"
-      ref="multipleTable"
-      :data="dataLists"
-      border
-      stripe
-      row-key="F_Id"
-    >
-      <el-table-column
-        type="index"
-        label="编号"
-        align="center"
-        fixed
-        width="60"
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_WoCode"
-        prop="F_WoCode"
-        label="工单编号"
-        align="center"
-        min-width="110"
-      >
+    <el-table v-loading="loading" ref="multipleTable" :data="dataLists" border stripe row-key="F_Id">
+      <el-table-column type="index" label="编号" align="center" fixed width="60" />
+      <el-table-column v-if="fieldListFlag.F_WoCode" prop="F_WoCode" label="工单编号" align="center" min-width="110">
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            size="small"
-            @click="hadndleOrderCode(scope.row)"
-          >
+          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row)">
             {{ scope.row.F_WoCode }}
           </el-button>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.F_ProposerName"
-        prop="F_ProposerName"
-        label="姓名"
-        align="center"
-        min-width
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_SonType"
-        :formatter="formtOrder"
-        prop="F_SonType"
-        label="工单类别"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_Content"
-        prop="F_Content"
-        label="工单内容"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.StateName"
-        prop="StateName"
-        label="工单状态"
-        align="center"
-      />
-      <el-table-column
-        v-if="fieldListFlag.F_CreateTime"
-        prop="F_CreateTime"
-        label="创建时间"
-        align="center"
-      />
+      <el-table-column v-if="fieldListFlag.F_ProposerName" prop="F_ProposerName" label="姓名" align="center" min-width />
+      <el-table-column v-if="fieldListFlag.F_SonType" :formatter="formtOrder" prop="F_SonType" label="工单类别"
+        align="center" />
+      <el-table-column v-if="fieldListFlag.F_Content" prop="F_Content" label="工单内容" align="center" />
+      <el-table-column v-if="fieldListFlag.StateName" prop="StateName" label="工单状态" align="center" />
+      <el-table-column v-if="fieldListFlag.F_CreateTime" prop="F_CreateTime" label="创建时间" align="center" />
       <el-table-column label="操作" align="center" class-name="oparate_btn">
         <template slot-scope="scope">
-          <el-button
-            v-for="item in scope.row.Buttons"
-            :key="item.key"
-            type="text"
-            @click="btnClickEvents(item, scope.row.F_WoCode, scope.row)"
-          >
+          <el-button v-for="item in scope.row.Buttons" :key="item.key" type="text"
+            @click="btnClickEvents(item, scope.row.F_WoCode, scope.row)">
             {{ item.value }}
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList"
-    />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
     <order-button-operation ref="butOption" @refList="refList" />
   </div>
 </template>
 
 <script>
-// import { getDictionaryValueList } from '@/api/commonAPI'
-import {
-  deleteOrder,
-  CompleteOrder,
-  comOrderList,
-  getOrderStateData
-} from '@/api/orderManagement/orderList'
-import { getOrderTypeDrop } from '@/api/systemSetup/roleSetting/menuSetup'
-import { GetFiledState } from '@/api/commonAPI'
-import addOrEditFaultRepair from '../../faultRepair/clinicalReporting/components/addRepairbase.vue'
-import detail from '../components/orderDetail.vue'
-import askDetail from '../components/askdetail.vue'
-import addAudit from './addAudit'
-import addDefinedList from '@/components/context/addDefinedList'
-import orderDeal from './orderDeal'
-import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-import OrderButtonOperation from '@/components/button/orderList'
+  // import { getDictionaryValueList } from '@/api/commonAPI'
+  import {
+    deleteOrder,
+    CompleteOrder,
+    comOrderList,
+    getOrderStateData
+  } from '@/api/orderManagement/orderList'
+  import {
+    getOrderTypeDrop
+  } from '@/api/systemSetup/roleSetting/menuSetup'
+  import {
+    GetFiledState
+  } from '@/api/commonAPI'
+  import addOrEditFaultRepair from '../../faultRepair/clinicalReporting/components/addRepairbase.vue'
+  import detail from '../components/orderDetail.vue'
+  import askDetail from '../components/askdetail.vue'
+  import addAudit from './addAudit'
+  import addDefinedList from '@/components/context/addDefinedList'
+  import orderDeal from './orderDeal'
+  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+  import OrderButtonOperation from '@/components/button/orderList'
 
-export default {
-  name: 'OrderList',
-  components: {
-    Pagination,
-    OrderButtonOperation
-  },
-  data() {
-    return {
-      isDisable: false, // 防止多次点击
-      loading: false,
-      deleteId: [],
-      fieldListFlag: {},
-      buttonName: '',
-      searchData: {
-        keyword: '', // 关键字
-        searchTime: '', // 时间
-        starttime: '', // 开始时间
-        endtime: '', // 结束时间
-        type: '', // 工单类型
-        orderids: [],
-        menutypeid: '',
-        menutype: '',
-        state: '' // 工单状态
-      },
-      pageParams: {
-        pageindex: 1, // 当前第几页
-        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
-      },
-      dataLists: [], // 列表数据数据
-      defaultProps: {
-        checkStrictly: true,
-        children: 'children',
-        label: 'text',
-        value: 'id'
-      },
-      orderData: [],
-      subclassData: [],
-      orderstate: [], // 工单状态数据
-      DefinedId: ''
-    }
-  },
-  created() {
-    this.getList()
-    this.getTreeList()
-    this.getOrderStat()
-    this.getFiledTabDetail(this.$route.path.split('/').join('_'))
-    document.onkeyup = (e) => {
-      if (e.keyCode === 13) {
-        this.getList()
-      }
-    }
-  },
-  methods: {
-    refList() {
-      this.getList()
+  export default {
+    name: 'OrderList',
+    components: {
+      Pagination,
+      OrderButtonOperation
     },
-    handleClick(res) {
-      this.searchData.state = Number(res.name)
-      this.getList()
-    },
-    formtOrder(row, column) {
-      if (row.F_SonType) {
-        return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
+    data() {
+      return {
+        isDisable: false, // 防止多次点击
+        loading: false,
+        deleteId: [],
+        fieldListFlag: {},
+        buttonName: '',
+        searchData: {
+          keyword: '', // 关键字
+          searchTime: '', // 时间
+          starttime: '', // 开始时间
+          endtime: '', // 结束时间
+          type: '', // 工单类型
+          orderids: [],
+          menutypeid: '',
+          menutype: '',
+          state: '' // 工单状态
+        },
+        pageParams: {
+          pageindex: 1, // 当前第几页
+          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+          total: 0 // 总共多少数据
+        },
+        dataLists: [], // 列表数据数据
+        defaultProps: {
+          checkStrictly: true,
+          children: 'children',
+          label: 'text',
+          value: 'id'
+        },
+        orderData: [],
+        subclassData: [],
+        orderstate: [], // 工单状态数据
+        DefinedId: ''
       }
     },
-    btnClickEvents(button, wocode, row) {
-      this.buttonName = button.key
-      this.$refs.butOption.butOptionMethod(this.buttonName, wocode)
-      if (this.buttonName === 'bianji') {
-        this.btn_edit(wocode)
+    created() {
+      this.getList()
+      this.getTreeList()
+      this.getOrderStat()
+      this.getFiledTabDetail(this.$route.path.split('/').join('_'))
+      document.onkeyup = (e) => {
+        if (e.keyCode === 13) {
+          this.getList()
+        }
       }
     },
-    getList() {
-      this.loading = true
-      return new Promise((resolve) => {
-        const params = {
-          // keyword: this.searchData.keyword, // 关键字
-          starttime: this.searchData.searchTime[0], // 开始时间
-          endtime: this.searchData.searchTime[1], // 结束时间
-          type: this.searchData.type, // 工单类型
-          loweltype:
-            this.searchData.orderids[this.searchData.orderids.length - 1],
-          state: this.searchData.state, // 工单状态
-          pageindex: this.pageParams.pageindex, // int 第几页
-          pagesize: this.pageParams.pagesize // int 每页几条信息
+    methods: {
+      refList() {
+        this.getList()
+      },
+      handleClick(res) {
+        this.searchData.state = Number(res.name)
+        this.getList()
+      },
+      formtOrder(row, column) {
+        if (row.F_SonType) {
+          return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
+        }
+      },
+      btnClickEvents(button, wocode, row) {
+        this.buttonName = button.key
+        this.$refs.butOption.butOptionMethod(this.buttonName, wocode)
+        if (this.buttonName === 'bianji') {
+          this.btn_edit(wocode)
         }
-        comOrderList(params).then((response) => {
-          this.loading = false
-          if (response.state.toLowerCase() === 'success') {
-            this.pageParams.total = response.total
-            this.dataLists = response.rows
+      },
+      getList() {
+        this.loading = true
+        return new Promise((resolve) => {
+          const params = {
+            // keyword: this.searchData.keyword, // 关键字
+            starttime: this.searchData.searchTime[0], // 开始时间
+            endtime: this.searchData.searchTime[1], // 结束时间
+            type: this.searchData.type, // 工单类型
+            loweltype: this.searchData.orderids[this.searchData.orderids.length - 1],
+            state: this.searchData.state, // 工单状态
+            pageindex: this.pageParams.pageindex, // int 第几页
+            pagesize: this.pageParams.pagesize // int 每页几条信息
           }
-        })
-        resolve()
-      })
-    },
-    getFiledTabDetail(TableId) {
-      GetFiledState(TableId).then((res) => {
-        const filedsData = res.F_Fileds
-        const filedsObj = {}
-        if (filedsData) {
-          filedsData.forEach((element) => {
-            filedsObj[element] = true
+          comOrderList(params).then((response) => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.pageParams.total = response.total
+              this.dataLists = response.rows
+            }
           })
-        }
-        this.fieldListFlag = filedsObj
-        this.$refs['multipleTable'].doLayout()
-      })
-    },
-    btn_search() {
-      this.pageParams.pageindex = 1
-      this.getList()
-    },
-    btn_add_list() {
-      this.$layer.iframe({
-        content: {
-          content: addDefinedList, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            definedId: this.$route.path
-          } // props
-        },
-        area: ['70%', '30%'],
-        title: '自定义字段'
-      })
-    },
-    // 编辑
-    btn_edit(rid) {
-      this.$layer.iframe({
-        content: {
-          content: addOrEditFaultRepair, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            wid: rid
-          } // props
-        },
-        area: ['70%', '70%'],
-        title: '编辑工单'
-      })
-    },
-    hadndleOrderCode(row) {
-      if (row.F_Type === 3000) {
+          resolve()
+        })
+      },
+      getFiledTabDetail(TableId) {
+        GetFiledState(TableId).then((res) => {
+          const filedsData = res.F_Fileds
+          const filedsObj = {}
+          if (filedsData) {
+            filedsData.forEach((element) => {
+              filedsObj[element] = true
+            })
+          }
+          this.fieldListFlag = filedsObj
+          this.$refs['multipleTable'].doLayout()
+        })
+      },
+      btn_search() {
+        this.pageParams.pageindex = 1
+        this.getList()
+      },
+      btn_add_list() {
         this.$layer.iframe({
           content: {
-            content: detail, // 传递的组件对象
+            content: addDefinedList, // 传递的组件对象
             parent: this, // 当前的vue对象
             data: {
-              rowid: row.F_WoCode
+              definedId: this.$route.path
             } // props
           },
-          area: ['80%', '90%'],
-          title: '订单详情'
+          area: ['70%', '30%'],
+          title: '自定义字段'
         })
-      }
-      if (row.F_Type === 1000) {
+      },
+      // 编辑
+      btn_edit(rid) {
         this.$layer.iframe({
           content: {
-            content: askDetail,
-            parent: this,
+            content: addOrEditFaultRepair, // 传递的组件对象
+            parent: this, // 当前的vue对象
             data: {
-              rowid: row.F_WoCode
+              wid: rid
             } // props
           },
-          area: ['80%', '90%'],
-          title: '订单详情'
+          area: ['70%', '70%'],
+          title: '编辑工单'
         })
-      }
-    },
-    // 删除弹框
-    btn_delete(operateId) {
-      this.deleteId = []
-      this.deleteId.push(operateId)
-      this.$confirm('此操作将永久删除当前工单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          deleteOrder(this.deleteId).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.getList()
-              this.$message.success('删除成功!')
+      },
+      hadndleOrderCode(row) {
+        if (row.F_Type === 3000) {
+          this.$layer.iframe({
+            content: {
+              content: detail, // 传递的组件对象
+              parent: this, // 当前的vue对象
+              data: {
+                rowid: row.F_WoCode
+              } // props
+            },
+            area: ['80%', '90%'],
+            title: '订单详情'
+          })
+        }
+        if (row.F_Type === 1000) {
+          this.$layer.iframe({
+            content: {
+              content: askDetail,
+              parent: this,
+              data: {
+                rowid: row.F_WoCode
+              } // props
+            },
+            area: ['80%', '90%'],
+            title: '订单详情'
+          })
+        }
+      },
+      // 删除弹框
+      btn_delete(operateId) {
+        this.deleteId = []
+        this.deleteId.push(operateId)
+        this.$confirm('此操作将永久删除当前工单, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          })
+          .then(() => {
+            deleteOrder(this.deleteId).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('删除成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消删除')
+          })
+      },
+      // 工单完结
+      btn_Complete(operateId) {
+        this.$confirm('此操作完结当前工单, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          })
+          .then(() => {
+            CompleteOrder(operateId).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('完结成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消完结')
+          })
+      },
+      // 工单处理 orderDeal
+      // btn_Deal(operateId) {
+      //   this.$layer.iframe({
+      //     content: {
+      //       content: orderDeal, // 传递的组件对象
+      //       parent: this, // 当前的vue对象
+      //       data: {
+      //         rowid: operateId
+      //       } // props
+      //     },
+      //     area: ['40%', '30%'],
+      //     title: '订单详情'
+      //   })
+      // },
+      // 工单审核
+      // btn_Audit(operateId) {
+      //   this.$layer.iframe({
+      //     content: {
+      //       content: addAudit, // 传递的组件对象
+      //       parent: this, // 当前的vue对象
+      //       data: {
+      //         rowid: operateId
+      //       } // props
+      //     },
+      //     area: ['40%', '30%'],
+      //     title: '订单详情'
+      //   })
+      // },
+      // 工单状态
+      getOrderStat() {
+        return new Promise((resolve) => {
+          const params = {}
+          getOrderStateData(params).then((response) => {
+            this.loading = false
+            if (response) {
+              this.orderstate = response
             }
           })
+          resolve()
         })
-        .catch(() => {
-          this.$message.info('已取消删除')
-        })
-    },
-    // 工单完结
-    btn_Complete(operateId) {
-      this.$confirm('此操作完结当前工单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          CompleteOrder(operateId).then((response) => {
+      },
+      getTreeList() {
+        return new Promise((resolve) => {
+          getOrderTypeDrop(this.pid).then((response) => {
             if (response.state.toLowerCase() === 'success') {
-              this.getList()
-              this.$message.success('完结成功!')
+              this.orderData = response.data
             }
           })
+          resolve()
         })
-        .catch(() => {
-          this.$message.info('已取消完结')
-        })
-    },
-    // 工单处理 orderDeal
-    // btn_Deal(operateId) {
-    //   this.$layer.iframe({
-    //     content: {
-    //       content: orderDeal, // 传递的组件对象
-    //       parent: this, // 当前的vue对象
-    //       data: {
-    //         rowid: operateId
-    //       } // props
-    //     },
-    //     area: ['40%', '30%'],
-    //     title: '订单详情'
-    //   })
-    // },
-    // 工单审核
-    // btn_Audit(operateId) {
-    //   this.$layer.iframe({
-    //     content: {
-    //       content: addAudit, // 传递的组件对象
-    //       parent: this, // 当前的vue对象
-    //       data: {
-    //         rowid: operateId
-    //       } // props
-    //     },
-    //     area: ['40%', '30%'],
-    //     title: '订单详情'
-    //   })
-    // },
-    // 工单状态
-    getOrderStat() {
-      return new Promise((resolve) => {
-        const params = {}
-        getOrderStateData(params).then((response) => {
-          this.loading = false
-          if (response) {
-            this.orderstate = response
-          }
-        })
-        resolve()
-      })
-    },
-    getTreeList() {
-      return new Promise((resolve) => {
-        getOrderTypeDrop(this.pid).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.orderData = response.data
-          }
+      },
+      handleChange(data) {
+        this.searchData.menutype = data[data.length - 1]
+      },
+      changeOrder(data) {
+        if (!data) {
+          return
+        }
+        this.searchData.menutypeid = data
+        const params = {
+          pid: data,
+          flag: 1
+        }
+        return new Promise((resolve) => {
+          getOrderTypeDrop(params).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.subclassData = response.data
+            }
+          })
+          resolve()
         })
-        resolve()
-      })
-    },
-    handleChange(data) {
-      this.searchData.menutype = data[data.length - 1]
-    },
-    changeOrder(data) {
-      if (!data) {
-        return
-      }
-      this.searchData.menutypeid = data
-      const params = {
-        pid: data,
-        flag: 1
       }
-      return new Promise((resolve) => {
-        getOrderTypeDrop(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.subclassData = response.data
-          }
-        })
-        resolve()
-      })
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/reportForm/trafficWorkReport/index.vue

@@ -8,8 +8,8 @@
       </el-form-item>
       <el-form-item>
         <el-select v-model="ruleForm.way" class="filter-item" filterable clearable placeholder="请选择方式" size="medium" @change="btn_way">
-          <el-option :value="0" label="坐席" />
-          <el-option :value="1" label="分机号" />
+          <el-option :value="1" label="坐席" />
+          <el-option :value="0" label="分机号" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -18,8 +18,8 @@
       </el-form-item>
     </el-form>
     <el-table :data="dataLists" border highlight-current-row stripe>
-      <el-table-column prop="username" v-if="ruleForm.way==0" label="坐席名称" align="center" min-width />
-      <el-table-column prop="username" v-if="ruleForm.way==1" label="分机号" align="center" min-width />
+      <el-table-column prop="username" v-if="ruleForm.way==1" label="坐席名称" align="center" min-width />
+      <el-table-column prop="username" v-if="ruleForm.way==0" label="分机号" align="center" min-width />
       <el-table-column prop="hurucishu" label="呼入次数" align="center" min-width />
       <el-table-column prop="hurushichang" label="呼入时长" align="center" min-width>
         <template slot-scope="scope">
@@ -91,6 +91,7 @@
         const params = {
           stime: this.ruleForm.startTime && this.ruleForm.startTime[0],
           endtime: this.ruleForm.startTime && this.ruleForm.startTime[1],
+          groupby:this.ruleForm.way,
           isdc: 0
         }
         return new Promise(resolve => {
@@ -106,6 +107,7 @@
         const exporParams = {
           stime: this.ruleForm.startTime && this.ruleForm.startTime[0],
           endtime: this.ruleForm.startTime && this.ruleForm.startTime[1],
+          groupby:this.ruleForm.way,
           isdc: 1
         }
         exportExcel(exporParams, getListExpt)

CallCenterWeb.UI/RMYY/src/views/trafficData/callRecord/index.vue

@@ -1,522 +1,409 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-date-picker
-        v-model="searchDate"
-        :picker-options="pickerOptions"
-        class="filter-item"
-        type="daterange"
-        format="yyyy年MM月dd日"
-        value-format="yyyy-MM-dd"
-        align="left"
-        unlink-panels
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-      />
-      <el-input
-        v-model="keyword"
-        placeholder="请输入电话号码"
-        class="filter-item"
-        size="medium"
-      />
-      <el-input
-        v-model="roleId"
-        placeholder="请输入坐席工号"
-        class="filter-item"
-        size="medium"
-      />
-      <el-select
-        v-model="CallType"
-        class="filter-item"
-        filterable
-        clearable
-        placeholder="请选择呼叫方向"
-        size="medium"
-      >
+      <el-date-picker v-model="searchDate" :picker-options="pickerOptions" class="filter-item" type="daterange"
+        format="yyyy年MM月dd日" value-format="yyyy-MM-dd" align="left" unlink-panels range-separator="至"
+        start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-input v-model="keyword" placeholder="请输入电话号码" class="filter-item" size="medium" />
+      <el-input v-model="roleId" placeholder="请输入坐席工号" class="filter-item" size="medium" />
+      <el-select v-model="CallType" class="filter-item" filterable clearable placeholder="请选择呼叫方向" size="medium">
         <el-option :value="0" label="呼入" />
         <el-option :value="1" label="呼出" />
       </el-select>
-      <el-select
-        v-model="CallState"
-        class="filter-item"
-        filterable
-        clearable
-        placeholder="请选择呼叫状态"
-        size="medium"
-      >
+      <el-select v-model="CallState" class="filter-item" filterable clearable placeholder="请选择呼叫状态" size="medium">
         <el-option :value="0" label="未接通" />
         <el-option :value="1" label="已接通" />
       </el-select>
-      <el-button
-        type="primary"
-        class="filter-item"
-        icon="el-icon-search"
-        @click="btn_search"
-      >
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">
         搜索
       </el-button>
       <el-button type="primary" class="filter-item" @click="btn_export">
         <svg-icon icon-class="daochu" />导出
       </el-button>
-      <el-button
-        v-permission="'callRecordSetList'"
-        type="primary"
-        class="filter-btn"
-        icon="el-icon-s-tools"
-        @click="btn_add_list"
-      >
+      <el-button v-permission="'callRecordSetList'" type="primary" class="filter-btn" icon="el-icon-s-tools"
+        @click="btn_add_list">
         设置列
       </el-button>
     </div>
-    <el-table
-      v-loading="loading"
-      ref="multipleTable"
-      :data="dataLists"
-      border
-      stripe
-      @selection-change="handleSelectionChange"
-    >
+    <el-table v-loading="loading" ref="multipleTable" :data="dataLists" border stripe
+      @selection-change="handleSelectionChange">
       <el-table-column type="index" label="编号" align="center" width="80" />
-      <el-table-column
-        v-if="fieldListFlag.CallNumber"
-        label="电话号码"
-        prop="CallNumber"
-        align="center"
-      >
+      <el-table-column v-if="fieldListFlag.CallNumber" label="电话号码" prop="CallNumber" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.CallNumber }}</span>
-          <i
-            v-if="scope.row.CallState == 0"
-            class="el-icon-mobile"
-            style="
+          <i v-if="scope.row.CallState == 0" class="el-icon-mobile" style="
               color: #24c6c8;
               font-size: 20px;
               vertical-align: middle;
               margin-left: 5px;
               cursor: pointer;
-            "
-            @click="oncall(scope.row.CallNumber, scope.row.CallRecordsId)"
-          />
+            " @click="oncall(scope.row.CallNumber, scope.row.CallRecordsId)" />
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.FilePath"
-        label="录音"
-        align="center"
-        min-width
-      >
+      <el-table-column v-if="fieldListFlag.FilePath" label="录音" align="center" min-width>
         <template slot-scope="scope">
-          <svg-icon
-            v-if="scope.row.FilePath"
-            class="rec_file"
-            icon-class="bofangluyin"
-            @click.native="playSound(scope.row.FilePath, scope.row.UserCode)"
-          />
+          <svg-icon v-if="scope.row.FilePath" class="rec_file" icon-class="bofangluyin"
+            @click.native="playSound(scope.row.FilePath, scope.row.UserCode)" />
           <span v-else>-</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.CallType"
-        label="呼叫方向"
-        align="center"
-        min-width
-      >
+      <el-table-column v-if="fieldListFlag.CallType" label="呼叫方向" align="center" min-width>
         <template slot-scope="scope">{{
           scope.row.CallType | calltypeFilter
         }}</template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.CallState"
-        label="呼叫状态"
-        align="center"
-        min-width
-      >
+      <el-table-column v-if="fieldListFlag.CallState" label="呼叫状态" align="center" min-width>
         <template slot-scope="scope">
-          <el-tag
-            :type="scope.row.CallState === 1 ? 'success' : 'danger'"
-            size="mini"
-            disable-transitions
-          >
+          <el-tag :type="scope.row.CallState === 1 ? 'success' : 'danger'" size="mini" disable-transitions>
             {{ scope.row.CallState | statusFilter }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.TypeName"
-        prop="TypeName"
-        label="业务类型"
-        align="center"
-        min-width
-      />
-      <el-table-column
-        v-if="fieldListFlag.UserCode"
-        prop="UserCode"
-        label="坐席工号"
-        align="center"
-        min-width
-      />
-      <el-table-column
-        v-if="fieldListFlag.UserName1"
-        prop="UserName1"
-        label="坐席姓名"
-        align="center"
-        min-width
-      />
-      <el-table-column
-        v-if="fieldListFlag.TalkStartTime"
-        label="通话开始时间"
-        align="center"
-        min-width="110"
-      >
+      <el-table-column v-if="fieldListFlag.TypeName" prop="TypeName" label="业务类型" align="center" min-width />
+      <el-table-column v-if="fieldListFlag.UserCode" prop="UserCode" label="坐席工号" align="center" min-width />
+      <el-table-column v-if="fieldListFlag.UserName1" prop="UserName1" label="坐席姓名" align="center" min-width />
+      <el-table-column v-if="fieldListFlag.TalkStartTime" label="通话开始时间" align="center" min-width="110">
         <template slot-scope="scope">
           <span>{{ scope.row.TalkStartTime | timesFilter }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.TalkEndTime"
-        label="通话结束时间"
-        align="center"
-        min-width="110"
-      >
+      <el-table-column v-if="fieldListFlag.TalkEndTime" label="通话结束时间" align="center" min-width="110">
         <template slot-scope="scope">
           <span>{{ scope.row.TalkEndTime | timesFilter }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.TalkLongTime"
-        prop="TalkLongTime"
-        label="通话时长"
-        align="center"
-        min-width
-      >
+      <el-table-column v-if="fieldListFlag.TalkLongTime" prop="TalkLongTime" label="通话时长" align="center" min-width>
         <template slot-scope="scope">
           <div v-html="formtTime(scope.row.TalkLongTime)" />
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="fieldListFlag.Showstate"
-        prop="Showstate"
-        label="是否回复"
-        align="center"
-        min-width
-      />
+      <el-table-column v-if="fieldListFlag.Showstate" prop="Showstate" label="是否回复" align="center" min-width />
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList"
-    />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
   </div>
 </template>
 
 <script>
-import {
-  getCallRecords,
-  getCallOutprefix,
-  getListExpt,
-  getUpdateCallRecord
-} from '@/api/trafficData/trafficData'
-import { GetFiledState } from '@/api/commonAPI'
-import addDefinedList from '@/components/context/addDefinedList'
-import audioPlayer from '@/components/context/audioPlayer'
-import { pickerOptions } from '@/utils'
-import { exportExcel } from '@/utils'
-import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-import store from '@/store'
-import { mapGetters } from 'vuex'
-export default {
-  name: 'CallRecord',
-  components: {
-    Pagination
-  },
-  filters: {
-    // 呼叫类型
-    calltypeFilter(status) {
-      const statusMap = {
-        0: '呼入',
-        1: '呼出'
-      }
-      return statusMap[status]
+  import {
+    getCallRecords,
+    getCallOutprefix,
+    getListExpt,
+    getUpdateCallRecord
+  } from '@/api/trafficData/trafficData'
+  import {
+    Send
+  } from '@/utils/telWebsocket'
+  import {
+    GetFiledState
+  } from '@/api/commonAPI'
+  import addDefinedList from '@/components/context/addDefinedList'
+  import audioPlayer from '@/components/context/audioPlayer'
+  import {
+    pickerOptions
+  } from '@/utils'
+  import {
+    exportExcel
+  } from '@/utils'
+  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+  import store from '@/store'
+  import {
+    mapGetters
+  } from 'vuex'
+  export default {
+    name: 'CallRecord',
+    components: {
+      Pagination
     },
-    // 呼叫状态
-    statusFilter(status) {
-      const statusMap = {
-        0: '未接通',
-        1: '已接通'
+    filters: {
+      // 呼叫类型
+      calltypeFilter(status) {
+        const statusMap = {
+          0: '呼入',
+          1: '呼出'
+        }
+        return statusMap[status]
+      },
+      // 呼叫状态
+      statusFilter(status) {
+        const statusMap = {
+          0: '未接通',
+          1: '已接通'
+        }
+        return statusMap[status]
+      },
+      // 外呼类型
+      callopttypeFilter(status) {
+        const statusMap = {
+          0: '拨号外呼',
+          1: '回访外呼'
+        }
+        return statusMap[status]
+      },
+      // 满意度
+      evaluationFilter(status) {
+        const statusMap = {
+          0: '-',
+          1: '非常满意',
+          2: '基本满意',
+          3: '不满意'
+        }
+        return statusMap[status]
+      },
+      // 时间格式化
+      timesFilter(tm) {
+        if (tm === '1970-01-01 08:00:00') {
+          return '-'
+        } else {
+          return tm
+        }
+      },
+      // 是否回访
+      isReturnvisitFilter(status) {
+        const statusMap = {
+          0: '未回访',
+          1: '已回访'
+        }
+        return statusMap[status]
       }
-      return statusMap[status]
     },
-    // 外呼类型
-    callopttypeFilter(status) {
-      const statusMap = {
-        0: '拨号外呼',
-        1: '回访外呼'
+    data() {
+      return {
+        loading: false,
+        keyword: '',
+        roleId: '',
+        CallType: '', // 呼叫类型
+        CallState: '', // 呼叫状态
+        searchDate: '',
+        pickerOptions,
+        timer: '',
+        recordpath: '', // 录音的路径
+        fieldListFlag: {},
+        pageParams: {
+          pageindex: 1, // 当前第几页
+          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+          total: 0 // 总共多少数据
+        },
+        dataLists: [], // 列表数据
+        multipleSelection: [] // 选中数据
       }
-      return statusMap[status]
     },
-    // 满意度
-    evaluationFilter(status) {
-      const statusMap = {
-        0: '-',
-        1: '非常满意',
-        2: '基本满意',
-        3: '不满意'
-      }
-      return statusMap[status]
+    computed: {
+      ...mapGetters([
+        'token',
+        'usercode', // 工号
+        'extension', // 分机号
+        'telIsVisCallout' // 外呼面板是否显示
+      ])
     },
-    // 时间格式化
-    timesFilter(tm) {
-      if (tm === '1970-01-01 08:00:00') {
-        return '-'
-      } else {
-        return tm
+    created() {
+      this.getFiledTabDetail(this.$route.path.split('/').join('_'))
+      this.getList()
+      document.onkeyup = (e) => {
+        if (e.keyCode === 13) {
+          this.getList()
+        }
       }
     },
-    // 是否回访
-    isReturnvisitFilter(status) {
-      const statusMap = {
-        0: '未回访',
-        1: '已回访'
-      }
-      return statusMap[status]
-    }
-  },
-  data() {
-    return {
-      loading: false,
-      keyword: '',
-      roleId: '',
-      CallType: '', // 呼叫类型
-      CallState: '', // 呼叫状态
-      searchDate: '',
-      pickerOptions,
-      timer: '',
-      recordpath: '', // 录音的路径
-      fieldListFlag: {},
-      pageParams: {
-        pageindex: 1, // 当前第几页
-        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+    mounted() {
+      this.timer = setInterval(() => {
+        this.getList()
+      }, 12000)
+    },
+    methods: {
+      getList() {
+        this.loading = true
+        return new Promise((resolve) => {
+          const params = {
+            page: this.pageParams.pageindex, // 第几页
+            pagesize: this.pageParams.pagesize, // 每页几条信息
+            phone: this.keyword.replace(/\s*/g, ''), //	否	string	模糊查询（呼叫号码）
+            usercode: this.roleId, //	否	string	模糊查询（呼叫号码） CallNumber
+            calltype: this.CallType == null ? '' : this.CallType, // 呼叫类型
+            callstate: this.CallState, // 呼叫状态
+            starttime: this.searchDate && this.searchDate[0],
+            endtime: this.searchDate && this.searchDate[1]
+          }
+          getCallRecords(params).then((response) => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.pageParams.total = response.total
+              this.dataLists = response.rows
+            }
+          })
+          resolve()
+        })
       },
-      dataLists: [], // 列表数据
-      multipleSelection: [] // 选中数据
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'token',
-      'usercode', // 工号
-      'extension', // 分机号
-      'telIsVisCallout' // 外呼面板是否显示
-    ])
-  },
-  created() {
-    this.getFiledTabDetail(this.$route.path.split('/').join('_'))
-    this.getList()
-    document.onkeyup = (e) => {
-      if (e.keyCode === 13) {
+      btn_search() {
         this.getList()
-      }
-    }
-  },
-  mounted() {
-    this.timer = setInterval(() => {
-      this.getList()
-    }, 12000)
-  },
-  methods: {
-    getList() {
-      this.loading = true
-      return new Promise((resolve) => {
+      },
+      btn_add_list() {
+        this.$layer.iframe({
+          content: {
+            content: addDefinedList, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              definedId: this.$route.path
+            } // props
+          },
+          area: ['70%', '30%'],
+          title: '自定义字段'
+        })
+      },
+      getFiledTabDetail(TableId) {
+        GetFiledState(TableId).then((res) => {
+          const filedsData = res.F_Fileds
+          const filedsObj = {}
+          if (filedsData) {
+            filedsData.forEach((element) => {
+              filedsObj[element] = true
+            })
+          }
+          this.fieldListFlag = filedsObj
+          this.$refs['multipleTable'].doLayout()
+        })
+      },
+      oncall(phone, callid) {
+        const pas = {
+          id: callid
+        }
+        getUpdateCallRecord(pas).then((response) => {
+          if (response.state.toLowerCase() === 'success') {}
+        })
         const params = {
-          page: this.pageParams.pageindex, // 第几页
-          pagesize: this.pageParams.pagesize, // 每页几条信息
-          phone: this.keyword.replace(/\s*/g, ''), //	否	string	模糊查询（呼叫号码）
-          usercode: this.roleId, //	否	string	模糊查询（呼叫号码） CallNumber
-          calltype: this.CallType == null ? '' : this.CallType, // 呼叫类型
-          callstate: this.CallState, // 呼叫状态
-          starttime: this.searchDate && this.searchDate[0],
-          endtime: this.searchDate && this.searchDate[1]
+          phone: phone
         }
-        getCallRecords(params).then((response) => {
-          this.loading = false
+        getCallOutprefix(params).then((response) => {
           if (response.state.toLowerCase() === 'success') {
-            this.pageParams.total = response.total
-            this.dataLists = response.rows
+            const scoketDatas = {
+              "Type": "MakeCall",
+              "AgentID": localStorage.getItem('storageUsercode'),
+              "AgentExten": localStorage.getItem('ext'),
+              "Header": response.data.fix,
+              "DestinationNumber": response.data.phone
+            }
+            Send(scoketDatas)
           }
         })
-        resolve()
-      })
-    },
-    btn_search() {
-      this.getList()
-    },
-    btn_add_list() {
-      this.$layer.iframe({
-        content: {
-          content: addDefinedList, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            definedId: this.$route.path
-          } // props
-        },
-        area: ['70%', '30%'],
-        title: '自定义字段'
-      })
-    },
-    getFiledTabDetail(TableId) {
-      GetFiledState(TableId).then((res) => {
-        const filedsData = res.F_Fileds
-        const filedsObj = {}
-        if (filedsData) {
-          filedsData.forEach((element) => {
-            filedsObj[element] = true
-          })
+      },
+      // 导出
+      btn_export() {
+        const exportparams = {
+          pageindex: this.pageParams.pageindex,
+          pagesize: this.pageParams.pagesize,
+          phone: this.keyword.replace(/\s+/g, ''),
+          usercode: this.roleId,
+          calltype: this.CallType == null ? '' : this.CallType,
+          callstate: this.CallState,
+          starttime: this.searchDate && this.searchDate[0],
+          endtime: this.searchDate && this.searchDate[1],
+          isdc: 1
         }
-        this.fieldListFlag = filedsObj
-        this.$refs['multipleTable'].doLayout()
-      })
-    },
-    oncall(phone, callid) {
-      const pas = {
-        id: callid
-      }
-      getUpdateCallRecord(pas).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
+        exportExcel(exportparams, getListExpt)
+      },
+      // 播放录音
+      playSound(rec_file, artist) {
+        console.log('artist', artist)
+        this.$layer.iframe({
+          content: {
+            content: audioPlayer, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              recFiles: rec_file,
+              artists: artist.toString()
+            } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          },
+          area: ['600px', '230px'],
+          shadeClose: true,
+          title: '录音详情'
+        })
+      },
+      handleSelectionChange(selection) {
+        this.multipleSelection = selection
+      },
+      formtTime(val) {
+        if (!val) {
+          return '0秒'
         }
-      })
-      const params = {
-        phone: phone
-      }
-      getCallOutprefix(params).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
-          this.$message.success('外呼成功')
-          this.getList()
+        var secondTime = parseInt(val)
+        var minuteTime = 0
+        var hourTime = 0
+        if (secondTime > 60) {
+          minuteTime = parseInt(secondTime / 60)
+          secondTime = parseInt(secondTime % 60)
+          if (minuteTime > 60) {
+            hourTime = parseInt(minuteTime / 60)
+            minuteTime = parseInt(minuteTime % 60)
+          }
         }
-      })
-    },
-    // 导出
-    btn_export() {
-      const exportparams = {
-        pageindex: this.pageParams.pageindex,
-        pagesize: this.pageParams.pagesize,
-        phone: this.keyword.replace(/\s+/g, ''),
-        usercode: this.roleId,
-        calltype: this.CallType == null ? '' : this.CallType,
-        callstate: this.CallState,
-        starttime: this.searchDate && this.searchDate[0],
-        endtime: this.searchDate && this.searchDate[1],
-        isdc: 1
-      }
-      exportExcel(exportparams, getListExpt)
-    },
-    // 播放录音
-    playSound(rec_file, artist) {
-      console.log('artist', artist)
-      this.$layer.iframe({
-        content: {
-          content: audioPlayer, // 传递的组件对象
-          parent: this, // 当前的vue对象
-          data: {
-            recFiles: rec_file,
-            artists: artist.toString()
-          } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
-        },
-        area: ['600px', '230px'],
-        shadeClose: true,
-        title: '录音详情'
-      })
-    },
-    handleSelectionChange(selection) {
-      this.multipleSelection = selection
-    },
-    formtTime(val) {
-      if (!val) {
-        return '0秒'
-      }
-      var secondTime = parseInt(val)
-      var minuteTime = 0
-      var hourTime = 0
-      if (secondTime > 60) {
-        minuteTime = parseInt(secondTime / 60)
-        secondTime = parseInt(secondTime % 60)
-        if (minuteTime > 60) {
-          hourTime = parseInt(minuteTime / 60)
-          minuteTime = parseInt(minuteTime % 60)
+        var result = '' + parseInt(secondTime) + '秒'
+        if (minuteTime > 0) {
+          result = '' + parseInt(minuteTime) + '分' + result
         }
-      }
-      var result = '' + parseInt(secondTime) + '秒'
-      if (minuteTime > 0) {
-        result = '' + parseInt(minuteTime) + '分' + result
-      }
-      if (hourTime > 0) {
-        result = '' + parseInt(hourTime) + '小时' + result
-      }
-      return result
-    },
+        if (hourTime > 0) {
+          result = '' + parseInt(hourTime) + '小时' + result
+        }
+        return result
+      },
 
-    // 外呼
-    clickCallOut(phoneNumber, id) {
-      this.callOut(phoneNumber, id)
-    },
-    // 外呼
-    callOut(phoneNumber, id) {
-      if (phoneNumber) {
-        // getCallOutprefix(phoneNumber).then((response) => {
-        //   if (response.state.toLowerCase() === 'success') {
-        //     const res = response.data
-        //     this.scoketDatas = {
-        //       Type: 'MakeCall',
-        //       AgentID: this.usercode,
-        //       AgentExten: this.extension,
-        //       Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-        //       DestinationNumber: res.phone //
-        //     }
-        //     store.dispatch('ChangeCallNum', phoneNumber)
-        //     Send(this.scoketDatas)
-        //     store.dispatch('UpdateCalloutScreen', false) // 关闭外呼面板
-        //     store.dispatch('UpdateOutboundScreen', false) // 关闭外呼弹屏
-        //   }
-        // })
-      } else {
-        this.$message({
-          message: '请先输入电话号码！',
-          type: 'warning'
-        })
+      // 外呼
+      clickCallOut(phoneNumber, id) {
+        this.callOut(phoneNumber, id)
+      },
+      // 外呼
+      callOut(phoneNumber, id) {
+        if (phoneNumber) {
+          // getCallOutprefix(phoneNumber).then((response) => {
+          //   if (response.state.toLowerCase() === 'success') {
+          //     const res = response.data
+          //     this.scoketDatas = {
+          //       Type: 'MakeCall',
+          //       AgentID: this.usercode,
+          //       AgentExten: this.extension,
+          //       Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
+          //       DestinationNumber: res.phone //
+          //     }
+          //     store.dispatch('ChangeCallNum', phoneNumber)
+          //     Send(this.scoketDatas)
+          //     store.dispatch('UpdateCalloutScreen', false) // 关闭外呼面板
+          //     store.dispatch('UpdateOutboundScreen', false) // 关闭外呼弹屏
+          //   }
+          // })
+        } else {
+          this.$message({
+            message: '请先输入电话号码！',
+            type: 'warning'
+          })
+        }
       }
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.app-container {
-  padding: 10px;
-}
-
-.phoneIcon {
-  cursor: pointer;
-}
-
-.filter-container {
-  .el-select {
-    margin-right: 10px;
+  .app-container {
+    padding: 10px;
   }
 
-  .el-date-editor {
-    margin-right: 10px;
+  .phoneIcon {
+    cursor: pointer;
   }
 
-  .el-cascader {
-    margin-right: 10px;
-  }
+  .filter-container {
+    .el-select {
+      margin-right: 10px;
+    }
 
-  .filter-item {
-    vertical-align: top;
+    .el-date-editor {
+      margin-right: 10px;
+    }
+
+    .el-cascader {
+      margin-right: 10px;
+    }
+
+    .filter-item {
+      vertical-align: top;
+    }
   }
-}
 </style>