代码提交

CallCenterWeb.UI/RMYY/src/api/comDispatch/muterDistribute.js

@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+// 获取列表数据
+export function getDisList(params) {
+  return request({
+    url: 'T_Dis_WorkOrder/GetList',
+    method: 'get',
+    params
+  })
+}
+
+// 获取数据
+export function getDeatil(id) {
+  return request({
+    url: 'T_Dis_WorkOrder/GetModelDetail',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+// 添加数据
+export function addData(data) {
+  return request({
+    url: 'T_Dis_WorkOrder/AddWorOrder',
+    method: 'post',
+    data
+  })
+}
+// 修改数据
+export function editData(data) {
+  return request({
+    url: 'T_Dis_WorkOrder/UpdateWorkOrder',
+    method: 'post',
+    data
+  })
+}
+// 删除数据
+export function deleteData(nums) {
+  return request({
+    url: 'Mobiledata/DelMobiledata',
+    method: 'post',
+    data: {
+      nums
+    }
+  })
+}

CallCenterWeb.UI/RMYY/src/router/index.js

@@ -53,7 +53,7 @@ export const constantRouterMap = [
     children: [{
       path: 'callScreen',
       component: () => import('@/views/callScreen/index'),
-      name: 'callScreen',
+      name: 'CallScreen',
       meta: { title: '来电弹屏', noCache: true }
     }],
     hidden: true

CallCenterWeb.UI/RMYY/src/store/modules/permission.js

@@ -22,7 +22,7 @@ function filterAsyncRouter(menudatas) {
         redirect: 'noredirect',
         name: firstToUpper(menudatas[i].F_MenuCode),
         component: () => import('@/views/layout/Layout'),
-        id: menudatas[i].F_Id,
+        id: menudatas[i].F_MenuId,
         meta: {
           title: menudatas[i].F_MenuName,
           icon: menudatas[i].F_ImgUrl,
@@ -53,7 +53,7 @@ function filterAsyncRouter(menudatas) {
           redirect: redirect,
           name: firstToUpper(menudatas[i].F_MenuCode),
           component: () => import(`@/views/${furl}/index`),
-          id: menudatas[i].F_Id,
+          id: menudatas[i].F_MenuId,
           meta: {
             title: menudatas[i].F_MenuName,
             icon: menudatas[i].F_ImgUrl,

CallCenterWeb.UI/RMYY/src/utils/telWebsocket.js

@@ -424,7 +424,7 @@ function IncomingBack(inComingData) {
     // console.log(inComingNumber)
   }
   window.localStorage.setItem('callidSave', inComingData.CallID) // 用户的坐席组code
-  router.push({ name: 'callScreen', path: '/callScreen', fullPath: '/callScreen', params: { callid: inComingCallId, telInNumber: inComingNumber }})
+  router.push({ name: 'CallScreen', path: '/callScreen', fullPath: '/callScreen', params: { callid: inComingCallId, telInNumber: inComingNumber }})
   store.dispatch('ChangeCallNum', inComingNumber)
 }
 

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

@@ -57,7 +57,7 @@ import { addOrEditCustomerList, getCustomerList } from '@/api/customerManagement
 import { validateTel } from '@/utils/validate'
 import { mapGetters } from 'vuex'
 export default {
-  name: 'AddOrEdit',
+  name: 'AddOrEditCustomer',
   props: {
     callinNum: {
       type: String,

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

@@ -32,7 +32,7 @@ import { getorderList } from '@/api/orderManagement/orderList'
 
 import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
 export default {
-  name: 'CallRecordList',
+  name: 'OrderList',
   components: {
     Pagination
   },

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

@@ -0,0 +1,215 @@
+<template>
+  <el-row style="padding: 8px 0 !important; ">
+
+    <el-col style="width:110px">
+      <p class="callin_con">
+        <span class="callin_num">{{ callinNum }}</span>
+      </p>
+    </el-col>
+    <el-col :span="5">
+      <p class="callin_con">
+        <span class="callin_address">归属地：{{ phoneData }}</span>
+      </p>
+    </el-col>
+    <el-col :span="6">
+      <h5 class="callin_name">
+        {{ cusInfo.cusname }}
+      </h5>
+    </el-col>
+    <el-col :span="4">
+      <p class="callin_con callin_time">
+        <time v-show="!dropoff">当前通话时长：{{ telCallTime.hh }}:{{ telCallTime.mm }}:{{ telCallTime.ss }}</time>
+        <time v-show="dropoff">当前通话时长：{{ callinTime }}</time>
+      </p>
+    </el-col>
+    <el-col :span="4">
+      <div class="callin_btns">
+        <el-tooltip content="点击加入黑名单" placement="top">
+          <i v-show="!isBlack" class="callin_btn callinblack" @click="btn_addBlack" />
+        </el-tooltip>
+        <el-tooltip content="点击取消黑名单" placement="top">
+          <i v-show="isBlack" class="callin_btn callincelblack" @click="btn_cancelBlack" />
+        </el-tooltip>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+
+import { mapGetters } from 'vuex'
+
+import { getPhoneLocation } from '@/api/teloperation'
+import { cancelBlack } from '@/api/callScreen/callScreen'
+
+import addOrEditBlackList from '@/views/telCall/blackList/addOrEditBlackList'
+
+export default {
+
+  name: 'AddressNumber',
+  props: {
+    callinNum: {
+      type: String,
+      default: ''
+    },
+    cusInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      phoneData: '', // 归属地
+      callinTime: '00:00:00', // 通话时长
+      isBlack: false, // 是否加入黑名单
+      dropoff: false, // 是否挂断
+      telTimer: null // 时间定时器
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'telCallNum', // 顶部显示号码
+      'telCallTime',
+      'telLineState'
+    ])
+  },
+  watch: {
+    telLineState: function(newT, oldT) {
+      this.watchTelLineState(newT, oldT)
+    }
+  },
+  created() {
+    if (this.callinNum) {
+      this.calladdress()
+    }
+  },
+  methods: {
+    // 通话时间
+    callTimeFun() {
+      // 通话时间重置为00:00:00
+      // 时间 计时
+      let _n = 0
+      if (this.telTimer) {
+        clearInterval(this.telTimer)
+      }
+      this.telTimer = setInterval(() => {
+        _n++
+        this.callTime = {
+          hh: this.toDub(parseInt((_n / 60 / 60) % 60)), // 小时
+          mm: this.toDub(parseInt((_n / 60) % 60)), // 分钟
+          ss: this.toDub(parseInt(_n % 60)) // 秒
+        }
+      }, 1000)
+    },
+    toDub(i) {
+      return i < 10 ? '0' + i : '' + i
+    },
+    // 加入黑名单
+    btn_addBlack() {
+      if (this.callinNum.length > 4) {
+        this.$layer.iframe({
+          content: {
+            content: addOrEditBlackList, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              callinNum: this.callinNum
+            } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          },
+          area: ['40%', '300px'],
+          title: '加入黑名单'
+        })
+      } else {
+        this.$message.error('号码格式不对')
+      }
+    },
+    // 取消加入黑名单
+    btn_cancelBlack() {
+      cancelBlack(this.callinNum).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          this.isBlack = !this.isBlack
+          this.$message.success('恭喜你，取消拉黑成功!')
+        }
+      })
+    },
+    calladdress() {
+      getPhoneLocation(this.callinNum).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          if (response.data) {
+            this.phoneData = response.data
+          }
+        }
+      })
+    },
+    // 清除定时器
+    clearInter() {
+      clearInterval(this.telTimer)
+    },
+    // 监听 线路状态
+    watchTelLineState(newT, oldT) {
+      if (newT === 1) {
+        if (this.telTimer) {
+          clearInterval(this.telTimer)
+          this.telTimer = null
+        }
+        this.dropoff = true // 是否挂断
+        this.callinTime = `${this.telCallTime.hh}:${this.telCallTime.mm}:${this.telCallTime.ss}`
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+		.callin_name {
+			font-size: 16px;
+			color: #333333;
+			margin: 0;
+			font-weight: 400;
+		}
+
+		.callin_con {
+			margin: 0;
+			padding: 0;
+			font-size: 14px;
+			color: #4c4c4c;
+		}
+
+		.callin_num {
+			font-size: 16px;
+			color: #5092e1;
+		}
+
+		.callin_address {
+			color: rgb(214, 113, 18);
+		}
+
+		.callin_time {
+			color: #808080;
+		}
+
+		.callin_btns {
+			position: absolute;
+			right: 0;
+			top: 0;
+		}
+
+		.callin_btn {
+			width: 36px;
+			height: 36px;
+			display: inline-block;
+			margin-left: 10px;
+			cursor: pointer;
+		}
+
+		.callinblack {
+			background: url("~@/assets/imgs/callinblack.png") center center no-repeat;
+		}
+
+		.callincelblack {
+			background: url("~@/assets/imgs/callincelblack.png") center center no-repeat;
+		}
+
+</style>

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

@@ -30,7 +30,7 @@
 import { getCallRecords } from '@/api/trafficData/trafficData'
 import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
 export default {
-  name: 'CallRecordList',
+  name: 'CallList',
   components: {
     Pagination
   },

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

@@ -4,58 +4,23 @@
     <!-- 归属地信息 -->
     <el-col :md="24" class="right_wrap">
       <el-card shadow="hover" class="callin_header">
-        <el-row style="padding: 8px 0 !important; ">
-
-          <el-col style="width:110px">
-            <p class="callin_con">
-              <span class="callin_num">{{ callinNum }}</span>
-            </p>
-          </el-col>
-          <el-col :span="5">
-            <p class="callin_con">
-              <span class="callin_address">归属地：{{ phoneData }}</span>
-            </p>
-          </el-col>
-          <el-col :span="6">
-            <h5 class="callin_name">
-              {{ cusInfo.cusname }}
-            </h5>
-          </el-col>
-          <el-col :span="4">
-            <p class="callin_con callin_time">
-              <time v-show="!dropoff">当前通话时长：{{ telCallTime.hh }}:{{ telCallTime.mm }}:{{ telCallTime.ss }}</time>
-              <time v-show="dropoff">当前通话时长：{{ callinTime }}</time>
-            </p>
-          </el-col>
-          <el-col :span="4">
-            <div class="callin_btns">
-              <el-tooltip content="点击加入黑名单" placement="top">
-                <i v-show="!isBlack" class="callin_btn callinblack" @click="btn_addBlack" />
-              </el-tooltip>
-              <el-tooltip content="点击取消黑名单" placement="top">
-                <i v-show="isBlack" class="callin_btn callincelblack" @click="btn_cancelBlack" />
-              </el-tooltip>
-            </div>
-          </el-col>
-        </el-row>
+        <address-number :callin-num="callinNum" :cus-info="cusInfo"/>
       </el-card>
     </el-col>
     <!-- 客户信息 -->
     <el-col :span="24">
       <div class="msgbox">客户信息</div>
       <el-card class="customer_info">
-        <AddOrEditCustomer
+        <add-or-edit-customer
           :callin-num="callinNum"
-          @addOrEditBlackList="getisBlack"
-          @cus-info-list="getCusInfos"
-          @fromChild="getChild"/>
+          @cus-info-list="getCusInfos"/>
       </el-card>
     </el-col>
     <!-- 添加工单 -->
     <el-col :span="24">
       <div class="msgbox">添加工单</div>
       <el-card class="customer_info">
-        <AddOrEditOrder :callid="callinCallid"/>
+        <add-or-edit-order :callid="callinCallid"/>
       </el-card>
     </el-col>
     <!-- tab切换 -->
@@ -64,17 +29,17 @@
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="知识库" name="first">
             <div class="tab_body">
-              <knowledgeList ref="knowledgeListEl" :callin-num="callinNum" :callid="callinCallid" />
+              <knowledge-List ref="knowledgeListEl" :callin-num="callinNum" :callid="callinCallid" />
             </div>
           </el-tab-pane>
           <el-tab-pane label="历史通话记录" name="second">
             <div class="tab_body">
-              <CallList ref="callListEl" :callin-num="callinNum" :callid="callinCallid" />
+              <call-list ref="callListEl" :callin-num="callinNum" :callid="callinCallid" />
             </div>
           </el-tab-pane>
           <el-tab-pane label="工单记录" name="third">
             <div class="tab_body">
-              <OrderList ref="orderListEl" :callin-num="callinNum" :callid="callinCallid" />
+              <order-list ref="orderListEl" :callin-num="callinNum" :callid="callinCallid" />
             </div>
           </el-tab-pane>
 
@@ -87,24 +52,23 @@
 <script>
 import { mapGetters } from 'vuex'
 
-import { getPhoneLocation } from '@/api/teloperation'
-import { cancelBlack } from '@/api/callScreen/callScreen'
-
 // 此处引用的是黑名单管理的添加视图
-import addOrEditBlackList from '@/views/telCall/blackList/addOrEditBlackList'
+import AddressNumber from './addressNumber'
+
 import CallList from './CallList'
 import OrderList from './OrderList'
-import knowledgeList from './knowledgeList'
+import KnowledgeList from './knowledgeList'
 import AddOrEditCustomer from './AddOrEditCustomer'
 import AddOrEditOrder from './AddOrEditOrder'
 
 export default {
-  name: 'CallScreen',
+  name: 'CallScreenComponent',
   components: {
     CallList,
     OrderList,
+    AddressNumber,
     AddOrEditCustomer,
-    knowledgeList,
+    KnowledgeList,
     AddOrEditOrder
   },
   data() {
@@ -113,11 +77,8 @@ export default {
       // 咨询类型级联
       activeName: 'first', // tab切换默认显示来电历史工单
       callinNum: '', // 来电号码
-      callinTime: '00:00:00', // 通话时长
-      telTimer: null, // 时间定时器
       callinCallid: '', // 来电id
       isBlack: false, // 是否加入黑名单
-      dropoff: false, // 是否挂断
       cusInfo: {
         // 客户信息
         cusname: '未知', // 客户姓名
@@ -129,105 +90,13 @@ export default {
 
   computed: {
     ...mapGetters([
-      'telCallNum', // 顶部显示号码
-      'telCallTime',
-      'telLineState'
+      'telCallNum' // 顶部显示号码
     ])
   },
-  watch: {
-    telLineState: function(newT, oldT) {
-      this.watchTelLineState(newT, oldT)
-      // console.log(this.$route.params.callid + '------->')
-      // this.callinCallid = this.$route.params.callid
-    }
-  },
   created() {
     this.callinNum = this.telCallNum // 来电号码  $route.params.telInNumber
-    // this.callinNum = '13623812888'
-    // this.callinCallid = this.inComingCallId
-
-    if (this.callinNum) {
-      this.calladdress()
-    }
   },
   methods: {
-    getisBlack(e) {
-      this.isBlack = e
-    },
-    // 同步客户信息
-    getChild(v) { },
-    // 归属地
-    calladdress() {
-      getPhoneLocation(this.callinNum).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
-          if (response.data) {
-            this.phoneData = response.data
-          }
-        }
-      })
-    },
-    // 通话时间
-    callTimeFun() {
-      // 通话时间重置为00:00:00
-      // 时间 计时
-      let _n = 0
-      if (this.telTimer) {
-        clearInterval(this.telTimer)
-      }
-      this.telTimer = setInterval(() => {
-        _n++
-        this.callTime = {
-          hh: this.toDub(parseInt((_n / 60 / 60) % 60)), // 小时
-          mm: this.toDub(parseInt((_n / 60) % 60)), // 分钟
-          ss: this.toDub(parseInt(_n % 60)) // 秒
-        }
-      }, 1000)
-    },
-    toDub(i) {
-      return i < 10 ? '0' + i : '' + i
-    },
-    // 加入黑名单
-    btn_addBlack() {
-      if (this.callinNum.length > 4) {
-        this.$layer.iframe({
-          content: {
-            content: addOrEditBlackList, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              callinNum: this.callinNum
-            } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
-          },
-          area: ['40%', '300px'],
-          title: '加入黑名单'
-        })
-      } else {
-        this.$message.error('号码格式不对')
-      }
-    },
-    // 取消加入黑名单
-    btn_cancelBlack() {
-      cancelBlack(this.callinNum).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
-          this.isBlack = !this.isBlack
-          this.$message.success('恭喜你，取消拉黑成功!')
-        }
-      })
-    },
-    // 清除定时器
-    clearInter() {
-      clearInterval(this.telTimer)
-    },
-    // 监听 线路状态
-    watchTelLineState(newT, oldT) {
-      if (newT === 1) {
-        if (this.telTimer) {
-          clearInterval(this.telTimer)
-          this.telTimer = null
-        }
-        this.dropoff = true // 是否挂断
-        this.callinTime = `${this.telCallTime.hh}:${this.telCallTime.mm}:${this.telCallTime.ss}`
-      }
-    },
     // tab 切换
     handleClick(tab, event) {
       if (tab.name === 'first') {
@@ -267,12 +136,6 @@ export default {
       }
       this.$refs.cutomerListEl.getList()
     },
-    // 获取毫秒数
-    getTime() {
-      const timer = new Date()
-      const timer2 = timer.getTime()
-      return timer2
-    },
     // 获取客户信息
     getCusInfos(data) {
       if (data) {
@@ -331,87 +194,6 @@ export default {
 		cursor: pointer;
 	}
 
-	.callin_header {
-		margin-top: 15px;
-
-		.incall_avatar {
-			width: 106px;
-			height: 106px;
-			vertical-align: middle;
-			border-radius: 50%;
-		}
-
-		.callin_name {
-			font-size: 16px;
-			color: #333333;
-			margin: 0;
-			font-weight: 400;
-
-			.callin_custype {
-				color: #5092e1;
-				font-size: 14px;
-			}
-		}
-
-		.callin_con {
-			margin: 0;
-			padding: 0;
-			font-size: 14px;
-			color: #4c4c4c;
-		}
-
-		.callin_num {
-			font-size: 16px;
-			color: #5092e1;
-		}
-
-		.callin_address {
-			color: rgb(214, 113, 18);
-		}
-
-		.callin_time {
-			color: #808080;
-		}
-
-		.callin_btns {
-			position: absolute;
-			right: 0;
-			top: 0;
-		}
-
-		.callin_btn {
-			width: 36px;
-			height: 36px;
-			display: inline-block;
-			margin-left: 10px;
-			cursor: pointer;
-		}
-
-		.callinorder {
-			background: url("~@/assets/imgs/callinorder.png") center center no-repeat;
-		}
-
-		.callinuser {
-			background: url("~@/assets/imgs/callinuser.png") center center no-repeat;
-		}
-
-		.callinpro {
-			background: url("~@/assets/imgs/xiangmu.png") center center no-repeat;
-		}
-
-		.callinblack {
-			background: url("~@/assets/imgs/callinblack.png") center center no-repeat;
-		}
-
-		.callincelblack {
-			background: url("~@/assets/imgs/callincelblack.png") center center no-repeat;
-		}
-
-		.callinivr {
-			background: url("~@/assets/imgs/callinivr.png") center center no-repeat;
-		}
-	}
-
 	.customer_info {
 		margin-top: 15px;
 

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

@@ -55,7 +55,7 @@ import { getList, delInfos, getTypeTree } from '@/api/knowledgeBase/knowledgeBas
 
 import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
 export default {
-  name: 'CallRecordList',
+  name: 'KnowledgeList',
   components: {
     Pagination
   },

CallCenterWeb.UI/RMYY/src/views/callScreen/index.vue

@@ -13,14 +13,12 @@
 <script>
 import CallScreenComponent from './components/callScreen'
 import { mapGetters } from 'vuex'
-import CallScreen from './components/callScreen.vue'
 export default {
   name: 'CallScreen',
   components: {
     CallScreenComponent
   },
   data() {
-    CallScreen
     return {
       editableTabsValue: '1',
       editableTabs: [{

CallCenterWeb.UI/RMYY/src/views/comDispatch/salvageMuter/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <keep-alive>
+      <router-view />
+    </keep-alive>
+  </div>
+</template>

CallCenterWeb.UI/RMYY/src/views/comDispatch/salvageMuter/muterDistribute/addOrEdit.vue

@@ -0,0 +1,123 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" label-width="100px">
+      <el-form-item label="字段1" >
+        <el-input v-model="ruleForm.name1" placeholder="请输入号段"/>
+      </el-form-item>
+      <el-form-item label="字段2">
+        <el-input v-model="ruleForm.name2" placeholder="请输入区号"/>
+      </el-form-item>
+      <el-form-item label="字段3">
+        <el-input v-model="ruleForm.name3" placeholder="请输入城市"/>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+// import { getDetail, add, edit } from '@/api'
+
+export default {
+  name: 'AddOrEdit',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        callid: '',
+        type: '', // 工单类别
+        hosid: '',	// 院区id
+        deptid: '', // 申请科室id
+        deptname: '', // 申请科室名称
+        usercode: '', // 申请人编码
+        username: '', //	申请人
+        phon: '', //	联系电话--病床位置
+        itemessage: '', //	标本名称
+        positon: '', //	送达地点
+        remark: '' //	备注
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.id = this.rowid
+      this.getDetail(this.rowid)
+    }
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const datas = {
+            id: this.ruleForm.id,
+            name1: this.ruleForm.mobilenum, //	是	string	号段
+            name2: this.ruleForm.zipcode, //	是	string	区号
+            name3: this.ruleForm.citydes//	是	string	城市
+          }
+
+          // 添加
+          if (!this.rowid) {
+            // add(datas).then(response => {
+            //   this.loading = false
+            //   if (response.state.toLowerCase() === 'success') {
+            //     this.$parent.$layer.close(this.layerid)
+            //     this.$parent.getList() // 重新加载父级数据
+            //     this.$message.success('恭喜你，号码归属地添加成功!')
+            //   }
+            // }).catch(() => {
+            //   this.loading = false
+            // })
+          }
+          // 编辑
+          // edit(datas).then(response => {
+          //   this.loading = false
+          //   if (response.state.toLowerCase() === 'success') {
+          //     this.$parent.$layer.close(this.layerid)
+          //     this.$parent.getList() // 重新加载父级数据
+          //     this.$message.success('恭喜你，号码归属地编辑成功!')
+          //   }
+          // }).catch(() => {
+          //   this.loading = false
+          // })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+    // 获取详情
+    getDetail(rid) {
+      // getDetail(rid).then(response => {
+      //   if (response.state.toLowerCase() === 'success') {
+      //     const res = response.data
+      //     this.ruleForm.name1 = res.name1
+      //     this.ruleForm.name2 = res.name2
+      //     this.ruleForm.name3 = res.name3
+      //   }
+      // })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

CallCenterWeb.UI/RMYY/src/views/comDispatch/salvageMuter/muterDistribute/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="keyword" placeholder="请输入关键词" class="filter-item" />
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+      <el-button type="primary" class="filter-item" icon="el-icon-plus" @click="btn_add">添加</el-button>
+    </div>
+    <el-table v-loading="loading" :data="dataLists" border stripe>
+      <el-table-column type="index" label="编号" align="center" fixed width="80" />
+      <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" plain type="primary" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
+          <el-button size="mini" plain type="danger" @click="btn_delete(scope.row.F_Id)">删除</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" />
+  </div>
+</template>
+<script>
+import { getDisList, deleteData } from '@/api/comDispatch/muterDistribute'
+import addOrEdit from './addOrEdit'
+import Pagination from '@/components/context/Pagination'
+
+export default {
+  name: 'List',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      loading: false,
+      keyword: '',
+      type: 2006,
+      pageParams: {
+        pageindex: 1,
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
+        total: 0
+      },
+      dataLists: []
+    }
+  },
+  created() {
+    this.getList()
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getList()
+      }
+    }
+  },
+  methods: {
+    getList() {
+      // this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          keyword: this.keyword.replace(/\s+/g, ''),
+          type: this.type,
+          stime: this.searchDate && this.searchDate[0],
+          etime: this.searchDate && this.searchDate[1]
+        }
+        getDisList(params).then((response) => {
+          this.loading = false
+          if (response.rows.length >= 0) {
+            this.pageParams.total = response.total
+            this.dataLists = response.rows
+          }
+        })
+        resolve()
+      })
+    },
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+    btn_add() {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: '' }
+        },
+        area: ['40%', '350px'],
+        title: '添加'
+      })
+    },
+    btn_edit(editId) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: editId.toString() } // props
+        },
+        area: ['40%', '350px'],
+        title: '编辑'
+      })
+    },
+    btn_delete(editId) {
+      this.confirm('您确定要删除此信息吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+      // .then(() => {
+      // deleteList(editId).then((response) => {
+      // if (response.state.toLowerCase() === 'success') {
+      // this.getList()
+      // this.message.success('删除成功!')
+      // }
+      // })
+      // })
+      // .catch(() => {
+      // this.message.info('已取消删除')
+      // })
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>

CallCenterWeb.UI/RMYY/src/views/layout/components/Sidebar/SidebarItem copy.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="menu-wrapper">
+    <template v-for="item in routes" v-if="!item.hidden&&item.children">
+
+      <router-link
+        v-if="hasOneShowingChildren(item.children) && !item.children[0].children&&!item.alwaysShow"
+        :to="item.path+'/'+item.children[0].path"
+        :key="item.children[0].id">
+        <el-menu-item :index="item.path+'/'+item.children[0].path" :class="{'submenu-title-noDropdown':!isNest}">
+          <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"/>
+          <span v-if="item.children[0].meta&&item.children[0].meta.title" slot="title">{{ item.children[0].meta.title }}</span>
+        </el-menu-item>
+      </router-link>
+
+      <el-submenu v-else :index="item.name||item.path" :key="item.id">
+        <template slot="title">
+          <svg-icon v-if="item.meta&&item.meta.icon" :icon-class="item.meta.icon"/>
+          <span v-if="item.meta&&item.meta.title" slot="title">{{ item.meta.title }}</span>
+        </template>
+
+        <template v-for="child in item.children" v-if="!child.hidden">
+          <sidebar-item v-if="child.children&&child.children.length>0" :is-nest="true" :routes="[child]" :key="child.id" class="nest-menu"/>
+
+          <router-link v-else :to="item.path+'/'+child.path" :key="child.id">
+            <el-menu-item :index="item.path+'/'+child.path">
+              <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"/>
+              <span v-if="child.meta&&child.meta.title" slot="title">{{ child.meta.title }}</span>
+            </el-menu-item>
+          </router-link>
+        </template>
+      </el-submenu>
+
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SidebarItem',
+  props: {
+    routes: {
+      type: Array,
+      default: () => {}
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    }
+  },
+  created() {
+    console.log(this.routes)
+  },
+  methods: {
+    hasOneShowingChildren(children) {
+      const showingChildren = children.filter(item => {
+        return !item.hidden
+      })
+      if (showingChildren.length === 1) {
+        return true
+      }
+      return false
+    }
+  }
+}
+</script>

CallCenterWeb.UI/RMYY/src/views/layout/components/Sidebar/SidebarItem.vue

@@ -19,7 +19,24 @@
         </template>
 
         <template v-for="child in item.children" v-if="!child.hidden">
-          <sidebar-item v-if="child.children&&child.children.length>0" :is-nest="true" :routes="[child]" :key="child.id" class="nest-menu"/>
+
+          <!-- <sidebar-item v-if="child.children&&child.children.length>0" :is-nest="true" :routes="[child]" :key="child.id" class="nest-menu"/> -->
+          <el-submenu v-if="child.children&&child.children.length>0" :index="child.name||child.path" :key="child.id">
+
+            <template slot="title">
+              <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"/>
+              <span v-if="child.meta&&child.meta.title" slot="title">{{ child.meta.title }}</span>
+            </template>
+            <template v-for="childSecond in child.children" v-if="!childSecond.hidden">
+              <router-link :to="'/'+childSecond.path" :key="childSecond.id">
+                <el-menu-item :index="'/'+childSecond.path">
+                  <svg-icon v-if="childSecond.meta&&childSecond.meta.icon" :icon-class="childSecond.meta.icon"/>
+                  <span v-if="childSecond.meta&&childSecond.meta.title" slot="title">{{ childSecond.meta.title }}</span>
+                </el-menu-item>
+              </router-link>
+
+            </template>
+          </el-submenu>
 
           <router-link v-else :to="item.path+'/'+child.path" :key="child.id">
             <el-menu-item :index="item.path+'/'+child.path">
@@ -47,6 +64,9 @@ export default {
       default: false
     }
   },
+  created() {
+    console.log(this.routes)
+  },
   methods: {
     hasOneShowingChildren(children) {
       const showingChildren = children.filter(item => {