字典管理

src/router/_import.js

@@ -1,120 +1,209 @@
 export default file => {
-  // console.log(file);
-  return map[file] || null
+    // console.log(file);
+    return map[file] || null
 }
 const map = {
-  Layout: () => import('@/layout'),
-  currentSystem: () => import('@/views/currentSystem/index'), // 当前系统的路由
-  Map: () => import('@/views/currentSystem/map/index'),
-  funMap: () => import('@/views/currentSystem/map/funCom/index'),
-  // 系统权限
-  rolePermission: () => import('@/views/currentSystem/authorityManagement/rolePermission/index'), // 角色
-  userRights: () => import('@/views/currentSystem/authorityManagement/userRights/index'), // 客户
-  section: () => import('@/views/currentSystem/authorityManagement/section/index'), // 部门管理
-  journal: () => import('@/views/currentSystem/authorityManagement/journal/index'), // 操作日志管理
-  builder: () => import('@/views/currentSystem/code/builder/index'), // 人员管理
+    Layout: () =>
+        import ('@/layout'),
+    currentSystem: () =>
+        import ('@/views/currentSystem/index'), // 当前系统的路由
+    Map: () =>
+        import ('@/views/currentSystem/map/index'),
+    funMap: () =>
+        import ('@/views/currentSystem/map/funCom/index'),
+    // 系统权限
+    rolePermission: () =>
+        import ('@/views/currentSystem/authorityManagement/rolePermission/index'), // 角色
+    userRights: () =>
+        import ('@/views/currentSystem/authorityManagement/userRights/index'), // 客户
+    section: () =>
+        import ('@/views/currentSystem/authorityManagement/section/index'), // 部门管理
+    journal: () =>
+        import ('@/views/currentSystem/authorityManagement/journal/index'), // 操作日志管理
+    builder: () =>
+        import ('@/views/currentSystem/code/builder/index'), // 人员管理
 
-  // 营销业务管理系统
-  register: () => import('@/views/currentSystem/work/register/index'), // 工单登记
-  sell: () => import('@/views/currentSystem/work/sell/index'), // 工单派发
-  check: () => import('@/views/currentSystem/work/check/index'), // 工单审核
-  handle: () => import('@/views/currentSystem/work/handle/index'), // 工单处理情况
-  returnVisit: () => import('@/views/currentSystem/work/returnVisit/index'), // 工单回访
-  writeOff: () => import('@/views/currentSystem/work/writeOff/index'), // 工单销单
-  monitor: () => import('@/views/currentSystem/work/monitor/index'), // 工单监控
-  fieldWorkers: () => import('@/views/currentSystem/work/fieldWorkers/index'), // 外业人员管理
+    // 营销业务管理系统
+    register: () =>
+        import ('@/views/currentSystem/work/register/index'), // 工单登记
+    sell: () =>
+        import ('@/views/currentSystem/work/sell/index'), // 工单派发
+    check: () =>
+        import ('@/views/currentSystem/work/check/index'), // 工单审核
+    handle: () =>
+        import ('@/views/currentSystem/work/handle/index'), // 工单处理情况
+    returnVisit: () =>
+        import ('@/views/currentSystem/work/returnVisit/index'), // 工单回访
+    writeOff: () =>
+        import ('@/views/currentSystem/work/writeOff/index'), // 工单销单
+    monitor: () =>
+        import ('@/views/currentSystem/work/monitor/index'), // 工单监控
+    fieldWorkers: () =>
+        import ('@/views/currentSystem/work/fieldWorkers/index'), // 外业人员管理
 
-  workOrderSource: () => import('@/views/currentSystem/work/workCode/workOrderSource/index'), // 接警来源编码管理
-  workOrderType: () => import('@/views/currentSystem/work/workCode/workOrderType/index'), // 接警来源编码管理
-  fault: () => import('@/views/currentSystem/work/workCode/fault/index'), // 故障编码管理
-  companyInfo: () => import('@/views/currentSystem/work/workCode/companyInfo/index'), // 施工单位
-  buildTeam: () => import('@/views/currentSystem/work/workCode/buildTeam/index'), // 施工班组
+    workOrderSource: () =>
+        import ('@/views/currentSystem/work/workCode/workOrderSource/index'), // 接警来源编码管理
+    workOrderType: () =>
+        import ('@/views/currentSystem/work/workCode/workOrderType/index'), // 接警来源编码管理
+    fault: () =>
+        import ('@/views/currentSystem/work/workCode/fault/index'), // 故障编码管理
+    companyInfo: () =>
+        import ('@/views/currentSystem/work/workCode/companyInfo/index'), // 施工单位
+    buildTeam: () =>
+        import ('@/views/currentSystem/work/workCode/buildTeam/index'), // 施工班组
 
-  // 供水服务热线系统
-  waterHotline: () => import('@/views/currentSystem/waterHotline/index'), // 热线首页
-  control: () => import('@/views/currentSystem/waterHotline/control/index'), // 话务信息统计
+    // 供水服务热线系统
+    // waterHotline: () => import('@/views/currentSystem/waterHotline/index'), // 热线首页
+    control: () =>
+        import ('@/views/currentSystem/waterHotline/control/index'), // 话务信息统计
 
-  squad: () => import('@/views/currentSystem/waterHotline/monitor/squad/index'), // 班长监控
-  scheduling: () => import('@/views/currentSystem/waterHotline/monitor/scheduling/index'), // 排班管理
-  record: () => import('@/views/currentSystem/waterHotline/monitor/record/index'), // 录音质检
-  problem: () => import('@/views/currentSystem/waterHotline/monitor/problem/index'), // 问题模板
-  addressBook: () => import('@/views/currentSystem/waterHotline/monitor/addressBook/index'), // 通讯录管理
-  manage: () => import('@/views/currentSystem/waterHotline/knowledge/manage/index'), // 知识库管理
-  knowledgeCheck: () => import('@/views/currentSystem/waterHotline/knowledge/check/index'), // 知识库查看
-  IVRflowPathSet: () => import('@/views/currentSystem/waterHotline/callCenter/IVRflowPathSet/index'), // IVR流程设计
-  IVRflowPathDefine: () => import('@/views/currentSystem/waterHotline/callCenter/IVRflowPathDefine/index'), // IVR流程定义
-  voices: () => import('@/views/currentSystem/waterHotline/callCenter/voices/index'), // 语音库
-  SMSMsg: () => import('@/views/currentSystem/waterHotline/waterOff/SMSMsg'), // 客户停水通知
-  SMSInsider: () => import('@/views/currentSystem/waterHotline/waterOff/SMSInsider'), // 客户停水通知
-  SMSInfo: () => import('@/views/currentSystem/waterHotline/waterOff/SMSInfo'), // SMS已发送信息
-  comprehensiveData: () => import('@/views/currentSystem/waterHotline/comprehensiveData/index'), // 综合资料
-  callLog: () => import('@/views/currentSystem/waterHotline/statisticalReport/callLog'), // 通话记录
-  seatStatus: () => import('@/views/currentSystem/waterHotline/statisticalReport/seatStatus'), // 坐席状态统计
-  customerSatisfaction: () => import('@/views/currentSystem/waterHotline/statisticalReport/customerSatisfaction'), // 客户满意度报表
-  disposeType: () => import('@/views/currentSystem/waterHotline/statisticalReport/disposeType'), // 处理工单分类统计
-  // 水表检定
-  verification: () => import('@/views/currentSystem/meter/verification/index'),
-  first: () => import('@/views/currentSystem/meter/verification/first/index'), // 首检
-  alternate: () => import('@/views/currentSystem/meter/verification/alternate/index'), // 周检
-  dispute: () => import('@/views/currentSystem/meter/verification/dispute/index'), // 争议检定
-  anomaly: () => import('@/views/currentSystem/meter/verification/anomaly/index'), // 异常检定
+    squad: () =>
+        import ('@/views/currentSystem/waterHotline/monitor/squad/index'), // 班长监控
+    scheduling: () =>
+        import ('@/views/currentSystem/waterHotline/monitor/scheduling/index'), // 排班管理
+    record: () =>
+        import ('@/views/currentSystem/waterHotline/monitor/record/index'), // 录音质检
+    problem: () =>
+        import ('@/views/currentSystem/waterHotline/monitor/problem/index'), // 问题模板
+    addressBook: () =>
+        import ('@/views/currentSystem/waterHotline/monitor/addressBook/index'), // 通讯录管理
+    manage: () =>
+        import ('@/views/currentSystem/waterHotline/knowledge/manage/index'), // 知识库管理
+    knowledgeCheck: () =>
+        import ('@/views/currentSystem/waterHotline/knowledge/check/index'), // 知识库查看
+    IVRflowPathSet: () =>
+        import ('@/views/currentSystem/waterHotline/callCenter/IVRflowPathSet/index'), // IVR流程设计
+    IVRflowPathDefine: () =>
+        import ('@/views/currentSystem/waterHotline/callCenter/IVRflowPathDefine/index'), // IVR流程定义
+    voices: () =>
+        import ('@/views/currentSystem/waterHotline/callCenter/voices/index'), // 语音库
+    SMSMsg: () =>
+        import ('@/views/currentSystem/waterHotline/waterOff/SMSMsg'), // 客户停水通知
+    SMSInsider: () =>
+        import ('@/views/currentSystem/waterHotline/waterOff/SMSInsider'), // 客户停水通知
+    SMSInfo: () =>
+        import ('@/views/currentSystem/waterHotline/waterOff/SMSInfo'), // SMS已发送信息
+    comprehensiveData: () =>
+        import ('@/views/currentSystem/waterHotline/comprehensiveData/index'), // 综合资料
+    callLog: () =>
+        import ('@/views/currentSystem/waterHotline/statisticalReport/callLog'), // 通话记录
+    seatStatus: () =>
+        import ('@/views/currentSystem/waterHotline/statisticalReport/seatStatus'), // 坐席状态统计
+    customerSatisfaction: () =>
+        import ('@/views/currentSystem/waterHotline/statisticalReport/customerSatisfaction'), // 客户满意度报表
+    disposeType: () =>
+        import ('@/views/currentSystem/waterHotline/statisticalReport/disposeType'), // 处理工单分类统计
+    // 水表检定
+    verification: () =>
+        import ('@/views/currentSystem/meter/verification/index'),
+    first: () =>
+        import ('@/views/currentSystem/meter/verification/first/index'), // 首检
+    alternate: () =>
+        import ('@/views/currentSystem/meter/verification/alternate/index'), // 周检
+    dispute: () =>
+        import ('@/views/currentSystem/meter/verification/dispute/index'), // 争议检定
+    anomaly: () =>
+        import ('@/views/currentSystem/meter/verification/anomaly/index'), // 异常检定
 
-  // 水表流转
-  circulation: () => import('@/views/currentSystem/meter/circulation/index'),
-  store: () => import('@/views/currentSystem/meter/circulation/store/index'), // 入库
-  deliver: () => import('@/views/currentSystem/meter/circulation/deliver/index'), // 出库
-  install: () => import('@/views/currentSystem/meter/circulation/install/index'), // 装表
-  swop: () => import('@/views/currentSystem/meter/circulation/swop/index'), // 换表
-  scrap: () => import('@/views/currentSystem/meter/circulation/scrap/index'), // 报废
+    // 水表流转
+    circulation: () =>
+        import ('@/views/currentSystem/meter/circulation/index'),
+    store: () =>
+        import ('@/views/currentSystem/meter/circulation/store/index'), // 入库
+    deliver: () =>
+        import ('@/views/currentSystem/meter/circulation/deliver/index'), // 出库
+    install: () =>
+        import ('@/views/currentSystem/meter/circulation/install/index'), // 装表
+    swop: () =>
+        import ('@/views/currentSystem/meter/circulation/swop/index'), // 换表
+    scrap: () =>
+        import ('@/views/currentSystem/meter/circulation/scrap/index'), // 报废
 
-  // 表位资料
-  epitopeData: () => import('@/views/currentSystem/meter/epitopeData/index'),
-  meterSite: () => import('@/views/currentSystem/meter/epitopeData/meterSite/index'), // 水表位置明细
-  // 水表周期管理
-  period: () => import('@/views/currentSystem/meter/period/index'),
-  produce: () => import('@/views/currentSystem/meter/period/produce/index'), // 周检数据生产
-  // 数据导入管理
-  importingData: () => import('@/views/currentSystem/meter/importingData/index'),
-  // 统计查询
-  reports: () => import('@/views/currentSystem/meter/reports/index'),
-  synthesize: () => import('@/views/currentSystem/meter/reports/synthesize/index'), // 综合统计
+    // 表位资料
+    epitopeData: () =>
+        import ('@/views/currentSystem/meter/epitopeData/index'),
+    meterSite: () =>
+        import ('@/views/currentSystem/meter/epitopeData/meterSite/index'), // 水表位置明细
+    // 水表周期管理
+    period: () =>
+        import ('@/views/currentSystem/meter/period/index'),
+    produce: () =>
+        import ('@/views/currentSystem/meter/period/produce/index'), // 周检数据生产
+    // 数据导入管理
+    importingData: () =>
+        import ('@/views/currentSystem/meter/importingData/index'),
+    // 统计查询
+    reports: () =>
+        import ('@/views/currentSystem/meter/reports/index'),
+    synthesize: () =>
+        import ('@/views/currentSystem/meter/reports/synthesize/index'), // 综合统计
 
-  meterCode: () => import('@/views/currentSystem/meter/meterCode/index'), // 表务编码
-  sbcj: () => import('@/views/currentSystem/meter/meterCode/sbcj/index'),
-  sbxh: () => import('@/views/currentSystem/meter/meterCode/sbxh/index'),
-  ccck: () => import('@/views/currentSystem/meter/meterCode/ccck/index'),
+    meterCode: () =>
+        import ('@/views/currentSystem/meter/meterCode/index'), // 表务编码
+    sbcj: () =>
+        import ('@/views/currentSystem/meter/meterCode/sbcj/index'),
+    sbxh: () =>
+        import ('@/views/currentSystem/meter/meterCode/sbxh/index'),
+    ccck: () =>
+        import ('@/views/currentSystem/meter/meterCode/ccck/index'),
 
-  // 抄表系统
-  device: () => import('@/views/currentSystem/meterReading/device/index'), // 抄表设备管理
-  plan: () => import('@/views/currentSystem/meterReading/plan/index'), // 抄表计划管理
-  reviewPlan: () => import('@/views/currentSystem/meterReading/reviewPlan/index'), // 复核计划管理
-  meterReader: () => import('@/views/currentSystem/meterReading/meterReader/index'), // 抄表人员管理
-  meterReadingData: () => import('@/views/currentSystem/meterReading/meterReadingData/index'), // 抄表数据管理
-  waterInspection: () => import('@/views/currentSystem/meterReading/waterInspection/index'), // 用水稽查管理
-  lllegalReporting: () => import('@/views/currentSystem/meterReading/lllegalReporting/index'), // 违章上报管理
-  meterReading: () => import('@/views/currentSystem/meterReading/index'), // 考核统计及数据分析
-  recovery: () => import('@/views/currentSystem/meterReading/census/recovery'), // 回收率
-  surface: () => import('@/views/currentSystem/meterReading/census/surface'), // 抄表率
-  business: () => import('@/views/currentSystem/meterReading/census/business'), // 业务统计
-  reportForm: () => import('@/views/currentSystem/meterReading/reportForm/index'), // 水量报表管理
+    // 抄表系统
+    device: () =>
+        import ('@/views/currentSystem/meterReading/device/index'), // 抄表设备管理
+    plan: () =>
+        import ('@/views/currentSystem/meterReading/plan/index'), // 抄表计划管理
+    reviewPlan: () =>
+        import ('@/views/currentSystem/meterReading/reviewPlan/index'), // 复核计划管理
+    meterReader: () =>
+        import ('@/views/currentSystem/meterReading/meterReader/index'), // 抄表人员管理
+    meterReadingData: () =>
+        import ('@/views/currentSystem/meterReading/meterReadingData/index'), // 抄表数据管理
+    waterInspection: () =>
+        import ('@/views/currentSystem/meterReading/waterInspection/index'), // 用水稽查管理
+    lllegalReporting: () =>
+        import ('@/views/currentSystem/meterReading/lllegalReporting/index'), // 违章上报管理
+    meterReading: () =>
+        import ('@/views/currentSystem/meterReading/index'), // 考核统计及数据分析
+    recovery: () =>
+        import ('@/views/currentSystem/meterReading/census/recovery'), // 回收率
+    surface: () =>
+        import ('@/views/currentSystem/meterReading/census/surface'), // 抄表率
+    business: () =>
+        import ('@/views/currentSystem/meterReading/census/business'), // 业务统计
+    reportForm: () =>
+        import ('@/views/currentSystem/meterReading/reportForm/index'), // 水量报表管理
 
 
-  //综合管线
-  pipeLineStatistical: () => import('@/views/kxcSystem/pipelineSystem/statisticalAnalysis/pipeLineStatistical/index'), // 管线统计分析
-  //公房管理
-  fileManagement: () => import('@/views/kxcSystem/PublicHouseManage/fileManagement/index'), // 图纸档案管理
-  demolitionMng: () => import('@/views/kxcSystem/PublicHouseManage/demolitionMng/index'), // 房屋拆迁管理
-  demolitionStatistic: () => import('@/views/kxcSystem/PublicHouseManage/demolitionStatistic/index'), // 房屋情况统计
-  HouseDataImp: () => import('@/views/kxcSystem/PublicHouseManage/HouseDataImp/index'), // 字典管理
-  //权限系统
-  userManagement: () => import('@/views/currentSystem/authorityManagement/userRights/index'), // 用户管理
-  userAuthorize: () => import('@/views/currentSystem/authorityManagement/userAuthorize/index'), // 用户授权
-  roleManagement: () => import('@/views/currentSystem/authorityManagement/rolePermission/index'), // 角色管理
-  roleAuthorize: () => import('@/views/currentSystem/authorityManagement/roleAuthorize/index'), // 角色授权
-  
-  organizationManagement: () => import('@/views/currentSystem/authorityManagement/deptManagement/deptMng/index'), // 组织架构
-  serviceConfig: () => import('@/views/currentSystem/authorityManagement/serviceConfig/index'), // 服务配置
-  userLog: () => import('@/views/currentSystem/authorityManagement/journal/index'), // 用户日志
-  dataAuth: () => import('@/views/currentSystem/dataAuth/index'), // 数据权限
-  dictMng: () => import('@/views/currentSystem/authorityManagement/dictManagement/index'), // 字典管理
-}
+    //综合管线
+    pipeLineStatistical: () =>
+        import ('@/views/kxcSystem/pipelineSystem/statisticalAnalysis/pipeLineStatistical/index'), // 管线统计分析
+    //公房管理
+    fileManagement: () =>
+        import ('@/views/kxcSystem/PublicHouseManage/fileManagement/index'), // 图纸档案管理
+    demolitionMng: () =>
+        import ('@/views/kxcSystem/PublicHouseManage/demolitionMng/index'), // 房屋拆迁管理
+    demolitionStatistic: () =>
+        import ('@/views/kxcSystem/PublicHouseManage/demolitionStatistic/index'), // 房屋情况统计
+    HouseDataImp: () =>
+        import ('@/views/kxcSystem/PublicHouseManage/HouseDataImp/index'), // 字典管理
+    //权限系统
+    userManagement: () =>
+        import ('@/views/currentSystem/authorityManagement/userRights/index'), // 用户管理
+    userAuthorize: () =>
+        import ('@/views/currentSystem/authorityManagement/userAuthorize/index'), // 用户授权
+    roleManagement: () =>
+        import ('@/views/currentSystem/authorityManagement/rolePermission/index'), // 角色管理
+    roleAuthorize: () =>
+        import ('@/views/currentSystem/authorityManagement/roleAuthorize/index'), // 角色授权
+
+    organizationManagement: () =>
+        import ('@/views/currentSystem/authorityManagement/deptManagement/deptMng/index'), // 组织架构
+    serviceConfig: () =>
+        import ('@/views/currentSystem/authorityManagement/serviceConfig/index'), // 服务配置
+    userLog: () =>
+        import ('@/views/currentSystem/authorityManagement/journal/index'), // 用户日志
+    dataAuth: () =>
+        import ('@/views/currentSystem/dataAuth/index'), // 数据权限
+    dictMng: () =>
+        import ('@/views/currentSystem/authorityManagement/dictManagement/index'), // 字典管理
+}

src/views/MapView/index.vue

@@ -572,6 +572,7 @@ export default {
      */
     async clickQuery(position, DataServer) {
       console.log('地图点击查询开始')
+      document.getElementById('mapView').style = "cursor:wait"
       this.queryByClick.querying = true // 开始点击查询
       // alert(this.map.getView().getZoom())
       let zoom = this.map.getView().getZoom()
@@ -606,8 +607,10 @@ export default {
         this.popupWindowShow(position, resultArray[0])
       }
       else this.popupWindowClose()
+      document.getElementById('mapView').style = "cursor:default"
       this.queryByClick.querying = false // 结束点击查询
       console.log('地图点击查询结束！！')
+
     },
     /**
      * 执行点击查询

src/views/currentSystem/authorityManagement/dictManagement/index.vue

@@ -35,7 +35,7 @@
             </el-col>
           </el-row>
 
-        <!-- <div style="margin-top:20px">
+          <!-- <div style="margin-top:20px">
           <table-item
             :table-data="list"
             :column="column"
@@ -54,16 +54,9 @@
           />
         </div> -->
           <div class="dictionary-table">
-            <el-table
-              ref="multipleTable"
-              :data="tableData"
-              border
-              :header-cell-style="{fontSize: '14px', fontWeight:'600',background:'#dfeffe',color:'#333333'}"
-              @row-click="rowClick"
-              height="100%"
-              highlight-current-row
-              style="width: 100%;font-size: 14px;border: 0px solid;"
-            >
+            <el-table ref="multipleTable" :data="tableData" border
+                      :header-cell-style="{fontSize: '14px', fontWeight:'600',background:'#dfeffe',color:'#333333'}" @row-click="rowClick"
+                      height="100%" highlight-current-row style="width: 100%;font-size: 14px;border: 0px solid;">
               <!-- <el-table-column type="selection" width="65" align="center"></el-table-column> -->
               <el-table-column label="序号" width="80" align="center">
                 <template slot-scope="scope">
@@ -84,16 +77,9 @@
             </el-table>
             <!-- 分页器 -->
             <div class="pagination">
-              <el-pagination
-                @size-change="handleSizeChange"
-                @current-change="handleCurrentChange"
-                :current-page="pagination.current"
-                :page-sizes="[40, 80, 120, 160]"
-                :page-size="pagination.size"
-                background
-                layout="total, sizes, prev, pager, next, jumper"
-                :total="pagination.total"
-              ></el-pagination>
+              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pagination.current"
+                             :page-sizes="[40, 80, 120, 160]" :page-size="pagination.size" background
+                             layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"></el-pagination>
             </div>
           </div>
         </div>
@@ -101,13 +87,11 @@
 
       <el-col :span="10" class="col-style">
         <div class="righr-container border-style">
-          <DicValue
-           :dicType="dicType"
-          ></DicValue>
+          <DicValue :dicType="dicType"></DicValue>
         </div>
       </el-col>
     </el-row>
-    
+
     <!-- 弹出新增模块框 -->
     <el-dialog :title="dialogTitle" width="40%" :visible.sync="dialogVisible" @close="closeDialog" :close-on-click-modal='false'>
       <el-form ref="formData" :model="formData" :rules="rules" label-width="120px" label-position="right" class="demo-form-inline">
@@ -115,7 +99,7 @@
           <el-col :span="12">
             <el-form-item label="字典编码：" prop="key">
               <!-- onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')" -->
-              <el-input type="text" v-model="formData.key" @input="accountInput" :readonly="readonly"></el-input>
+              <el-input type="text" v-model="formData.key" :readonly="readonly"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -138,18 +122,18 @@
           </el-col>
         </el-row>
 
-        <el-row class="row-form-height" style="height:60px">
+        <!-- <el-row class="row-form-height" style="height:60px">
           <el-col :span="24">
             <el-form-item label="字典描述描述：">
               <el-input type="textarea" :rows="2" v-model="formData.discription" :readonly="readonly"></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
+        </el-row> -->
       </el-form>
       <div class="btn-container">
         <el-button class="btn_float" @click="dialogVisible=false">取消</el-button>
         <el-button class="btn_float" v-if="currentOp=='add'" type="primary" @click="formReset">重置</el-button>
-        <el-button class="btn_float"  v-if="currentOp !='view'" type="primary" @click="submitForm">提交</el-button>
+        <el-button class="btn_float" v-if="currentOp !='view'" type="primary" @click="submitForm">提交</el-button>
       </div>
     </el-dialog>
   </div>
@@ -168,32 +152,33 @@ import {
 
 export default {
   name: 'dictManagement',
-  components: { TableItem, DicValue},
+  components: { TableItem, DicValue },
   data() {
     return {
-      dicName:'',
-      dicCode:'',
-      dicType:{},
-      dictName:'',
-      dictCode:'',
-      dialogTitle:"新增字典",
-      dialogVisible:false,
-      formData:{
-        key:'',
-        ulevel:1,
-        creater:'',
-        createTime:'',
-        discription:'',
+      dicName: '',
+      dicCode: '',
+      dicType: {},
+      dictName: '',
+      dictCode: '',
+      dialogTitle: "新增字典",
+      dialogVisible: false,
+      formData: {
+        key: '',
+        ulevel: 1,
+        creater: '',
+        createTime: '',
+        discription: '',
       },
-      readonly:false,
-      currentOp:'',
-      pagination: { current: 1, size: 40,total:0}, // 分页参数信息
-      tableData:[],
+      readonly: false,
+      currentOp: '',
+      pagination: { current: 1, size: 40, total: 0 }, // 分页参数信息
+      tableData: [],
       multipleSelection: [],
-      user:null,
+      user: null,
       rules: {
         key: [
-          { required: true, message: '请输入字典编号', trigger: 'blur' }
+          { required: true, message: '请输入字典编号', trigger: 'blur' },
+          { pattern: '^[a-zA-Z\$_][a-zA-Z0-9_$]*$', message: '字典编号不合法' }
         ],
         codeRemark: [
           { required: true, message: '请输入字典名称', trigger: 'blur' }
@@ -204,10 +189,10 @@ export default {
   created() {
   },
 
-  mounted(){
-    if(this.$store.state.user){
+  mounted() {
+    if (this.$store.state.user) {
       this.user = this.$store.state.user;
-      this.formData.creater = this.user.hasOwnProperty('username') ? this.user.username:"";
+      this.formData.creater = this.user.hasOwnProperty('username') ? this.user.username : "";
     }
     this.queryDictTypeList();
   },
@@ -217,14 +202,14 @@ export default {
      * 查询字典类型
      * @ulevel=1
     */
-    queryDictTypeList(){
-      let param = Object.assign({ulevel:1},this.pagination);
-      if(this.dictCode !='') param['key'] = this.dictCode;
-      if(this.dictName !='') param['codeRemark'] = this.dictName;
+    queryDictTypeList() {
+      let param = Object.assign({ ulevel: 1 }, this.pagination);
+      if (this.dictCode != '') param['key'] = this.dictCode;
+      if (this.dictName != '') param['codeRemark'] = this.dictName;
       getKeyPage(param).then(res => {
         if (res.code == 1) {
           this.tableData = res.result.records;
-          this.pagination.total = res.result.total;   
+          this.pagination.total = res.result.total;
         } else {
           this.$message({
             type: 'error',
@@ -250,29 +235,17 @@ export default {
       this.multipleSelection = val
     },
 
-    accountInput(val){//账号的实时输入
-      let codeReg = new RegExp("[A-Za-z]+"), //正则 英文；
-      len=val.length,
-      str='';
-      for(var i=0;i<len;i++){
-        if(codeReg.test(val[i])){
-          str+=val[i];
-        }
-      }
-      this.formData.key = str;
-    },
-    
     /**
      * 新增提交
     */
-    submitForm(){
+    submitForm() {
       this.$refs.formData.validate((valid) => {
         if (valid) {
-          if(this.dialogTitle == "新增字典"){
+          if (this.dialogTitle == "新增字典") {
             addDictionary(this.formData).then(res => {
               if (res.code == 1) {
                 this.queryDictTypeList();
-                this.dialogVisible=false;
+                this.dialogVisible = false;
               } else {
                 this.$message({
                   type: 'error',
@@ -281,11 +254,11 @@ export default {
               }
             });
           }
-          if(this.dialogTitle == "编辑字典"){
+          if (this.dialogTitle == "编辑字典") {
             editDictionary(this.formData).then(res => {
               if (res.code == 1) {
                 this.queryDictTypeList();
-                this.dialogVisible=false;
+                this.dialogVisible = false;
               } else {
                 this.$message({
                   type: 'error',
@@ -299,84 +272,84 @@ export default {
           this.$message.error('请检查填写是否正确')
           return false
         }
-      });   
+      });
     },
 
     /**
      * 编辑字典类型
     */
-    editDicType(scope){
+    editDicType(scope) {
       this.formData = scope.row;
-      this.formData.creater=this.user.hasOwnProperty('username') ? this.user.username:"";
+      this.formData.creater = this.user.hasOwnProperty('username') ? this.user.username : "";
       this.dialogTitle = "编辑字典",
-      this.dialogVisible = true;
+        this.dialogVisible = true;
     },
-    
+
     /**
      * 删除字典
     */
-    deleteDicType(scope){
+    deleteDicType(scope) {
       console.log(scope.row);
       let id = scope.row.id;
       this.$confirm('此操作将永久删除该类字典, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          deleteDictionary(id).then(res=>{
-            if(res.code == 1){
-              this.queryDictTypeList();
-              this.$message({
-                type: 'success',
-                 message: '删除成功!'
-              });
-            } else {
-              this.$message({
-               type: 'error',
-               message: '删除失败'
-              });
-            }
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          });          
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteDictionary(id).then(res => {
+          if (res.code == 1) {
+            this.queryDictTypeList();
+            this.$message({
+              type: 'success',
+              message: '删除成功!'
+            });
+          } else {
+            this.$message({
+              type: 'error',
+              message: '删除失败'
+            });
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
         });
-      
+      });
+
     },
 
-    handleAdded(){
+    handleAdded() {
       this.formData.key = '';
       this.formData.createTime = this.getTime();
-      this.formData.creater=this.user.hasOwnProperty('username') ? this.user.username:"";
+      this.formData.creater = this.user.hasOwnProperty('username') ? this.user.username : "";
       this.formData.discription = '';
       this.dialogTitle = "新增字典";
       this.dialogVisible = true;
     },
-    
+
     /**
      * 点击行事件
     */
-    rowClick(row, column, event){
+    rowClick(row, column, event) {
       this.dicType = {
-        key:row.key,
-        codeRemark:row.codeRemark,
+        key: row.key,
+        codeRemark: row.codeRemark,
       };
     },
-    
-    getTime(){
+
+    getTime() {
       var myDate = new Date();
       let yy = myDate.getFullYear();
-      let mm = myDate.getMonth()+1 < 10 ? '0'+ (myDate.getMonth()+1) : myDate.getMonth()+1;
+      let mm = myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1;
       let dd = myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate();
       let hh = myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours();
-      let mi = myDate.getUTCMinutes() < 10 ? '0'+ myDate.getUTCMinutes() : myDate.getUTCMinutes();
+      let mi = myDate.getUTCMinutes() < 10 ? '0' + myDate.getUTCMinutes() : myDate.getUTCMinutes();
       let ss = myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds();
       return yy + "-" + mm + "-" + dd + ' ' + hh + ":" + mi + ":" + ss;
     },
     //重置
-    formReset(){
+    formReset() {
       this.formData = {};
     },
 
@@ -391,26 +364,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-container{
+.app-container {
   position: absolute;
   width: 100%;
   height: calc(100% - 40px);
-  .row-height-width{
+  .row-height-width {
     width: 100%;
     height: 100%;
-    margin-left: 0!important;
-    margin-right: 0!important;
-    .row-bg-line-height{
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    .row-bg-line-height {
       height: 32px;
       line-height: 32px;
       margin: 10px;
 
-      .col-margin-right{
+      .col-margin-right {
         margin-right: 10px;
       }
     }
 
-    .dictionary-table{
+    .dictionary-table {
       width: 100%;
       height: calc(100% - 84px);
     }
@@ -419,41 +392,38 @@ export default {
       height: 100%;
       border: 0.5px solid #e2e2e2;
     }
-    .col-style{
+    .col-style {
       padding: 0px !important;
     }
-    .border-style{
-      border:1px solid #e2e2e2;
+    .border-style {
+      border: 1px solid #e2e2e2;
       height: 100%;
     }
-    .left-container{
+    .left-container {
       margin-right: 10px;
     }
-
   }
 
-  
- /deep/.el-table{
-   tr{
-     height:38px!important;
-   }
- }
-  
+  /deep/.el-table {
+    tr {
+      height: 38px !important;
+    }
+  }
 }
 
-/deep/ .el-dialog__body{
-    padding: 10px 20px !important;
+/deep/ .el-dialog__body {
+  padding: 10px 20px !important;
 }
 
-/deep/ .demo-form-inline{
-  .row-form-height{
+/deep/ .demo-form-inline {
+  .row-form-height {
     height: 40px;
     line-height: 40px;
     margin: 18px 0;
   }
 }
 
-.btn-container{
+.btn-container {
   text-align: right;
 }
 </style>

src/views/currentSystem/authorityManagement/dictManagement/widgets/dicValue.vue

@@ -1,39 +1,34 @@
 <template>
   <div class="dic-container">
-      <el-row type="flex" class="row-bg-line-height" justify="center">
-        <el-col :span="24">
-          <!-- <el-button type="primary" size="small" @click="queryDictTypeList()">查询</el-button> -->
-          <el-button type="primary" size="small" @click="handleAdded" style="width: 60px;">新增</el-button>
-        </el-col>
-      </el-row>
+    <el-row type="flex" class="row-bg-line-height" justify="center">
+      <el-col :span="24">
+        <!-- <el-button type="primary" size="small" @click="queryDictTypeList()">查询</el-button> -->
+        <el-button type="primary" size="small" @click="handleAdded" style="width: 60px;">新增</el-button>
+      </el-col>
+    </el-row>
 
-        <div class="dictionary-table">
-          <el-table
-            ref="multipleTable"
-            :data="tableData"
-            border
-            :header-cell-style="{fontSize: '14px', fontWeight:'600',background:'#dfeffe',color:'#333333'}"
-            height="100%"
-            style="width: 100%;font-size: 14px;border: 0px solid;"
-          >
-            <!-- <el-table-column type="selection" width="65" align="center"></el-table-column> -->
-            <el-table-column label="序号" width="80" align="center">
-              <template slot-scope="scope">
-                <span>{{scope.$index+1}}</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="notes" label="字典名称" show-overflow-tooltip align="center"></el-table-column>
-            <el-table-column prop="codeValue" label="字典编码" show-overflow-tooltip align="center"></el-table-column>
-            <el-table-column label="操作" align="center" width="140">
-              <template slot-scope="scope">
-                <el-button type="text" size="mini" @click="editDicValue(scope)" style="color:#36af36">编辑</el-button>
-                <el-button type="text" size="mini" @click="deleteDicValue(scope)" style="color:#FF0000">删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
+    <div class="dictionary-table">
+      <el-table ref="multipleTable" :data="tableData" border
+                :header-cell-style="{fontSize: '14px', fontWeight:'600',background:'#dfeffe',color:'#333333'}" height="100%"
+                style="width: 100%;font-size: 14px;border: 0px solid;">
+        <!-- <el-table-column type="selection" width="65" align="center"></el-table-column> -->
+        <el-table-column label="序号" width="80" align="center">
+          <template slot-scope="scope">
+            <span>{{scope.$index+1}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="notes" label="字典名称" show-overflow-tooltip align="center"></el-table-column>
+        <el-table-column prop="codeValue" label="字典编码" show-overflow-tooltip align="center"></el-table-column>
+        <el-table-column label="操作" align="center" width="140">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="editDicValue(scope)" style="color:#36af36">编辑</el-button>
+            <el-button type="text" size="mini" @click="deleteDicValue(scope)" style="color:#FF0000">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
 
-          <!-- 分页器 -->
-          <!-- <div class="pagination" style="box-sizing: border-box;float:right;padding-right:10px">
+      <!-- 分页器 -->
+      <!-- <div class="pagination" style="box-sizing: border-box;float:right;padding-right:10px">
             <el-pagination
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
@@ -45,62 +40,62 @@
               :total="pagination.total"
             ></el-pagination>
           </div> -->
-        </div>
+    </div>
 
-        <!-- 弹出新增模块框 -->
-        
-       <el-dialog :title="dialogTitle" width="40%" :visible.sync="dialogVisible" @close="closeDialog" :close-on-click-modal='false'>
-            <el-form ref="formData" :model="formData" :rules="rules" label-width="120px" label-position="right" class="demo-form-inline">
-              <el-row class="row-form-height">
-                <el-col :span="12">
-                  <el-form-item label="字典类型编码：">
-                    <el-input v-model="formData.key" placeholder="" size="small" :disabled="true"/>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="字典类型名称：">
-                    <el-input v-model="formData.codeRemark" placeholder="" size="small" :disabled="true"/>
-                  </el-form-item>
-                </el-col>
-              </el-row>
+    <!-- 弹出新增模块框 -->
 
-              <el-row class="row-form-height">
-                <el-col :span="12">
-                  <el-form-item label="字典值编码：" prop="codeValue">
-                    <el-input type="text" v-model="formData.codeValue" :readonly="readonly"></el-input>
-                  </el-form-item>
-                </el-col>
-                
-                <el-col :span="12">
-                  <el-form-item label="字典值名称：" prop="notes">
-                    <el-input type="text" v-model="formData.notes" :readonly="readonly"></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
+    <el-dialog :title="dialogTitle" width="40%" :visible.sync="dialogVisible" @close="closeDialog" :close-on-click-modal='false'>
+      <el-form ref="formData" :model="formData" :rules="rules" label-width="120px" label-position="right" class="demo-form-inline">
+        <el-row class="row-form-height">
+          <el-col :span="12">
+            <el-form-item label="字典类型编码：">
+              <el-input v-model="formData.key" placeholder="" :disabled="true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="字典类型名称：">
+              <el-input v-model="formData.codeRemark" placeholder="" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-              <el-row class="row-form-height">
-                <el-col :span="12">
-                  <el-form-item label="字典值序号：">
-                    <el-input type="number" v-model="formData.sort" :readonly="readonly"></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              
-              
-              <el-row class="row-form-height" style="height:60px">
+        <el-row class="row-form-height">
+          <el-col :span="12">
+            <el-form-item label="字典值编码：" prop="codeValue">
+              <el-input type="text" v-model="formData.codeValue" :readonly="readonly"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="字典值名称：" prop="notes">
+              <el-input type="text" v-model="formData.notes" :readonly="readonly"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row class="row-form-height">
+          <el-col :span="12">
+            <el-form-item label="字典值序号：">
+              <!-- <el-input type="number" v-model="formData.sort" :readonly="readonly"></el-input> -->
+              <el-input-number v-model="formData.sort" :min="1" :step="1" :readonly="readonly" @blur="inputNumber" controls-position="right" style="width:100%"></el-input-number>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- <el-row class="row-form-height" style="height:60px">
                 <el-col :span="24">
                   <el-form-item label="描述：">
                     <el-input type="textarea" :rows="2" v-model="formData.discription" :readonly="readonly"></el-input>
                   </el-form-item>
                 </el-col>
-              </el-row>
-           </el-form>
-           <div class="btn-container">
-              <el-button class="btn_float" @click="dialogVisible=false">取消</el-button>
-              <!-- <el-button class="btn_float" v-if="currentOp=='add'" type="primary" @click="formReset">重置</el-button> -->
-              <el-button class="btn_float"  v-if="currentOp !='view'" type="primary" @click="submitForm">提交</el-button>
-           </div>
-       </el-dialog>
+              </el-row> -->
+      </el-form>
+      <div class="btn-container">
+        <el-button class="btn_float" @click="dialogVisible=false">取消</el-button>
+        <!-- <el-button class="btn_float" v-if="currentOp=='add'" type="primary" @click="formReset">重置</el-button> -->
+        <el-button class="btn_float" v-if="currentOp !='view'" type="primary" @click="submitForm">提交</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -122,25 +117,26 @@ export default {
   },
   data() {
     return {
-      dicName:'',
-      dicCode:'',
-      dialogTitle:"新增字典值",
-      currentOp:'add',
-      dialogVisible:false,
-      formData:{
-        key:'',
-        codeRemark:'',
-        ulevel:2,
-        codeValue:0,
-        notes:'',
-        sort:1,
+      dicName: '',
+      dicCode: '',
+      dialogTitle: "新增字典值",
+      currentOp: 'add',
+      dialogVisible: false,
+      formData: {
+        key: '',
+        codeRemark: '',
+        ulevel: 2,
+        codeValue: '0',
+        notes: '',
+        sort: 1,
       },
       pagination: { current: 1, size: 10 }, // 分页参数信息
-      tableData:[],
-      readonly:false,
+      tableData: [],
+      readonly: false,
       rules: {
         codeValue: [
-          { required: true, message: '请输入字典值编码', trigger: 'blur' }
+          { required: true, message: '请输入字典值编码', trigger: 'blur' },
+          { pattern: '^[0-9a-zA-Z]+$', message: '字典值不合法' }
         ],
         notes: [
           { required: true, message: '请输入字典值名称', trigger: 'blur' }
@@ -148,11 +144,11 @@ export default {
       },
     }
   },
-  watch:{
+  watch: {
     /**
      * 监测字典类型改变
     */
-    dicType(newValue,oldValue){
+    dicType(newValue, oldValue) {
       this.formData.key = newValue.key;
       this.formData.codeRemark = newValue.codeRemark;
       this.getValueListByKeys(newValue.key);
@@ -160,32 +156,35 @@ export default {
   },
   computed: {},
   mounted() {
-    this.$nextTick(()=>{
+    this.$nextTick(() => {
     });
   },
-  mounted(){
-    
+  mounted() {
+
   },
   methods: {
+    inputNumber(){
+      if (!this.formData.sort) { this.formData.sort = 1 }
+    },
     /**
      * 根据字典key值查询value
     */
-    getValueListByKeys(dictName){
+    getValueListByKeys(dictName) {
       let param = null;
-      if(dictName != ''){
-        param = { 
+      if (dictName != '') {
+        param = {
           keys: dictName
         }
       }
       getDicValueByKeys(param).then(res => {
         if (res.code == 1) {
-          if(res.result.hasOwnProperty(this.dicType.key)){
+          if (res.result.hasOwnProperty(this.dicType.key)) {
             this.tableData = res.result[this.dicType.key];
-          } else{
+          } else {
             this.tableData = [];
           }
         } else {
-          this.$message.error('查询失败！'); 
+          this.$message.error('查询失败！');
         }
       });
     },
@@ -193,31 +192,31 @@ export default {
     /**
      * 提交数据
     */
-    submitForm(){
-      if(!this.formData.key){
+    submitForm() {
+      if (!this.formData.key) {
         return null;
       }
       this.$refs.formData.validate((valid) => {
         if (valid) {
-          if(this.dialogTitle == "新增字典值"){
+          if (this.dialogTitle == "新增字典值") {
             addDictionary(this.formData).then(res => {
               if (res.code == 1) {
                 this.getValueListByKeys(this.dicType.key);
-                this.dialogVisible=false;
+                this.dialogVisible = false;
               } else {
                 this.$message({
                   type: 'error',
                   message: '提交失败！'
                 });
               }
-           });
+            });
           }
 
-          if(this.dialogTitle == "编辑字典值"){
+          if (this.dialogTitle == "编辑字典值") {
             editDictionary(this.formData).then(res => {
               if (res.code == 1) {
                 this.getValueListByKeys(this.dicType.key);
-                this.dialogVisible=false;
+                this.dialogVisible = false;
               } else {
                 this.$message({
                   type: 'error',
@@ -225,7 +224,7 @@ export default {
                 });
               }
             });
-          } 
+          }
           return true
         } else {
           this.$message.error('请检查填写是否正确')
@@ -238,44 +237,44 @@ export default {
     /**
      * 编辑字典类型
     */
-    editDicValue(scope){
+    editDicValue(scope) {
       this.formData = scope.row;
       this.dialogTitle = "编辑字典值",
-      this.dialogVisible = true;
+        this.dialogVisible = true;
     },
 
     /**
      * 删除字典
     */
-    deleteDicValue(scope){
+    deleteDicValue(scope) {
       console.log(scope.row);
       let id = scope.row.id;
       this.$confirm('此操作将永久删除该类字典, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          deleteDictionary(id).then(res=>{
-            if(res.code == 1){
-              this.getValueListByKeys(this.dicType.key);
-              this.$message({
-                type: 'success',
-                 message: '删除成功!'
-              });
-            } else {
-              this.$message({
-               type: 'error',
-               message: '删除失败'
-              });
-            }
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          });          
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteDictionary(id).then(res => {
+          if (res.code == 1) {
+            this.getValueListByKeys(this.dicType.key);
+            this.$message({
+              type: 'success',
+              message: '删除成功!'
+            });
+          } else {
+            this.$message({
+              type: 'error',
+              message: '删除失败'
+            });
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
         });
-      
+      });
+
     },
     //  页码
     handleCurrentChange(currentPage) {
@@ -287,25 +286,25 @@ export default {
       this.pagination.size = pagesize
     },
 
-    handleAdded(){
+    handleAdded() {
       this.formData = {
-        key:this.dicType.key,
-        codeRemark:this.dicType.codeRemark,
-        creater:'admin',
-        ulevel:2,
-        codeValue:0,
-        notes:'',
-        sort:null,
-        discription:''
+        key: this.dicType.key,
+        codeRemark: this.dicType.codeRemark,
+        creater: 'admin',
+        ulevel: 2,
+        codeValue: '0',
+        notes: '',
+        sort: null,
+        discription: ''
       }
       this.dialogVisible = true;
     },
-    _editor(param){
-        console.log(param)
+    _editor(param) {
+      console.log(param)
     },
 
     //重置
-    formReset(){
+    formReset() {
       this.formData = {};
     },
 
@@ -319,41 +318,41 @@ export default {
 }
 </script>
 <style lang='scss' scoped>
-.dic-container{
-    height: 100%;
-    width: 100%;
-    .row-bg-line-height{
-      height: 32px;
-      line-height: 32px;
-      margin: 10px;
+.dic-container {
+  height: 100%;
+  width: 100%;
+  .row-bg-line-height {
+    height: 32px;
+    line-height: 32px;
+    margin: 10px;
 
-      .col-margin-right{
-        margin-right: 10px;
-      }
-    }
-    .dictionary-table{
-      width: 100%;
-      height: calc(100% - 50px);
-    }
-    /deep/ .el-table {
-      height: 100%;
-      // border: 0.5px solid #e2e2e2;
+    .col-margin-right {
+      margin-right: 10px;
     }
+  }
+  .dictionary-table {
+    width: 100%;
+    height: calc(100% - 50px);
+  }
+  /deep/ .el-table {
+    height: 100%;
+    // border: 0.5px solid #e2e2e2;
+  }
 }
 
-/deep/ .el-dialog__body{
-    padding: 10px 20px !important;
+/deep/ .el-dialog__body {
+  padding: 10px 20px !important;
 }
 
-/deep/ .demo-form-inline{
-  .row-form-height{
+/deep/ .demo-form-inline {
+  .row-form-height {
     height: 40px;
     line-height: 40px;
     margin: 10px 0;
   }
 }
 
-.btn-container{
+.btn-container {
   text-align: right;
 }
 </style>

src/views/currentSystem/statisticAnalysisMng/index.vue

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

src/views/currentSystem/statisticAnalysisMng/statisticAnalysis/index.vue

@@ -1,13 +0,0 @@
-<template>
-    <div>河湖监测</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>

src/views/currentSystem/waterHotline/callCenter/IVRflowPathDefine/index.vue

@@ -1,26 +0,0 @@
-<template>
-  <div class="app-container">
-    IVR流程定义
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'IVRflowPathDefine',
-  components: { },
-  data() {
-    return {
-
-    }
-  },
-  created() {
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/views/currentSystem/waterHotline/callCenter/IVRflowPathSet/index.vue

@@ -1,26 +0,0 @@
-<template>
-  <div class="app-container">
-    IVR流程设置
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'IVRflowPathSet',
-  components: { },
-  data() {
-    return {
-
-    }
-  },
-  created() {
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/views/currentSystem/waterHotline/callCenter/voices/index.vue

@@ -1,26 +0,0 @@
-<template>
-  <div class="app-container">
-    语音库
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Voices',
-  components: { },
-  data() {
-    return {
-
-    }
-  },
-  created() {
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/cbxx.vue

@@ -1,159 +0,0 @@
-<template>
-  <div>
-    <table-item
-      :table-data="list"
-      :column="column"
-      :pagination="true"
-      :pagesize="pagination.size"
-      :currentpage="pagination.current"
-      :border="true"
-      :isdelete="true"
-      :multiple="false"
-      :total="total"
-      :fixed="false"
-    />
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'MeterReading',
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      list: [
-        {
-          khbh: '01640100001',
-          cbyf: '202008',
-          cbrq: '2020-08-22',
-          cbfs: '人工录入',
-          cblx: '计划',
-          sbqd: '66',
-          sbzd: '72',
-          yssl: '6',
-          cbry: '张三',
-          cbxl: '沱源自来水公司',
-          cbc: '64沱源小区',
-          sfsh: '是'
-        },
-        {
-          khbh: '01640100001',
-          cbyf: '202007',
-          cbrq: '2020-07-21',
-          cbfs: '人工录入',
-          cblx: '计划',
-          sbqd: '62',
-          sbzd: '66',
-          yssl: '4',
-          cbry: '张三',
-          cbxl: '沱源自来水公司',
-          cbc: '64沱源小区',
-          sfsh: '是'
-        },
-        {
-          khbh: '01640100001',
-          cbyf: '202006',
-          cbrq: '2020-06-22',
-          cbfs: '人工录入',
-          cblx: '计划',
-          sbqd: '55',
-          sbzd: '62',
-          yssl: '7',
-          cbry: '张三',
-          cbxl: '沱源自来水公司',
-          cbc: '64沱源小区',
-          sfsh: '是'
-        },
-        {
-          khbh: '01640100001',
-          cbyf: '202005',
-          cbrq: '2020-05-21',
-          cbfs: '人工录入',
-          cblx: '计划',
-          sbqd: '50',
-          sbzd: '55',
-          yssl: '5',
-          cbry: '张三',
-          cbxl: '沱源自来水公司',
-          cbc: '64沱源小区',
-          sfsh: '是'
-        }
-      ],
-      column: [
-        {
-          label: '客户编号',
-          prop: 'khbh',
-          width: 120
-        },
-        {
-          label: '抄表月份',
-          prop: 'cbyf'
-        },
-        {
-          label: '抄表日期',
-          prop: 'cbrq'
-        },
-        {
-          label: '抄表方式',
-          prop: 'cbfs'
-        },
-        {
-          label: '抄表类型',
-          prop: 'cblx'
-        },
-        {
-          label: '水表起度',
-          prop: 'sbqd'
-        },
-        {
-          label: '水表止度',
-          prop: 'sbzd'
-        },
-        {
-          label: '用水数量',
-          prop: 'yssl'
-        },
-        {
-          label: '抄表人员',
-          prop: 'cbry'
-        },
-        {
-          label: '抄表线路',
-          prop: 'cbxl',
-          width: 150
-        },
-        {
-          label: '抄表册',
-          prop: 'cbc'
-        },
-        {
-          label: '是否审核',
-          prop: 'sfsh'
-        }
-      ]
-    }
-  },
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/index.vue

@@ -1,145 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 综合资料 -->
-    <el-row class="search" type="flex">
-      <el-col :span="6">
-        <div class="search_box">
-          <el-row>
-            <el-col :span="7">
-              <span>关键字:</span>
-            </el-col>
-            <el-col :span="16">
-              <el-autocomplete
-                v-model="state"
-                size="small"
-                :fetch-suggestions="querySearchAsync"
-                placeholder="请输入客户编号、姓名、电话"
-                @select="handleSelect"
-              />
-            </el-col>
-          </el-row>
-        </div>
-      </el-col>
-      <el-col :span="2">
-        <el-button type="primary" size="small">搜 索</el-button>
-      </el-col>
-    </el-row>
-    <el-tabs type="border-card" class="message_box">
-      <el-tab-pane label="客户信息">
-        <khxx />
-      </el-tab-pane>
-      <el-tab-pane label="水表信息">
-        <sbxx />
-      </el-tab-pane>
-      <el-tab-pane label="抄表信息">
-        <cbxx />
-      </el-tab-pane>
-      <el-tab-pane label="欠费信息">
-        <qfxx />
-      </el-tab-pane>
-      <el-tab-pane label="缴费信息">
-        <jfxx />
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import khxx from './khxx'
-import sbxx from './sbxx'
-import qfxx from './qfxx'
-import jfxx from './jfxx'
-import cbxx from './cbxx'
-
-export default {
-  name: 'BusinessOrder',
-  components: { khxx, sbxx, jfxx, qfxx, cbxx },
-  data() {
-    return {
-      restaurants: [],
-      state: '',
-      timeout: null
-    }
-  },
-
-  created() {
-    // console.log('3223', allComps)
-  },
-  mounted() {
-    this.restaurants = this.loadAll()
-  },
-  methods: {
-    loadAll() {
-      return [{ value: '01640100001(张三)', address: '张三' }]
-    },
-    // 后台搜索
-    querySearchAsync(queryString, cb) {
-      var restaurants = this.restaurants
-      var results = queryString
-        ? restaurants.filter(this.createStateFilter(queryString))
-        : restaurants
-
-      clearTimeout(this.timeout)
-      this.timeout = setTimeout(() => {
-        cb(results)
-      }, 3000 * Math.random())
-    },
-    createStateFilter(queryString) {
-      return state => {
-        return (
-          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
-        )
-      }
-    },
-    handleSelect(item) {
-      console.log(item)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.search {
-  margin-bottom: 18px;
-}
-.message_box {
-  height: 100%;
-  /deep/ .is-active {
-    height: 100%;
-  }
-}
-.search_box {
-  span {
-    line-height: 32px;
-  }
-}
-.text {
-  font-size: 14px;
-}
-
-.item {
-  margin-bottom: 18px;
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: '';
-}
-.clearfix:after {
-  clear: both;
-}
-
-.box-card {
-  width: 100%;
-  margin-top: 20px;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #fff;
-}
-/deep/ .el-tabs--border-card .el-tabs__item {
-  color: #fff;
-}
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/jfxx.vue

@@ -1,153 +0,0 @@
-<template>
-  <div>
-    <!-- 客户缴费信息 -->
-    <!-- <el-card class="box-card">
-      <div>
-        <el-row type="flex">
-          <el-col :span="8">
-            合计实收金额:
-            <span class="font_scr">0.00</span>元
-          </el-col>
-          <el-col :span="8">
-            合计实收水量:
-            <span class="font_scb">0</span>方
-          </el-col>
-          <el-col :span="8">
-            合计实收违约金额:
-            <span class="font_scb">0.00</span>元
-          </el-col>
-        </el-row>
-      </div>
-    </el-card>-->
-    <table-item
-      :table-data="list"
-      :column="column"
-      :pagination="true"
-      :pagesize="pagination.size"
-      :currentpage="pagination.current"
-      :border="true"
-      :isdelete="true"
-      :multiple="false"
-      :total="total"
-      :fixed="false"
-    />
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'Jfxx',
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      list: [
-        {
-          khbh: '01640100001',
-          khxm: '张三',
-          zhlb: '预存账户',
-          jfqye: '30',
-          jfje: '200',
-          jfhye: '230',
-          bz: '',
-          syy: '李四',
-          sfrq: '2020-08-11 09:42:25'
-        },
-        {
-          khbh: '01640100001',
-          khxm: '张三',
-          zhlb: '预存账户',
-          jfqye: '20',
-          jfje: '50',
-          jfhye: '70',
-          bz: '',
-          syy: '李四',
-          sfrq: '2020-07-11 09:22:25'
-        },
-        {
-          khbh: '01640100001',
-          khxm: '张三',
-          zhlb: '预存账户',
-          jfqye: '10',
-          jfje: '100',
-          jfhye: '110',
-          bz: '',
-          syy: '李四',
-          sfrq: '2020-06-11 09:42:25'
-        },
-        {
-          khbh: '01640100001',
-          khxm: '张三',
-          zhlb: '预存账户',
-          jfqye: '0',
-          jfje: '50',
-          jfhye: '50',
-          bz: '',
-          syy: '李四',
-          sfrq: '2020-05-11 09:36:25'
-        }
-      ],
-      column: [
-        {
-          label: '客户编号',
-          prop: 'khbh',
-          width: 120
-        },
-        {
-          label: '客户姓名',
-          prop: 'khxm'
-        },
-        {
-          label: '账户类别',
-          prop: 'zhlb'
-        },
-        {
-          label: '缴费前余额',
-          prop: 'jfqye'
-        },
-        {
-          label: '缴费金额',
-          prop: 'jfje'
-        },
-        {
-          label: '缴费后余额',
-          prop: 'jfhye'
-        },
-        {
-          label: '备注',
-          prop: 'bz'
-        },
-        {
-          label: '收银员',
-          prop: 'syy'
-        },
-        {
-          label: '收费日期',
-          prop: 'sfrq'
-        }
-      ]
-    }
-  },
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/khxx.vue

@@ -1,162 +0,0 @@
-<template>
-  <div class="client">
-    <!-- 客户信息 -->
-    <el-form ref="form" label-width="110px" size="small">
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="客户编号：">
-            <el-input v-model="form.khbh" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="客户姓名：">
-            <el-input v-model="form.khxm" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="联系电话：">
-            <el-input v-model="form.lxdh" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="客户地址：">
-            <el-input v-model="form.khdz" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="营业区域：">
-            <el-input v-model="form.yyqy" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="供水片区：">
-            <el-input v-model="form.gspq" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="缴费账户：">
-            <el-input v-model="form.jfzh" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="账户状态：">
-            <el-input v-model="form.zhzt" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="账户余额：">
-            <el-input v-model="form.zhye" readonly />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="装表口径：">
-            <el-input v-model="form.zbkj" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="用水性质：">
-            <el-input v-model="form.ysxz" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="性质细分：">
-            <el-input v-model="form.xzxf" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="水表用途：">
-            <el-input v-model="form.sbyt" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="是否阶梯：">
-            <el-input v-model="form.sfjt" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="是否计量：">
-            <el-input v-model="form.sfjl" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="是否计费：">
-            <el-input v-model="form.sfjf" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="用水大户：">
-            <el-input v-model="form.ysdh" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="性质类型：">
-            <el-input v-model="form.xzlx" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="抄表周期：">
-            <el-input v-model="form.cbzq" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="应缴费日：">
-            <el-input v-model="form.yjfr" readonly />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="开户日期：">
-            <el-input v-model="form.khrq" readonly />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Khxx',
-  components: {},
-  data() {
-    return {
-      form: {
-        khbh: '01640100001',
-        khxm: '张三',
-        lxdh: '13888888888',
-        khdz: '沱源小区',
-        yyqy: '沱源自来水公司',
-        gspq: '64沱源',
-        jfzh: '01640100',
-        zhzt: '正常',
-        zhye: '70',
-        zbkj: '20',
-        ysxz: '生活用水',
-        xzxf: '生活用水方案',
-        sbyt: '户表',
-        sfjt: '是',
-        sfjl: '是',
-        sfjf: '是',
-        ysdh: '否',
-        cbzq: '每月抄表',
-        yjfr: '3',
-        xzlx: '普通',
-        khrq: '2020-01-01'
-      }
-    }
-  },
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.client {
-  /deep/ .el-input__inner {
-    border-radius: 0px;
-    border: 0;
-    border-bottom: 1px solid #000;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/qfxx.vue

@@ -1,140 +0,0 @@
-<template>
-  <div>
-    <!-- 客户欠费信息 -->
-    <!-- <el-card class="box-card">
-      <div>
-        <el-row type="flex">
-          <el-col :span="8">
-            合计欠费金额:
-            <span class="font_scr">0.00</span>元
-          </el-col>
-          <el-col :span="8">
-            合计欠费水量:
-            <span class="font_scb">0</span>方
-          </el-col>
-          <el-col :span="8">
-            合计违约金额:
-            <span class="font_scb">0.00</span>元
-          </el-col>
-        </el-row>
-      </div>
-    </el-card>-->
-    <table-item
-      :table-data="list"
-      :column="column"
-      :pagination="true"
-      :pagesize="pagination.size"
-      :currentpage="pagination.current"
-      :border="true"
-      :multiple="false"
-      :total="total"
-      :isdelete="true"
-      :fixed="false"
-    />
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'Qfxx',
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      list: [
-        {
-          khbh: '01640100001',
-          cbyf: '',
-          sbqd: '',
-          sbzd: '',
-          cjsl: '',
-          jlsl: '',
-          jfsl: '',
-          ysje: '',
-          sjje: '',
-          zzse: '',
-          yisje: '',
-          qfje: '',
-          wssl: ''
-        }
-      ],
-      column: [
-        {
-          label: '客户编号',
-          prop: 'khbh',
-          width: 120
-        },
-        {
-          label: '抄表月份',
-          prop: 'cbyf'
-        },
-        {
-          label: '水表起度',
-          prop: 'sbqd'
-        },
-        {
-          label: '水表止度',
-          prop: 'sbzd'
-        },
-        {
-          label: '抄见水量',
-          prop: 'cjsl'
-        },
-        {
-          label: '计量水量',
-          prop: 'jlsl'
-        },
-        {
-          label: '计费水量',
-          prop: 'jfsl'
-        },
-        {
-          label: '实际金额',
-          prop: 'sjje'
-        },
-        {
-          label: '应收金额',
-          prop: 'ysje'
-        },
-        {
-          label: '增值税额',
-          prop: 'zzse'
-        },
-        {
-          label: '已收金额',
-          prop: 'yisje'
-        },
-        {
-          label: '欠费金额',
-          prop: 'qfje'
-        },
-        {
-          label: '未收水量',
-          prop: 'wssl'
-        }
-      ]
-    }
-  },
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/currentSystem/waterHotline/comprehensiveData/sbxx.vue

@@ -1,78 +0,0 @@
-<template>
-  <div class="client">
-    <!-- 水表信息 -->
-    <el-form ref="form" label-width="110px" size="small">
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="水表编号：">
-            <el-input v-model="form.sbbh" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="水表类型：">
-            <el-input v-model="form.sblx" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="水表厂家：">
-            <el-input v-model="form.sbcj" readonly />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="水表型号：">
-            <el-input v-model="form.sbxh" readonly />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="水表口径：">
-            <el-input v-model="form.sbkj" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="水表底度：">
-            <el-input v-model="form.sbdd" readonly />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="装表日期：">
-            <el-input v-model="form.zbrq" readonly />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Khxx',
-  components: {},
-  data() {
-    return {
-      form: {
-        sbbh: '01640100001',
-        sblx: '远程表',
-        sbcj: '优艾特',
-        sbxh: '2.5',
-        sbkj: '20',
-        sbdd: '0',
-        zbrq: '2020-01-01'
-      }
-    }
-  },
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.client {
-  /deep/ .el-input__inner {
-    border-radius: 0px;
-    border: 0;
-    border-bottom: 1px solid #000;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/control/container.vue

@@ -1,158 +0,0 @@
-<template>
-  <el-card class="box-card" :style="{width: width}">
-    <div slot="header" class="clearfix">
-      <span>{{ title }}</span>
-      <el-select v-if="choice" v-model="task" placeholder="选择统计任务" size="small" class="select_style">
-        <el-option
-          v-for="item in statisticalTask"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
-      <el-select v-if="choice" v-model="timeSlot" placeholder="选择统计任务" size="small" class="select_style select_wd">
-        <el-option
-          v-for="item in time"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
-      <el-button v-if="refresh" class="btn_class" icon="el-icon-refresh-right" type="primary" circle @click="handelRefresh" />
-      <el-button v-if="more" class="btn_class" icon="el-icon-more" type="primary" circle @click="handelMore" />
-      <el-button v-if="linebar" class="btn_class" icon="el-icon-share" type="primary" circle @click="handelLine" />
-      <el-button v-if="linebar" class="btn_class" icon="el-icon-s-data" type="primary" circle @click="handelbar" />
-
-    </div>
-    <div class="text item" :style="{ height: itemHeirht }">
-      <slot />
-    </div>
-  </el-card>
-</template>
-
-<script>
-export default {
-  name: 'Control',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    refresh: {
-      type: Boolean,
-      default: false
-    },
-    more: {
-      type: Boolean,
-      default: false
-    },
-    linebar: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: String,
-      default: '49%'
-    },
-    itemHeirht: {
-      type: String,
-      default: '200px'
-    },
-    statisticalTask: {
-      type: Array,
-      default: () => []
-    },
-    time: {
-      type: Array,
-      default: () => []
-    },
-    choice: {
-      type: Boolean,
-      default: false
-    },
-    refName: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      task: '',
-      timeSlot: '1'
-
-    }
-  },
-  methods: {
-    // 刷新
-    handelRefresh() {
-      this.$emit('refresh')
-    },
-
-    // 更多
-    handelMore() {
-      this.$emit('more')
-    },
-
-    handelLine() {
-      this.$emit('line', this.refName)
-    },
-    handelbar() {
-      this.$emit('bar', this.refName)
-    }
-  }
-
-}
-</script>
-
-<style lang="scss" scoped>
-.text {
-  font-size: 14px;
-}
-
-.item {
-  margin-bottom: 18px;
-  overflow: auto;
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-}
-.clearfix:after {
-  clear: both
-}
-.clearfix{
-  padding: 10px 20px;
-  background: rgba(57, 153, 243, 0.15);
-}
-
-.box-card {
-  float: left;
-  margin-bottom: 1%;
-  margin-right: 1%;
-}
-.btn_class {
-  float: right;
-  padding: 3px;
-  margin: 0 5px
-}
-.select_style{
-  width: 36%;
-  // float: left;
-  display: inline-block;
-  .el-input{
-  width: 100% !important;
-}
-}
-.select_wd{
-  width: 21%;
-}
-</style>
-<style lang='scss'>
-.select_style,.select_wd{
-  .el-input{
-  width: 100% !important;
-}
-}
-</style>

src/views/currentSystem/waterHotline/control/index.vue

@@ -1,332 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 分析监控 -->
-    <container
-      title="客户数据总览"
-      :refresh="true"
-      :more="false"
-      :linebar="false"
-      width="49%"
-      item-heirht="200px"
-      @refresh="refreshView"
-      @more="moreData"
-    >
-      <div class="content_box">
-        <div v-for="(item,index) in customerData" :key="index" class="item_box">
-          <div class="item_title" :style="{'background-image': item.title_bg}">{{ item.title }}</div>
-          <div class="item_nub">{{ item.nub }}</div>
-        </div>
-      </div>
-    </container>
-    <container
-      title="系统公告通知"
-      :refresh="true"
-      :more="true"
-      :linebar="false"
-      width="49%"
-      item-heirht="200px"
-      @refresh="refreshView"
-      @more="moreData"
-    >
-      <div class="content_box">
-        <el-collapse v-model="activeNames" @change="handleChange">
-          <el-collapse-item title="标题" name="1">
-            <div>发布人：张三</div>
-            <div>发布时间：2020-08-14 10:40:00</div>
-            <div>操作：做了啥操作</div>
-            <div>内容：主要内容</div>
-          </el-collapse-item>
-          <el-collapse-item title="标题" name="2">
-            <div>发布人：张三</div>
-            <div>发布时间：2020-08-14 10:40:00</div>
-            <div>操作：做了啥操作</div>
-            <div>内容：主要内容</div>
-          </el-collapse-item>
-          <el-collapse-item title="标题" name="3">
-            <div>发布人：张三</div>
-            <div>发布时间：2020-08-14 10:40:00</div>
-            <div>操作：做了啥操作</div>
-            <div>内容：主要内容</div>
-          </el-collapse-item>
-        </el-collapse>
-      </div>
-    </container>
-    <container
-      title="浏览外呼统计"
-      :refresh="true"
-      :more="false"
-      :linebar="false"
-      :statistical-task="statisticalTask"
-      :time="time"
-      :choice="true"
-      width="49%"
-      item-heirht="200px"
-      @refresh="refreshView"
-      @more="moreData"
-    >
-      <div class="content_box">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="false"
-          :border="true"
-          :multiple="false"
-          :fixed="true"
-          :isdelete="false"
-        />
-      </div>
-    </container>
-    <container
-      title="预拨号统计"
-      :refresh="true"
-      :more="false"
-      :linebar="false"
-      :statistical-task="statisticalTask"
-      :time="time"
-      :choice="true"
-      width="49%"
-      item-heirht="200px"
-      @refresh="refreshView"
-      @more="moreData"
-    >
-      <div class="content_box">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="false"
-          :border="true"
-          :multiple="false"
-          :fixed="true"
-          :isdelete="false"
-        />
-      </div>
-    </container>
-    <container
-      title="最近5天呼入统计对比"
-      ref-name="ehartsRefOne"
-      :refresh="false"
-      :more="false"
-      :linebar="true"
-      :choice="false"
-      width="99%"
-      item-heirht="350px"
-      @line="line"
-      @bar="bar"
-    >
-      <div class="content_box">
-        <Eharts ref="ehartsRefOne" :echart-obj="echartObj" />
-      </div>
-    </container>
-    <container
-      title="最近5天呼出统计对比"
-      ref-name="ehartsRefTwo"
-      :refresh="false"
-      :more="false"
-      :linebar="true"
-      :choice="false"
-      width="99%"
-      item-heirht="350px"
-      @line="line"
-      @bar="bar"
-    >
-      <div class="content_box">
-        <Eharts ref="ehartsRefTwo" :echart-obj="echartObj" />
-      </div>
-    </container>
-    <container
-      title="最近5天通话时长统计对比"
-      ref-name="ehartsRef"
-      :refresh="false"
-      :more="false"
-      :linebar="true"
-      :choice="false"
-      width="99%"
-      item-heirht="350px"
-      @line="line"
-      @bar="bar"
-    >
-      <div class="content_box">
-        <Eharts ref="ehartsRef" :echart-obj="echartObj" />
-      </div>
-    </container>
-  </div>
-</template>
-
-<script>
-import container from '@/components/Container/index'
-import TableItem from '@/components/Table'
-import Eharts from '@/components/Echarts/index'
-
-export default {
-  name: 'Control',
-  components: { container, TableItem, Eharts },
-  data() {
-    return {
-      customerData: [
-        {
-          title: '客户总数',
-          title_bg: 'linear-gradient(135deg,#59C559,#0ca90c)',
-          nub: 0
-        },
-        {
-          title: '未拨打',
-          title_bg: 'linear-gradient(135deg,#C6C5C5,#adabab)',
-          nub: 0
-        },
-        {
-          title: '已拨打',
-          title_bg: 'linear-gradient(135deg,#6DC1FD,#2FA7FD)',
-          nub: 0
-        },
-        {
-          title: '今日分配',
-          title_bg: 'linear-gradient(135deg,#6DC1FD,#2FA7FD)',
-          nub: 0
-        },
-        {
-          title: '今日拨打',
-          title_bg: 'linear-gradient(135deg,#6DC1FD,#2FA7FD)',
-          nub: 0
-        },
-        {
-          title: '未处理预约总数',
-          title_bg: 'linear-gradient(135deg,#C6C5C5,#adabab)',
-          nub: 0
-        },
-        {
-          title: '超期未处理预约',
-          title_bg: 'linear-gradient(135deg,#FE8D90,#FE5B60)',
-          nub: 0
-        },
-        {
-          title: '今日预约',
-          title_bg: 'linear-gradient(135deg,#6DC1FD,#2FA7FD)',
-          nub: 0
-        },
-        {
-          title: '今日到期预约',
-          title_bg: 'linear-gradient(135deg,#FE8D90,#FE5B60)',
-          nub: 0
-        }
-      ],
-      activeNames: [],
-      statisticalTask: [
-        {
-          value: '1',
-          label: '任务1'
-        }
-      ],
-      time: [
-        {
-          value: '1',
-          label: '今日数据'
-        },
-        {
-          value: '2',
-          label: '昨日数据'
-        },
-        {
-          value: '3',
-          label: '本周数据'
-        },
-        {
-          value: '4',
-          label: '本月数据'
-        }
-      ],
-      column: [
-        {
-          label: '外呼人员',
-          prop: 'gzmc'
-        },
-        {
-          label: '外呼量',
-          prop: 'gzms'
-        }
-      ],
-      list: [
-        {
-          gzmc: '1111',
-          gzms: '2222'
-        }
-      ],
-      echartObj: {
-        legend: {
-          data: ['呼入总数', '呼入接通数', '呼入呼损']
-        },
-        xAxis: {
-          data: ['张三', '李四', '王五', '赵六', '赢七', '孙八']
-        },
-        series: [
-          {
-            name: '呼入总数',
-            type: 'bar',
-            data: [5, 20, 36, 10, 10, 20]
-          },
-          {
-            name: '呼入接通数',
-            type: 'bar',
-            data: [5, 10, 9, 2, 11, 9]
-          },
-          {
-            name: '呼入呼损',
-            type: 'bar',
-            data: [11, 23, 12, 11, 10, 7]
-          }
-        ]
-      }
-    }
-  },
-  created() {},
-  methods: {
-    refreshView() {
-      console.log('刷新视图')
-    },
-
-    moreData() {
-      console.log('更多')
-    },
-    handleChange(val) {
-      console.log(val)
-    },
-    line(name) {
-      this.$refs[name].setChart('line')
-    },
-    bar(name) {
-      this.$refs[name].setChart('bar')
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.content_box {
-  &::after {
-    display: block;
-    clear: both;
-    content: '';
-    visibility: hidden;
-    height: 0;
-  }
-  .item_box {
-    width: 18%;
-    float: left;
-    margin: 1%;
-    .item_title,
-    .item_nub {
-      width: 100%;
-      height: 34px;
-      text-align: center;
-      height: 34px;
-      line-height: 34px;
-      color: #fff;
-    }
-    .item_nub {
-      color: #5793f3;
-      font-size: 20px;
-      cursor: pointer;
-      background-color: #f5f5f5;
-    }
-  }
-}
-</style>

src/views/currentSystem/waterHotline/gdgl/index.vue

@@ -1,272 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="hander_returnVisit">
-      <!-- 工单回访 -->
-      <el-row type="flex">
-        <el-col :span="6">
-          <div class="demo-input-suffix">
-            <el-row>
-              <el-col :span="7">
-                <span>工单类型:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="gdlx" placeholder="请选择" size="mini">
-                  <el-option
-                    v-for="item in stateList"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="demo-input-suffix">
-            <el-row>
-              <el-col :span="3">
-                <span>登记时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  v-model="value1"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  size="small"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" size="small" @click="query">查询</el-button>
-          <el-button type="primary" size="small" @click="queryAll">全部</el-button>
-          <el-button
-            :disabled="multipleSelection.length!==1"
-            :style="multipleSelection.length!==1 ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-            type="primary"
-            size="small"
-            @click="returnVisit"
-          >回访处理</el-button>
-          <!-- <el-button :disabled="multipleSelection.length!==1" :style="multipleSelection.length!==1 ? 'background:#bec5c9;border-color: #bec5c9;' : ''" type="primary" size="small" @click="seeFlow">查看处理情况</el-button> -->
-        </el-col>
-      </el-row>
-    </div>
-    <table-item
-      :table-data="list"
-      :column="column"
-      :pagination="true"
-      :pagesize="pagination.size"
-      :currentpage="pagination.current"
-      :tableheight="500"
-      :border="true"
-      :multiple="true"
-      :total="total"
-      :fixed="false"
-      :isdelete="true"
-      :cell-style="cellStyle"
-      @handleCurrentChange="handleCurrentChange"
-      @handleSizeChange="handleSizeChange"
-      @handleSelectionChange="handleSelectionChange"
-    />
-    <el-dialog
-      v-if="dialogVisible"
-      :title="dialogTitle"
-      :visible.sync="dialogVisible"
-      top="1%"
-      :width="dialogWidthHeight[0]"
-    >
-      <div :style="{'height': dialogWidthHeight[1], 'overflow': 'auto'}">
-        <registerMerge
-          v-if="dialogVisible"
-          ref="registerMerge"
-          :data="editData"
-          :disabled="true"
-          title="维修基础信息"
-        />
-        <!-- <Record :id="editData.id" :column="columnCheck" title="派工记录" /> -->
-        <Return
-          :id="editData.id"
-          ref="return"
-          :gdzt="editData.gdzt"
-          title="回访处理"
-          :data="{}"
-          @remind="remind"
-        />
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="submitOrder">确 定</el-button>
-      </span>
-    </el-dialog>
-    <el-dialog
-      v-if="dialogSteps"
-      :visible.sync="dialogSteps"
-      title="查看处理情况"
-      top="1%"
-      :width="dialogWidthHeight[0]"
-    >
-      <FlowChart :active="active" :data="editData" />
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import InputItem from '@/components/FormItem/Input'
-import TableItem from '@/components/Table'
-import { column, columnSell, cellStyle } from '../column.config'
-import RegisterMerge from '../register/registerMerge/index'
-import Record from '../sell/record'
-import Return from './return'
-import FlowChart from '../flowChart'
-import { getRegisterList } from '@/api/work'
-import { client } from '@/utils/index'
-
-export default {
-  name: 'ReturnVisit',
-  components: {
-    InputItem,
-    TableItem,
-    RegisterMerge,
-    Record,
-    Return,
-    FlowChart
-  },
-  data() {
-    return {
-      gzdz: '',
-      pagination: { gdzt: 4, current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      list: [],
-      column: column(),
-      multipleSelection: [],
-      cellStyle: cellStyle(),
-      dialogVisible: false,
-      dialogTitle: '回访处理',
-      columnCheck: columnSell(),
-      editData: {},
-      dialogSteps: false,
-      active: 0,
-      stateList: [
-        {
-          id: '',
-          name: '全部'
-        },
-        {
-          id: '1',
-          name: '投诉'
-        },
-        {
-          id: '2',
-          name: '抢险'
-        },
-        {
-          id: '3',
-          name: '咨询'
-        },
-        {
-          id: '4',
-          name: '建议'
-        }
-      ],
-      gdzt: '',
-      gdlx: '',
-      value1: ''
-    }
-  },
-  computed: {
-    dialogWidthHeight() {
-      return [client().width * 0.8 + 'px', client().height * 0.75 + 'px']
-    }
-  },
-  created() {
-    this.fetchData(this.pagination)
-  },
-  methods: {
-    fetchData(data) {
-      this.listLoading = true
-      getRegisterList(data).then(res => {
-        this.list = res.result.records
-        this.total = res.result.total
-        this.listLoading = false
-      })
-    },
-    /**
-     * 输入框组件数据绑定方法事件
-     * @param {*} key
-     * @param {*} event
-     */
-    onInput(key, event) {
-      this[key] = event
-    },
-
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      this.fetchData(this.pagination)
-    },
-
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      this.fetchData(this.pagination)
-    },
-
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('2111', val[0])
-    },
-
-    // 查询
-    query() {
-      const data = {
-        gzdz: this.gzdz
-      }
-      this.fetchData(data)
-    },
-
-    // 查询全部
-    queryAll() {
-      this.fetchData(this.pagination)
-    },
-
-    // 处理工单
-    returnVisit() {
-      this.editData = this.multipleSelection[0]
-      this.dialogVisible = true
-    },
-
-    // 查看流程图
-    seeFlow() {
-      this.active = parseInt(this.multipleSelection[0].gdzt)
-      this.editData = this.multipleSelection[0]
-      this.dialogSteps = true
-    },
-
-    submitOrder() {
-      this.$refs.return.submitForm()
-    },
-
-    // 提示
-    remind(data) {
-      this.dialogVisible = false
-      this.fetchData(this.pagination)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.hander_returnVisit {
-  // display: inline-block;
-  line-height: 54px;
-}
-.btn_box {
-  display: inline-block;
-  margin-left: 20px;
-}
-</style>

src/views/currentSystem/waterHotline/gdgl/return/index.vue

@@ -1,143 +0,0 @@
-<template>
-  <el-collapse v-model="activeName" accordion>
-    <!-- 客户评价   -->
-    <el-collapse-item :title="title" name="1">
-      <el-form ref="orderForm" :model="orderForm" label-position="right" label-width="130px" :disabled="disabled">
-        <el-form-item label="是否完成">
-          <el-radio-group v-model="orderForm.finish">
-            <el-radio label="0">完成</el-radio>
-            <el-radio label="1">重新派单</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <div v-if="orderForm.finish === '0'">
-          <el-form-item label="客户评价">
-            <el-rate
-              v-model="orderForm.khpj"
-              show-text
-              style="line-height: 2"
-            />
-          </el-form-item>
-          <el-form-item label="回访意见">
-            <el-input v-model="orderForm.hfyj" type="textarea" size="small" />
-          </el-form-item>
-        </div>
-        <div v-if="orderForm.finish === '1'">
-          <el-form-item label="重新派单原因">
-            <el-input v-model="zfyy" type="textarea" size="small" />
-          </el-form-item>
-        </div>
-      </el-form>
-    </el-collapse-item>
-  </el-collapse>
-</template>
-
-<script>
-import { addRerurn, reOrder } from '@/api/work'
-
-export default {
-  name: 'Return',
-  components: { },
-  props: {
-    title: {
-      type: String,
-      default: '派工信息'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    data: {
-      type: Object,
-      default: () => {}
-    },
-    id: {
-      type: Number,
-      default: 0
-    },
-    gdzt: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      activeName: '1',
-      orderForm: {
-        finish: '0',
-        khpj: 3,
-        hfyj: ''
-      },
-      zfyy: ''
-    }
-  },
-  created() {
-    // console.log('232', this.data)
-    if (JSON.stringify(this.data) !== '{}') {
-      this.handleEdit()
-    }
-  },
-  methods: {
-
-    handleEdit() {
-      this.zfyy = this.orderForm.zfyy
-      this.khpj = this.orderForm.khpj
-      this.hfyj = this.orderForm.hfyj
-    },
-    // 提交
-    submitForm() {
-      const _this = this
-      this.$refs.orderForm.validate((valid) => {
-        if (valid) {
-          // console.log('file', data, _this.file)
-          if (
-            this.orderForm.finish === '0'
-          ) {
-            _this.returnSubmit()
-          } else {
-            _this.reOrder()
-          }
-          return true
-        } else {
-          return false
-        }
-      })
-    },
-    // 回访提交
-    returnSubmit() {
-      const _this = this
-      const data = {
-        gdzt: this.gdzt,
-        id: this.id,
-        khpj: this.orderForm.khpj,
-        hfyj: this.orderForm.hfyj
-      }
-      addRerurn(data).then(res => {
-        _this.$message.success('成功')
-        _this.$emit('remind', '成功')
-        _this.resetFields()
-      })
-    },
-    // 重新派单
-    reOrder() {
-      const _this = this
-      const data = {
-        gdzt: this.gdzt,
-        id: this.id,
-        zfyy: this.zfyy
-      }
-      reOrder(data).then(res => {
-        _this.$message.success('成功')
-        _this.$emit('remind', '成功')
-        _this.resetFields()
-      })
-    },
-
-    resetFields() {
-      this.$refs.orderForm.resetFields()
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-</style>

src/views/currentSystem/waterHotline/index.vue

@@ -1,30 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 供水服务热线 -->
-    <!-- <Hotline /> -->
-    <div>
-      <!-- <router-view /> -->
-      <keep-alive>
-        <router-view />
-      </keep-alive>
-    </div>
-  </div>
-</template>
-
-<script>
-// import Hotline from '@/components/Hotline/index'
-
-export default {
-  name: 'WaterHotline',
-  // components: { Hotline },
-  data() {
-    return {}
-  },
-  created() {},
-  mounted() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/views/currentSystem/waterHotline/knowledge/manage/index.vue

@@ -1,256 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="knowledge">
-      <!-- 知识库管理 -->
-      <div class="btn_box">
-        <el-button type="primary" size="small" @click="add">新增</el-button>
-        <el-button
-          :disabled="disabledEdit"
-          :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-          type="primary"
-          size="small"
-          @click="set"
-        >设置</el-button>
-        <el-button
-          :disabled="disabledEdit"
-          :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-          type="primary"
-          size="small"
-          @click="edit"
-        >修改</el-button>
-        <el-button
-          :disabled="multipleSelection.length===0"
-          type="danger"
-          size="small"
-          @click="cancel"
-        >删除</el-button>
-      </div>
-    </div>
-    <table-item
-      :table-data="list"
-      :column="column"
-      :pagination="true"
-      :pagesize="pagination.size"
-      :currentpage="pagination.current"
-      :tableheight="435"
-      :border="true"
-      :isdelete="true"
-      :multiple="true"
-      :total="total"
-      :fixed="true"
-      :isremove="false"
-      @handleCurrentChange="handleCurrentChange"
-      @handleSizeChange="handleSizeChange"
-      @handleSelectionChange="handleSelectionChange"
-    />
-    <el-dialog
-      v-if="dialogVisible"
-      :title="dialogTitle"
-      :visible.sync="dialogVisible"
-      :width="width"
-    >
-      <Merge v-if="dialogTitle!=='设置'" ref="merage" :data="editData" />
-      <div class="block">
-        <el-tree :data="data" default-expand-all show-checkbox node-key="id">
-          <span slot-scope="{ node , data}" class="custom-tree-node">
-            <span>{{ node.label }}</span>
-            <span>
-              <el-button type="text" size="mini" @click="() => append(data)">添加</el-button>
-              <el-button type="text" size="mini" @click="() => remove(node, data)">删除</el-button>
-            </span>
-          </span>
-        </el-tree>
-      </div>
-
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="submitOrder">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-import Merge from './manage_merge'
-import { client } from '@/utils/index'
-export default {
-  name: 'Knowledge',
-  components: { TableItem, Merge },
-  data() {
-    const data = [
-      {
-        id: 10,
-        label: '目录1',
-        children: [
-          {
-            id: 20,
-            label: '分类1',
-            children: [
-              {
-                id: 30,
-                label: '问题1'
-              },
-              {
-                id: 40,
-                label: '问题2'
-              }
-            ]
-          }
-        ]
-      }
-    ]
-    return {
-      width: '500px',
-      column: [
-        {
-          label: '编号',
-          prop: 'id'
-        },
-        {
-          label: '是否启用',
-          prop: 'sfqy'
-        },
-        {
-          label: '类别名称',
-          prop: 'lbmc'
-        }
-      ],
-      list: [
-        {
-          id: '1',
-          sfqy: '是',
-          lbmc: '管网'
-        },
-        {
-          id: '2',
-          sfqy: '是',
-          lbmc: '营销'
-        },
-        {
-          id: '3',
-          sfqy: '是',
-          lbmc: '投诉'
-        },
-        {
-          id: '4',
-          sfqy: '否',
-          lbmc: '水质'
-        }
-      ],
-      total: 0,
-      pagination: { current: 1, size: 10 }, // 分页参数信息
-      disabledEdit: true,
-      multipleSelection: [],
-      dialogVisible: false,
-      dialogTitle: '新增',
-      editData: {
-        sfqy: 1,
-        lbmc: ''
-      },
-      children: {},
-      data: JSON.parse(JSON.stringify(data))
-    }
-  },
-  watch: {
-    multipleSelection(val) {
-      this.disabledEdit = this.multipleSelection.length !== 1
-    }
-  },
-  mounted() {},
-  methods: {
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-    },
-
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-    },
-
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-    },
-    // 新增
-    add() {
-      this.dialogVisible = true
-      this.dialogTitle = '新增'
-      this.editData = {}
-      console.log(this.ruleForm)
-    },
-    set() {
-      this.width = client().width * 0.8 + 'px'
-      this.dialogVisible = true
-      this.dialogTitle = '设置'
-    },
-    // 修改
-    edit() {
-      const _this = this
-      this.dialogVisible = true
-      this.dialogTitle = '修改'
-      this.editData = _this.multipleSelection[0]
-      this.editData.sfqy = _this.editData.sfqy === '是' ? 1 : 2
-    },
-    append(data) {
-      const newChild = { id: data.id++, label: '新添加', children: [] }
-
-      if (!data.children) {
-        this.$set(data, 'children', [])
-      }
-      data.children.push(newChild)
-    },
-    remove(node, data) {
-      const parent = node.parent
-      const children = parent.data.children || parent.data
-      const index = children.findIndex(d => d.id === data.id)
-      children.splice(index, 1)
-    },
-    renderContent(h, { node, data, store }) {
-      return (
-        <span class='custom-tree-node'>
-          <span>{node.label}</span>
-          <span>
-            <el-button
-              size='mini'
-              type='text'
-              on-click={() => this.append(data)}
-            >
-              Append
-            </el-button>
-            <el-button
-              size='mini'
-              type='text'
-              on-click={() => this.remove(node, data)}
-            >
-              Delete
-            </el-button>
-          </span>
-        </span>
-      )
-    },
-    // 删除
-    cancel() {},
-
-    // 提交
-    submitOrder() {}
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.knowledge {
-  // display: inline-block;
-  line-height: 54px;
-}
-.btn_box {
-  display: inline-block;
-  margin-left: 20px;
-}
-.custom-tree-node {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  padding-right: 8px;
-}
-</style>

src/views/currentSystem/waterHotline/knowledge/manage/manage_merge.vue

@@ -1,109 +0,0 @@
-<template>
-  <div>
-    <el-form ref="ruleForm" :rules="rules" :model="ruleForm" label-width="90px">
-      <el-form-item label="类别名称" prop="lbmc">
-        <el-input v-model="ruleForm.lbmc" size="small" />
-      </el-form-item>
-      <el-form-item label="是否启用" prop="sfqy">
-        <el-radio-group v-model="ruleForm.sfqy">
-          <el-radio :label="1">是</el-radio>
-          <el-radio :label="2">否</el-radio>
-        </el-radio-group>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import { ccck_add, ccck_edit } from '@/api/bwgl'
-export default {
-  components: {},
-  props: {
-    data: {
-      // 编辑的数据
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {
-      ruleForm: {
-        id: 'null',
-        sfqy: null,
-        lbmc: ''
-      },
-      rules: {
-        lbmc: [{ required: true, message: '请输入类别名称', trigger: 'blur' }]
-      },
-      msg: '成功'
-    }
-  },
-  created() {
-    this.update()
-  },
-  methods: {
-    update() {
-      this.ruleForm = JSON.parse(JSON.stringify(this.data))
-      this.difference = JSON.stringify(this.data) !== '{}'
-      if (this.difference) {
-        this.handleEdit()
-      }
-    },
-    handleEdit() {
-      for (const key in this.sectionForm) {
-        this.ruleForm[key] = this.data[key]
-      }
-    },
-    // 重置
-    resetFields() {
-      console.log('重置', this)
-
-      this.$refs.ruleForm.resetFields()
-    },
-
-    // 提交
-    submitForm() {
-      const _this = this
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          const data = _this.ruleForm
-          if (!this.difference) {
-            _this.ccckadd(data)
-          } else {
-            data.id = this.data.id
-            _this.ccckedit(data)
-          }
-          return true
-        } else {
-          return false
-        }
-      })
-    },
-    // 新增提交
-    ccckadd(data) {
-      const _this = this
-      ccck_add(data).then(res => {
-        _this.$message.success('添加成功')
-        console.log('新增提交', _this)
-        _this.$emit('remind', '成功')
-        _this.resetFields()
-      })
-    },
-    // 修改提交
-    ccckedit(data) {
-      const _this = this
-      ccck_edit(data).then(res => {
-        console.log('修改提交', res, _this)
-
-        // _this.$message.success(this.msg)
-        _this.$message.success('修改成功')
-        _this.$emit('remind', '成功')
-        _this.resetFields()
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/views/currentSystem/waterHotline/monitor/addressBook/index.vue

@@ -1,263 +0,0 @@
-<template>
-  <div id="addressBook">
-    <!--通讯录 -->
-    <div class="search_box">
-      <el-row>
-        <el-col :span="5">
-          <input-item
-            type="text"
-            placeholder
-            title="关键字:"
-            nominate="srk"
-            custom-style="display: inline-block"
-            :value="srk"
-            :max-length="50"
-            :disabled="false"
-            :required="false"
-          />
-        </el-col>
-        <el-col class="search" :span="12">
-          <el-button type="primary" size="small" @click="search">搜 索</el-button>
-          <el-button type="primary" size="small" @click="add">添 加</el-button>
-          <el-button
-            type="primary"
-            size="small"
-            :disabled="disabledEdit"
-            :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-            @click="alter"
-          >修 改</el-button>
-          <el-button
-            type="primary"
-            size="small"
-            :disabled="disabledEdit"
-            :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-            @click="cancel"
-          >删 除</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <el-dialog
-      v-dialogDrag
-      :title="dialogTitle"
-      :visible.sync="dialogVisible"
-      :width="width"
-      top="15vh"
-    >
-      <el-form ref="ruleForm" :model="ruleForm" label-width="80px" size="small">
-        <el-form-item label="姓名">
-          <el-input v-model="ruleForm.name" />
-        </el-form-item>
-        <el-form-item label="电话">
-          <el-input v-model="ruleForm.phone" />
-        </el-form-item>
-        <el-form-item label="部门">
-          <el-select v-model="ruleForm.department" placeholder="请选择部门">
-            <el-option label="部门1" value="shanghai" />
-            <el-option label="部门2" value="beijing" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="resetForm">取 消</el-button>
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-      </span>
-    </el-dialog>
-    <!-- 表格列表 -->
-    <el-tabs type="border-card" class="message_box" @tab-click="handleClick">
-      <el-tab-pane label="部门1">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="true"
-          :pagesize="pagination.size"
-          :currentpage="pagination.current"
-          :tableheight="435"
-          :border="true"
-          :multiple="true"
-          :total="total"
-          :fixed="true"
-          :isdelete="false"
-          @handleCurrentChange="handleCurrentChange"
-          @handleSizeChange="handleSizeChange"
-          @handleSelectionChange="handleSelectionChange"
-        />
-      </el-tab-pane>
-      <el-tab-pane label="部门2">2</el-tab-pane>
-      <el-tab-pane label="部门3">3</el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-import InputItem from '@/components/FormItem/Input'
-import { client } from '@/utils/index'
-export default {
-  components: { TableItem, InputItem },
-  data() {
-    return {
-      ruleForm: {},
-      width: client().width * 0.8 + 'px',
-      // 搜索
-      srk: '',
-      seek: '',
-      // 列表数据
-      list: [
-        {
-          id: 1,
-          name: '张三',
-          phone: '13888888888'
-        },
-        {
-          id: 2,
-          name: '李四',
-          phone: '15888888888'
-        }
-      ],
-      // 列表项
-      column: [
-        {
-          label: '序号',
-          prop: 'id',
-          width: 150
-        },
-        {
-          label: '姓名',
-          prop: 'name',
-          width: 150
-        },
-        {
-          label: '电话',
-          prop: 'phone',
-          width: 150
-        }
-      ],
-      // 总页数
-      total: 0,
-      // 数据列表加载等待
-      listLoading: true,
-      // 选中内容
-      multipleSelection: [],
-      // 模态框显示
-      dialogVisible: false,
-      // 模态框标题
-      dialogTitle: '',
-      innerTitle: '',
-      disabledEdit: true,
-      // 添加数据初始化
-      editData: {},
-      // 分页参数信息 ｛当前页,每页条数｝
-      pagination: { current: 1, size: 10 }
-    }
-  },
-  computed: {},
-  watch: {
-    multipleSelection(val) {
-      this.disabledEdit = this.multipleSelection.length !== 1
-    }
-  },
-  created() {},
-  methods: {
-    // 获取列表数据
-    // fetchData() {
-    //   const data = {
-    //     current: this.pagination.current,
-    //     size: this.pagination.size,
-    //     srk: this.srk
-    //   }
-    //   jglr_list(data).then(res => {
-    //     this.list = res.addressBook.records
-    //     this.total = res.addressBook.total
-    //   })
-    // },
-    // 获取当前页
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      this.fetchData()
-    },
-    // 每页多少条
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      this.fetchData()
-    },
-    // 获取选中数据
-    handleSelectionChange(val) {
-      this.disabled = true
-      this.multipleSelection = val
-      console.log('选中数据', val)
-    },
-    // 搜索
-    search() {
-      console.log('查询', this.srk)
-      this.fetchData()
-    },
-    add() {
-      this.width = '500px'
-      this.dialogTitle = '通讯录添加'
-      this.dialogVisible = true
-    },
-    alter() {
-      alert('修改')
-    },
-    cancel() {
-      alert('删除')
-    },
-
-    resetForm() {
-      console.log('取消')
-      this.dialogVisible = false
-    },
-    submitForm() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          this.dialogVisible = false
-        }
-      })
-    },
-    handleClick(tab, event, a) {
-      console.log(tab, event, a)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-#addressBook {
-  padding: 20px;
-  .search_box {
-    height: 54px;
-    line-height: 54px;
-    font-size: 16px;
-    .el-row {
-      height: 100%;
-      .el-col {
-        height: 100%;
-        word-break: keep-all;
-        .select_item {
-          height: 100%;
-          vertical-align: middle;
-          /deep/ .title_box {
-            word-break: keep-all;
-            span {
-              display: block;
-              height: 100%;
-            }
-          }
-        }
-      }
-    }
-  }
-  .btn_box {
-    line-height: 54px;
-    margin: 0px 0px 20px;
-  }
-  .dialog_style {
-    width: 100%;
-    overflow-y: auto;
-    height: 400px;
-  }
-  /deep/ .el-table {
-    text-align: center;
-    vertical-align: middle;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/monitor/index.vue

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

src/views/currentSystem/waterHotline/monitor/problem/index.vue

@@ -1,276 +0,0 @@
-<template>
-  <div id="problem">
-    <!--问题模板 -->
-    <div class="problem_head">
-      <!-- 搜索 -->
-      <div class="search_box">
-        <el-row>
-          <el-col :span="5">
-            <input-item
-              type="text"
-              placeholder
-              title="关键字:"
-              nominate="srk"
-              custom-style="display: inline-block"
-              :value="srk"
-              :max-length="50"
-              :disabled="false"
-              :required="false"
-              @changeValue="onInput"
-            />
-          </el-col>
-          <el-col class="search" :span="12">
-            <el-button type="primary" size="small" @click="search">搜 索</el-button>
-            <el-button type="primary" size="small" @click="add">添 加</el-button>
-            <el-button
-              type="primary"
-              size="small"
-              :disabled="disabledEdit"
-              :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-              @click="detail"
-            >详 情</el-button>
-            <el-button
-              type="primary"
-              size="small"
-              :disabled="disabledEdit"
-              :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-              @click="alter"
-            >修 改</el-button>
-            <el-button
-              type="primary"
-              size="small"
-              :disabled="disabledEdit"
-              :style="disabledEdit ? 'background:#bec5c9;border-color: #bec5c9;' : ''"
-              @click="cancel"
-            >删 除</el-button>
-          </el-col>
-        </el-row>
-      </div>
-      <el-dialog
-        v-dialogDrag
-        :title="dialogTitle"
-        :visible.sync="dialogVisible"
-        :width="width"
-        top="5vh"
-      >
-        <span slot="footer" class="dialog-footer">
-          <el-button @click="resetForm">取 消</el-button>
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-        </span>
-      </el-dialog>
-      <!-- 表格列表 -->
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="true"
-        :pagesize="pagination.size"
-        :currentpage="pagination.current"
-        :tableheight="435"
-        :border="true"
-        :multiple="true"
-        :total="total"
-        :fixed="true"
-        :isdelete="false"
-        @handleCurrentChange="handleCurrentChange"
-        @handleSizeChange="handleSizeChange"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-import InputItem from '@/components/FormItem/Input'
-import { client } from '@/utils/index'
-export default {
-  components: { TableItem, InputItem },
-  data() {
-    return {
-      ruleForm: {},
-      width: client().width * 0.8 + 'px',
-      // 搜索
-      srk: '',
-      seek: '',
-      // 列表数据
-      list: [
-        {
-          id: 1,
-          wtfl: '查询',
-          wtms: '余额',
-          twsj: '2020-10-01'
-        },
-        {
-          id: 1,
-          wtfl: '查询',
-          wtms: '充值',
-          twsj: '2020-10-02'
-        }
-      ],
-      // 列表项
-      column: [
-        {
-          label: '序号',
-          prop: 'id',
-          width: 150
-        },
-        {
-          label: '问题分类',
-          prop: 'wtfl',
-          width: 150
-        },
-        {
-          label: '问题描述',
-          prop: 'wtms',
-          width: 150
-        },
-        {
-          label: '提问时间',
-          prop: 'twsj'
-        }
-      ],
-      // 总页数
-      total: 0,
-      // 数据列表加载等待
-      listLoading: true,
-      // 选中内容
-      multipleSelection: [],
-      // 模态框显示
-      dialogVisible: false,
-      // 模态框标题
-      dialogTitle: '',
-      innerTitle: '',
-      disabledEdit: true,
-      // 添加数据初始化
-      editData: {},
-      // 分页参数信息 ｛当前页,每页条数｝
-      pagination: { current: 1, size: 10 }
-    }
-  },
-  computed: {},
-  watch: {
-    multipleSelection(val) {
-      this.disabledEdit = this.multipleSelection.length !== 1
-    }
-  },
-  created() {},
-  methods: {
-    // 获取列表数据
-    // fetchData() {
-    //   const data = {
-    //     current: this.pagination.current,
-    //     size: this.pagination.size,
-    //     srk: this.srk
-    //   }
-    //   jglr_list(data).then(res => {
-    //     this.list = res.problem.records
-    //     this.total = res.problem.total
-    //   })
-    // },
-    // 获取当前页
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      this.fetchData()
-    },
-    // 每页多少条
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      this.fetchData()
-    },
-    // 获取选中数据
-    handleSelectionChange(val) {
-      this.disabled = true
-      this.multipleSelection = val
-      console.log('选中数据', val)
-    },
-    // 搜索
-    search() {
-      console.log('查询', this.srk)
-      this.fetchData()
-    },
-    // 问题详情
-    detail(val) {
-      this.width = client().width * 0.8 + 'px'
-      this.dialogTitle = '问题详情'
-      this.span = 8
-      this.rules = null
-      this.dialogVisible = true
-      this.ruleForm = val
-    },
-    add() {
-      alert('添加')
-    },
-    alter() {
-      alert('修改')
-    },
-    cancel() {
-      alert('删除')
-    },
-
-    resetForm() {
-      console.log('取消')
-      this.dialogVisible = false
-    },
-    submitForm() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          this.dialogVisible = false
-        }
-      })
-    },
-    /**
-     * 输入框组件数据绑定方法事件
-     * @param {*} key
-     * @param {*} event
-     */
-    onInput(key, event) {
-      console.log(key, event)
-      this[key] = event
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-#problem {
-  padding: 20px;
-  .search_box {
-    height: 54px;
-    line-height: 54px;
-    font-size: 16px;
-    .el-row {
-      height: 100%;
-      .el-col {
-        height: 100%;
-        word-break: keep-all;
-        .select_item {
-          height: 100%;
-          vertical-align: middle;
-          /deep/ .title_box {
-            word-break: keep-all;
-            span {
-              display: block;
-              height: 100%;
-            }
-          }
-        }
-      }
-    }
-  }
-  .btn_box {
-    line-height: 54px;
-    margin: 0px 0px 20px;
-  }
-  .dialog_style {
-    width: 100%;
-    overflow-y: auto;
-    height: 400px;
-  }
-  /deep/ .el-table {
-    text-align: center;
-    vertical-align: middle;
-  }
-  .detailBtn {
-    margin-bottom: 20px;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/monitor/record/index.vue

@@ -1,208 +0,0 @@
-<template>
-  <!-- 录音质检 -->
-  <div class="app-container">
-    <div>
-      <el-row :gutter="10" type="flex">
-        <el-col :span="5">
-          <div class="demo-input-suffix">
-            <el-row type="flex">
-              <el-col :span="6">
-                <span>坐席人员:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="zxry" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in zxrys"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="5">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="6">
-                <span>呼叫类型:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="hjlx" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in hjlxs"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="2">
-                <span>时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  size="small"
-                  style="width:100%"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <el-button type="primary" size="small">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <div style="margin-top:20px">
-      <el-button type="primary" size="small">录音评分</el-button>
-      <el-button type="primary" size="small">下载录音</el-button>
-
-      <!-- <el-rate v-model="lupf" show-score show-text text-color="#ff9900" /> -->
-      <div class="table_width">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="false"
-          :tableheight="500"
-          :border="true"
-          :multiple="true"
-          :fixed="false"
-          :isdelete="true"
-          @handleSelectionChange="handleSelectionChange"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'CallLog',
-  components: { TableItem },
-  data() {
-    return {
-      lupf: '',
-      zxry: '',
-      zxrys: [
-        {
-          value: '1',
-          label: '张三'
-        }
-      ],
-      hjlx: '',
-      hjlxs: [
-        {
-          value: '1',
-          label: '呼入'
-        },
-        {
-          value: '2',
-          label: '呼出'
-        }
-      ],
-      num: 1,
-      multipleSelection: [],
-      column: [
-        {
-          label: '员工',
-          prop: 'yg',
-          width: '105'
-        },
-        {
-          label: '呼叫类型',
-          prop: 'hjlx'
-        },
-        {
-          label: '服务类型',
-          prop: 'fwlx'
-        },
-        {
-          label: '客户号码',
-          prop: 'yhhm'
-        },
-        {
-          label: '系统号码',
-          prop: 'xthm'
-        },
-        {
-          label: '分机号码',
-          prop: 'fjhm'
-        },
-        {
-          label: '呼叫时间',
-          prop: 'hjsj'
-        },
-        {
-          label: '接通时间',
-          prop: 'jtsj'
-        },
-        {
-          label: '话后处理时间',
-          prop: 'hhclsj'
-        },
-        {
-          label: '挂机时间',
-          prop: 'gjsj'
-        },
-        {
-          label: '满意度',
-          prop: 'myd'
-        }
-      ],
-      list: [
-        {
-          yg: '张三',
-          hjlx: '呼入',
-          fwlx: '坐席',
-          yhhm: '13889099878',
-          xthm: '028-12345673',
-          fjhm: '028-12345673',
-          hjsj: '2020-09-24 16:57:00',
-          jtsj: '2020-09-24 16:57:00',
-          hhclsj: '00:03:24',
-          gjsj: '2020-09-24 16:57:00',
-          hjjg: '接通',
-          myd: '满意'
-        }
-      ]
-    }
-  },
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  background: #fff;
-}
-.demo-input-suffix {
-  span {
-    line-height: 32px;
-    font-size: 14px;
-  }
-}
-.table_width {
-  margin-top: 20px;
-}
-</style>

src/views/currentSystem/waterHotline/monitor/scheduling/index.vue

@@ -1,204 +0,0 @@
-<template>
-  <div class="scheduling">
-    <!-- 排班管理 -->
-    <el-row :gutter="10">
-      <el-col :span="16" class="left">
-        <el-card class="box-card">
-          <el-calendar>
-            <template slot="dateCell" slot-scope="{date, data}">
-              <!--自定义内容-->
-              <div style=" height:100%">
-                <div class="calendar-day" @click="deployUpdate(date, data)">
-                  {{ data.day.split('-').slice(2).join('-') }}
-                  <div v-for="(item,i) in calendarData" :key="i">
-                    <div v-if="(item.months).indexOf(data.day.split('-').slice(1)[0])!=-1">
-                      <div v-if="(item.days).indexOf(data.day.split('-').slice(2).join('-'))!=-1">
-                        <div class="is-selected">{{ item.ff }}：{{ item.things }}</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </el-calendar>
-        </el-card>
-      </el-col>
-      <el-col :span="8" class="right">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>
-              <el-button type="text">排班设置</el-button>
-            </span>
-            <span>
-              <el-button type="text">人员管理</el-button>
-            </span>
-          </div>
-          <div>
-            <el-form
-              ref="ruleForm"
-              :model="ruleForm"
-              label-width="100px"
-              label-position="left"
-              style="padding: 20px;"
-            >
-              <el-form-item label="工作日期：">
-                <el-date-picker
-                  v-model="ruleForm.value1"
-                  type="date"
-                  placeholder="选择日期"
-                  style="width:100%"
-                />
-              </el-form-item>
-              <!-- <div v-for="(person,index) in whether" :key="person.value" class="content_pai">
-                <span style="margin-right:50px">{{ person.label }} :</span>
-                <el-radio-group v-model="radioArray[index]">
-                  <el-radio
-                    v-for="opt in radio1"
-                    :key="opt.value +'_'+ person.value"
-                    :label="person.value +'_'+ opt.value"
-                  >{{ opt.label }}</el-radio>
-                </el-radio-group>
-              </div>-->
-
-              <el-form-item label="白 班：">
-                <el-select v-model="ruleForm.value2" placeholder="请选择工作人员">
-                  <el-option label="张三" value="1" />
-                  <el-option label="李四" value="2" />
-                  <el-option label="王五" value="3" />
-                  <el-option label="赵六" value="4" />
-                </el-select>
-              </el-form-item>
-
-              <el-form-item label="夜 班：">
-                <el-select v-model="ruleForm.value3" placeholder="请选择工作人员">
-                  <el-option label="张三" value="1" />
-                  <el-option label="李四" value="2" />
-                  <el-option label="王五" value="3" />
-                  <el-option label="赵六" value="4" />
-                </el-select>
-              </el-form-item>
-            </el-form>
-            <div>
-              <el-button size="small" type="primary" @click="deployCreateData()">保 存</el-button>
-              <el-button size="small" type="primary" @click="resetForm('ruleForm')">重 置</el-button>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Scheduling',
-  data() {
-    return {
-      value: new Date(),
-      ruleForm: {
-        value1: '',
-        value2: '',
-        value3: ''
-      },
-      whether: [
-        { label: '张三', value: '1' },
-        { label: '李四', value: '2' }
-      ],
-      radioArray: [],
-      radio1: [
-        { label: '白班', value: '1' },
-        { label: '夜班', value: '2' }
-      ],
-      calendarData: [
-        {
-          months: ['12', '11', '01'],
-          days: [
-            '01',
-            '02',
-            '03',
-            '04',
-            '05',
-            '06',
-            '07',
-            '08',
-            '09',
-            '10',
-            '11',
-            '12',
-            '13',
-            '14',
-            '15'
-          ],
-          things: '张三',
-          ff: '白班'
-        },
-        {
-          months: ['11', '02'],
-          days: [
-            '01',
-            '02',
-            '03',
-            '04',
-            '05',
-            '06',
-            '07',
-            '08',
-            '09',
-            '10',
-            '11',
-            '12',
-            '13',
-            '14',
-            '15'
-          ],
-          things: '李四',
-          ff: '夜班'
-        }
-      ]
-    }
-  },
-  watch: {},
-  created() {},
-  methods: {
-    deployCreateData() {
-      // 添加配置项保存
-      this.$refs['ruleForm'].validate(valid => {
-        if (valid) {
-          console.log(this.radioArray)
-        }
-      })
-    },
-    deployUpdate(date, data) {
-      console.log('1')
-      console.log(date, data)
-      this.ruleForm.value1 = data.day
-      this.ruleForm.value2 = '张三'
-      this.ruleForm.value3 = '李四'
-
-      console.log(this.ruleForm.value1)
-      console.log(this.calendarData)
-
-      this.$forceUpdate()
-    },
-    resetForm(formName) {
-      this.$refs[formName].resetFields()
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.is-selected {
-  color: #1989fa;
-}
-/deep/ .el-calendar-day {
-  box-sizing: border-box;
-  padding: 8px;
-  height: 65px;
-  .calendar-day {
-    height: 100%;
-  }
-}
-</style>
-1.完成需求规格说明书热线表务模块
-2.重绘服务热线知识库查看菜单

src/views/currentSystem/waterHotline/monitor/squad/index.vue

@@ -1,149 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 班长监控 -->
-    <el-button type="primary" size="small" @click="inManager">进入管理</el-button>
-    <el-button type="primary" size="small" @click="inManager">添加坐席</el-button>
-    <el-button type="primary" size="small" @click="outManager">退出管理</el-button>
-    <el-button type="primary" size="small" @click="listen">监听</el-button>
-    <el-button type="primary" size="small" @click="exitListen">退出监听</el-button>
-    <el-button type="primary" size="small" @click="forceInsert">强插</el-button>
-    <el-button type="primary" size="small" @click="exitForceInsert">退出强插</el-button>
-    <el-button type="primary" size="small" @click="forceSetBusy">强制置忙</el-button>
-    <el-button type="primary" size="small" @click="forceSetFree">强制置闲</el-button>
-    <el-button type="primary" size="small" @click="forceRelease">强制拆线</el-button>
-    <el-button type="primary" size="small" @click="forceLogout">强制注销</el-button>
-    <div class="table_width">
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="false"
-        :tableheight="500"
-        :border="true"
-        :multiple="true"
-        :fixed="false"
-        :isdelete="true"
-        :cell-style="cellStyle"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import $ from 'jquery'
-import '../../../../../../public/Voice/qwebchannel'
-import '../../../../../../public/Voice/qyagent-3.0.0'
-import '../../../../../../public/Voice/qyproxy-3.0.0'
-import '../../../../../../public/Voice/reconnecting-websocket'
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'Monitor',
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      list: [
-        {
-          gh: 1001,
-          name: '张三',
-          zxzt: '在线',
-          dlsj: '2020-08-25 15:27:00'
-        }
-      ],
-      column: [
-        {
-          label: '工号',
-          // width: 140,
-          prop: 'gh',
-          width: 80
-        },
-        {
-          label: '姓名',
-          // width: 140,
-          prop: 'name'
-        },
-        {
-          label: '坐席状态',
-          // width: 140,
-          prop: 'zxzt'
-        },
-        {
-          label: '登陆时间',
-          // width: 140,
-          prop: 'dlsj'
-        }
-      ],
-      multipleSelection: [],
-      cellStyle: [
-        // {// 表格中列样式和序号
-        //   style: 'color:red',
-        //   index: 1
-        // },
-        // {
-        //   style: 'color:blue',
-        //   index: 9
-        // }
-      ]
-    }
-  },
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    // 进入管理
-    inManager() {
-      $.QYProxy.InManager()
-    },
-    // 退出管理
-    outManager() {
-      $.QYProxy.OutManager()
-    },
-    // 监听
-    listen() {
-      $.QYProxy.Listen(this.multipleSelection[0].gh)
-    },
-    // 退出监听
-    exitListen() {
-      $.QYProxy.ExitListen(this.multipleSelection[0].gh)
-    },
-    // 强拆
-    forceInsert() {
-      $.QYProxy.ForceInsert(this.multipleSelection[0].gh)
-    },
-
-    // 退出强拆
-    exitForceInsert() {
-      $.QYProxy.ExitForceInsert(this.multipleSelection[0].gh)
-    },
-
-    // 强制置忙
-    forceSetBusy() {
-      $.QYProxy.ForceSetBusy(this.multipleSelection[0].gh)
-    },
-    // 强制置闲
-    forceSetFree() {
-      $.QYProxy.ForceSetFree(this.multipleSelection[0].gh)
-    },
-
-    // 强制拆线
-    forceRelease() {
-      $.QYProxy.ForceRelease(this.multipleSelection[0].gh)
-    },
-
-    forceLogout() {
-      $.QYProxy.ForceLogout(this.multipleSelection[0].gh)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.table_width {
-  margin-top: 20px;
-}
-</style>

src/views/currentSystem/waterHotline/statisticalReport/callLog.vue

@@ -1,250 +0,0 @@
-<template>
-  <div class="app-container">
-    <div>
-      <el-row :gutter="10" type="flex">
-        <el-col :span="5">
-          <div class="demo-input-suffix">
-            <el-row type="flex">
-              <el-col :span="6">
-                <span>坐席人员:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="zxry" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in zxrys"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="2">
-                <span>时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  size="small"
-                  style="width: 100%"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <el-button type="primary" size="small">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <div id="businessStatistics" style="height: 450px; margin-top: 40px" />
-  </div>
-</template>
-
-<script>
-import Echarts from 'echarts'
-
-export default {
-  name: 'Car',
-  components: {},
-  data() {
-    return {
-      options: [
-        {
-          value: '选项1',
-          label: 'A区',
-        },
-      ],
-      optionT: {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            crossStyle: {
-              color: '#999',
-            },
-          },
-        },
-        toolbox: {
-          feature: {
-            dataView: { show: true, readOnly: false },
-            magicType: { show: true, type: ['line', 'bar'] },
-            restore: { show: true },
-            saveAsImage: { show: true },
-          },
-        },
-        legend: {
-          data: ['质检数量', '平均分'],
-        },
-        xAxis: [
-          {
-            name: '    日期',
-            type: 'category',
-            data: [
-              '2020-10-01',
-              '2020-10-02',
-              '2020-10-03',
-              '2020-10-04',
-              '2020-10-05',
-              '2020-10-06',
-              '2020-10-07',
-              '2020-10-08',
-              '2020-10-09',
-              '2020-10-10',
-              '2020-10-11',
-              '2020-10-12',
-              '2020-10-13',
-              '2020-10-14',
-              '2020-10-15',
-              '2020-10-16',
-              '2020-10-17',
-              '2020-10-18',
-              '2020-10-19',
-              '2020-10-20',
-              '2020-10-21',
-              '2020-10-22',
-              '2020-10-23',
-              '2020-10-24',
-              '2020-10-25',
-              '2020-10-26',
-              '2020-10-27',
-              '2020-10-28',
-              '2020-10-29',
-              '2020-10-30',
-              '2020-10-31',
-            ],
-            axisPointer: {
-              type: 'shadow',
-            },
-          },
-        ],
-        yAxis: [
-          {
-            type: 'value',
-            name: '数量',
-            min: 0,
-            max: 100,
-            interval: 5,
-          },
-          {
-            type: 'value',
-            name: '平均分',
-            min: 0,
-            max: 10,
-            interval: 1,
-            axisLabel: {
-              formatter: '{value} 分',
-            },
-          },
-        ],
-        series: [
-          {
-            name: '质检数量',
-            type: 'bar',
-            data: [
-              28,
-              35,
-              44,
-              50,
-              44,
-              26,
-              47,
-              24,
-              38,
-              22,
-              32,
-              43,
-              27,
-              42,
-              24,
-              40,
-              25,
-              44,
-              37,
-              50,
-              33,
-              33,
-              26,
-              47,
-              23,
-              41,
-              26,
-              50,
-              31,
-              43,
-              37,
-            ],
-          },
-
-          {
-            name: '平均分',
-            type: 'line',
-            yAxisIndex: 1,
-            data: [
-              8.0,
-              7.2,
-              8.3,
-              9.5,
-              9.3,
-              9.2,
-              7.3,
-              8.4,
-              9.0,
-              8.5,
-              8.0,
-              7.2,
-              8.0,
-              7.2,
-              8.3,
-              9.5,
-              9.3,
-              9.2,
-              7.3,
-              8.4,
-              9.0,
-              8.5,
-              8.0,
-              7.2,
-              8.0,
-              7.2,
-              8.3,
-              9.5,
-              9.3,
-              9.2,
-              7.3,
-              8.4,
-            ],
-          },
-        ],
-      },
-    }
-  },
-  created() {},
-  mounted() {
-    Echarts.init(document.getElementById('businessStatistics')).setOption(
-      this.optionT
-    )
-  },
-  methods: {},
-}
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  background: #fff;
-}
-.demo-input-suffix {
-  span {
-    line-height: 32px;
-    font-size: 14px;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/statisticalReport/customerSatisfaction.vue

@@ -1,152 +0,0 @@
-<template>
-  <div class="app-container">
-    <div>
-      <el-row type="flex" justify="end">
-        <el-col :span="6">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="6">
-                <span>坐席人员:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="value" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="3">
-                <span>时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  size="small"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" size="small">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <div id="businessStatistics" style="height: 350px;margin-top:40px" />
-  </div>
-</template>
-
-<script>
-import Echarts from 'echarts'
-
-export default {
-  name: 'Car',
-  components: {},
-  data() {
-    return {
-      options: [
-        {
-          value: '选项1',
-          label: 'A区'
-        }
-      ],
-      optionT: {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            crossStyle: {
-              color: '#999'
-            }
-          }
-        },
-        toolbox: {
-          show: true,
-          feature: {
-            magicType: { show: true, type: ['line', 'bar'] }
-          }
-        },
-        legend: {
-          data: ['评价总数', '非常满意', '满意', '一般', '不满意']
-        },
-        xAxis: [
-          {
-            type: 'category',
-            data: ['202003', '202004', '202005', '202006', '202007'],
-            axisPointer: {
-              type: 'shadow'
-            }
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value',
-            name: '数量',
-            axisLabel: {
-              formatter: '{value}'
-            }
-          }
-        ],
-        series: [
-          {
-            name: '评价总数',
-            type: 'bar',
-            data: [41, 94, 82, 36, 106]
-          },
-          {
-            name: '非常满意',
-            type: 'bar',
-            data: [20, 10, 40, 5, 55]
-          },
-          {
-            name: '满意',
-            type: 'bar',
-            data: [10, 60, 30, 10, 30]
-          },
-          {
-            name: '一般',
-            type: 'bar',
-            data: [10, 20, 10, 20, 20]
-          },
-          {
-            name: '不满意',
-            type: 'bar',
-            data: [1, 4, 2, 1, 1]
-          }
-        ]
-      }
-    }
-  },
-  created() {},
-  mounted() {
-    Echarts.init(document.getElementById('businessStatistics')).setOption(
-      this.optionT
-    )
-  },
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  background: #fff;
-}
-.demo-input-suffix {
-  span {
-    line-height: 32px;
-    font-size: 14px;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/statisticalReport/disposeType.vue

@@ -1,160 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 工单处理统计 -->
-    <div>
-      <el-row type="flex" justify="end">
-        <el-col :span="6">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="6">
-                <span>工单类型:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="value" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="3">
-                <span>时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  size="small"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" size="small">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <div id="businessStatistics" style="height: 350px;margin-top:40px" />
-  </div>
-</template>
-
-<script>
-import Echarts from 'echarts'
-export default {
-  name: 'Car',
-  components: {},
-  data() {
-    return {
-      options: [
-        {
-          value: '选项1',
-          label: '管网'
-        }
-      ],
-      optionT: {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            crossStyle: {
-              color: '#999'
-            }
-          }
-        },
-        toolbox: {
-          show: true,
-          feature: {
-            magicType: { show: true, type: ['line', 'bar'] }
-          }
-        },
-        legend: {
-          data: ['处理总数', '管网', '表务', '咨询', '生产维修']
-        },
-        xAxis: [
-          {
-            type: 'category',
-            data: [
-              '2020-12-1',
-              '2020-12-2',
-              '2020-12-3',
-              '2020-12-4',
-              '2020-12-5',
-              '2020-12-6',
-              '2020-12-7'
-            ],
-            axisPointer: {
-              type: 'shadow'
-            }
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value',
-            name: '数量',
-            axisLabel: {
-              formatter: '{value}'
-            }
-          }
-        ],
-        series: [
-          {
-            name: '处理总数',
-            type: 'bar',
-            data: [40, 90, 80, 35, 105, 105, 100]
-          },
-          {
-            name: '管网',
-            type: 'bar',
-            data: [20, 10, 40, 5, 55, 35, 20]
-          },
-          {
-            name: '表务',
-            type: 'bar',
-            data: [10, 40, 20, 15, 25, 35, 40]
-          },
-          {
-            name: '咨询',
-            type: 'bar',
-            data: [4, 28, 6, 10, 15, 15, 6]
-          },
-          {
-            name: '生产维修',
-            type: 'bar',
-            data: [6, 12, 14, 20, 35, 55, 34]
-          }
-        ]
-      }
-    }
-  },
-  created() {},
-  mounted() {
-    Echarts.init(document.getElementById('businessStatistics')).setOption(
-      this.optionT
-    )
-  },
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  background: #fff;
-}
-.demo-input-suffix {
-  span {
-    line-height: 32px;
-    font-size: 14px;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/statisticalReport/seatStatus.vue

@@ -1,153 +0,0 @@
-<template>
-  <!-- 坐席状态统计 -->
-  <div class="app-container">
-    <div>
-      <el-row type="flex" justify="end">
-        <el-col :span="6">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="6">
-                <span>坐席人员:</span>
-              </el-col>
-              <el-col :span="16">
-                <el-select v-model="value" placeholder="请选择" size="small">
-                  <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="demo-input-suffix">
-            <el-row type="flex" justify="end">
-              <el-col :span="3">
-                <span>呼叫时间:</span>
-              </el-col>
-              <el-col :span="20">
-                <el-date-picker
-                  size="small"
-                  type="datetimerange"
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" size="small">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-    <div style="margin-top:20px">
-      <el-button type="primary" size="small">导出</el-button>
-      <div class="table_width">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="false"
-          :tableheight="500"
-          :border="true"
-          :multiple="true"
-          :fixed="false"
-          :isdelete="true"
-          @handleSelectionChange="handleSelectionChange"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'SeatStatus',
-  components: { TableItem },
-  data() {
-    return {
-      options: [{
-        value: '选项1',
-        label: 'A区'
-      }],
-      multipleSelection: [],
-      column: [
-        {
-          label: '坐席',
-          prop: 'zx'
-        },
-        {
-          label: '通话时长',
-          prop: 'thsc'
-        },
-        {
-          label: '振铃时长',
-          prop: 'zlsc'
-        },
-        {
-          label: '话后处理时长',
-          prop: 'hhclsc'
-        },
-        {
-          label: '小休时长',
-          prop: 'xxsc'
-        },
-        {
-          label: '置忙时长',
-          prop: 'zmsc'
-        },
-        {
-          label: '空闲时长',
-          prop: 'kxsc'
-        },
-        {
-          label: '工作总时长',
-          prop: 'gzzsc'
-        }
-      ],
-      list: [
-        {
-          zx: '张三',
-          thsc: '15',
-          zlsc: '15',
-          hhclsc: '30',
-          xxsc: '15分钟',
-          zmsc: '30',
-          kxsc: '1小时',
-          gzzsc: '8小时'
-        }
-      ]
-    }
-  },
-  created() {
-  },
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.demo-input-suffix{
-  span{
-    line-height: 32px;
-    font-size: 14px;
-  }
-}
-.table_width{
-  margin-top:20px;
-}
-.app-container{
-  background: #fff;
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/SMSInfo.vue

@@ -1,235 +0,0 @@
-
-<template>
-  <div class="app-container">
-    <!-- 已发送短信管理 -->
-    <el-card class="box-card">
-      <el-row class="search_box" type="flex" justify="space-between">
-        <el-col :span="6">
-          <el-row>
-            <el-col :span="6">
-              <span class="titel">日期:</span>
-            </el-col>
-            <el-col :span="18">
-              <el-date-picker
-                v-model="fsrq"
-                type="daterange"
-                range-separator="至"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                size="small"
-                style="width: 100%;"
-                value-format="yyyy-MM-dd"
-              />
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="6">
-          <el-row type="flex" justify="end">
-            <el-col :span="6">
-              <span class="titel">类型:</span>
-            </el-col>
-            <el-col :span="18">
-              <el-select v-model="value" placeholder="请选择" size="small">
-                <el-option
-                  v-for="item in options1"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="6">
-          <el-row>
-            <el-col :span="6">
-              <span class="titel">状态:</span>
-            </el-col>
-            <el-col :span="18">
-              <el-select v-model="value" placeholder="请选择" size="small">
-                <el-option
-                  v-for="item in options2"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="6">
-          <el-row>
-            <el-col :span="6">
-              <span class="titel">关键字:</span>
-            </el-col>
-            <el-col :span="18">
-              <el-input v-model="search" size="small" placeholder="请输入内容" class="input-with-select">
-                <el-button slot="append" icon="el-icon-search" @click="seek" />
-              </el-input>
-            </el-col>
-          </el-row>
-        </el-col>
-      </el-row>
-
-      <el-row type="flex" justify="space-between" style="margin-bottom:5px">
-        <div>
-          <el-button type="primary" size="small">重 发</el-button>
-          <el-button type="primary" size="small">刷 新</el-button>
-        </div>
-        <p class="font_scr">
-          已发短信：
-          <span class="succeed">100</span> 条，
-          发送失败：
-          <span class="failure">0</span> 条
-        </p>
-      </el-row>
-      <div class="table_width">
-        <table-item
-          :table-data="list"
-          :column="column"
-          :pagination="true"
-          :pagesize="pagination.size"
-          :currentpage="pagination.current"
-          :tableheight="500"
-          :border="true"
-          :multiple="true"
-          :total="total"
-          :fixed="false"
-          :isdelete="true"
-          @handleCurrentChange="handleCurrentChange"
-          @handleSizeChange="handleSizeChange"
-          @handleSelectionChange="handleSelectionChange"
-        />
-      </div>
-    </el-card>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'SMSInfo',
-  components: { TableItem },
-  data() {
-    return {
-      options1: [
-        {
-          value: '1',
-          label: '客户短信通知'
-        }
-      ],
-      options2: [
-        {
-          value: '1',
-          label: '成功'
-        }
-      ],
-      search: '',
-      fsrq: ['2020-12-11', '2021-01-14'],
-      value: '1',
-      pagination: { current: 1, size: 10 }, // 分页参数信息
-      total: 1,
-      multipleSelection: [],
-      column: [
-        {
-          label: '短信类型',
-          prop: 'dxlx'
-        },
-        {
-          label: '客户编号',
-          prop: 'khbh'
-        },
-        {
-          label: '客户姓名',
-          prop: 'khxm'
-        },
-        {
-          label: '联系电话',
-          prop: 'lxdh'
-        },
-        {
-          label: '发送时间',
-          prop: 'fssj'
-        },
-        {
-          label: '接收时间',
-          prop: 'jssj'
-        },
-        {
-          label: '发送人员',
-          prop: 'fsry'
-        },
-        {
-          label: '发送模板',
-          prop: 'fsnr'
-        },
-        {
-          label: '状态',
-          prop: 'zt'
-        }
-      ],
-      list: [
-        {
-          dxlx: '客户短信通知',
-          khbh: '5812512',
-          khxm: '张三',
-          lxdh: '13567656789',
-          fssj: '2020-09-25 16:08:00',
-          jssj: '2020-09-25 16:08:00',
-          fsry: '李四',
-          fsnr: '停水通知',
-          zt: '成功'
-        }
-      ]
-    }
-  },
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      // this.fetchData(this.pagination)
-    },
-
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      // this.fetchData(this.pagination)
-    },
-    seek() {
-      console.log(this.fsrq)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.search_box {
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 5px;
-}
-.titel {
-  display: block;
-  text-align: center;
-}
-.font_scr {
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 5px;
-
-  margin: 0;
-  .succeed {
-    color: #11d415;
-  }
-  .failure {
-    color: red;
-  }
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/SMSInsider.vue

@@ -1,189 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 短信配置管理 -->
-    <el-card class="box-card">
-      <el-row>
-        <el-col :span="6">
-          <el-row class="search_box">
-            <el-col :span="6">
-              <span>关键字:</span>
-            </el-col>
-            <el-col :span="18">
-              <el-input v-model="search" size="small" placeholder="请输入内容" class="input-with-select">
-                <el-button slot="append" icon="el-icon-search" @click="search" />
-              </el-input>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :offset="1" :span="10">
-          <el-button type="primary" size="small" @click="add">添加</el-button>
-          <el-button type="primary" size="small" @click="add">修改</el-button>
-          <el-button type="primary" size="small" @click="add">删除</el-button>
-        </el-col>
-      </el-row>
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="true"
-        :pagesize="pagination.size"
-        :currentpage="pagination.current"
-        :tableheight="500"
-        :border="true"
-        :multiple="true"
-        :total="total"
-        :fixed="false"
-        :isdelete="true"
-        @handleCurrentChange="handleCurrentChange"
-        @handleSizeChange="handleSizeChange"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </el-card>
-    <el-dialog title="短信配置" :visible.sync="dialogVisible">
-      <div>
-        <el-form ref="form" label-width="110px" size="small">
-          <el-form-item label="短信配置名称：">
-            <el-input v-model="form.name" placeholder="请选择日期" />
-          </el-form-item>
-          <el-form-item label="短信模版内容：">
-            <el-input v-model="form.content" type="textarea" :rows="4" placeholder="请输入内容" />
-          </el-form-item>
-          <el-form-item label>
-            <el-row :gutter="20">
-              <el-col v-for="(v,i) in example" :key="i" :span="12">
-                <p class="font_scr">
-                  表示代码：
-                  <span class="width30">{{ v.code }}</span>
-                  代码含义: {{ v.name }}
-                </p>
-              </el-col>
-            </el-row>
-            <el-divider />
-            <p class="font_scr">
-              <i class="el-icon-star-on" />请勿发送虚假类、营销类、测试类文本等短信内容
-            </p>
-            <p class="font_scr">
-              <i class="el-icon-star-on" />建议发送内容不超过60个字符
-            </p>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" icon="el-icon-tickets" @click="dialogVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-
-export default {
-  name: 'SMSMsg',
-  components: { TableItem },
-  data() {
-    return {
-      search: '',
-      options: [
-        {
-          value: '选项1',
-          label: 'A区'
-        }
-      ],
-      form: {
-        name: '',
-        content: ''
-      },
-      checked: true,
-      value: '选项1',
-      pagination: { current: 1, size: 10 }, // 分页参数信息
-      total: 1,
-      multipleSelection: [],
-      column: [
-        {
-          label: '序号',
-          prop: 'id',
-          width: 105
-        },
-        {
-          label: '短信名称',
-          prop: 'name',
-          width: 105
-        },
-        {
-          label: '短信模板内容',
-          prop: 'content'
-        }
-      ],
-      example: [
-        { name: '客户编号', code: '{khbh}' },
-        { name: '客户姓名', code: '{khxm}' },
-        { name: '客户地址', code: '{kydz}' },
-        { name: '客户电话', code: '{khdh}' },
-        { name: '充值水量', code: '{czsl}' },
-        { name: '充值水费', code: '{czsf}' },
-        { name: '收费日期', code: '{date}' },
-        { name: '当前时间', code: ' {time}' }
-      ],
-      list: [
-        {
-          id: 1,
-          name: '停水通知',
-          content:
-            '尊敬的{khxm}，因沱源泵站清洗的需要，该片区及周边用户定于2020年12月15日23:00至12月16日6:00停水。请在停水前及时做好储水准备，并相互转告。因此造成不便，敬请谅解！'
-        },
-        {
-          id: 2,
-          name: '漏话提醒',
-          content: '漏话提醒，沱源水务公司号码******在{time}给您拨打过电话。'
-        }
-      ],
-      dialogVisible: false
-    }
-  },
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      // this.fetchData(this.pagination)
-    },
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      // this.fetchData(this.pagination)
-    },
-    add() {
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.search_box {
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 5px;
-}
-
-.font_scr {
-  color: red;
-  margin: 0;
-  line-height: 18px;
-}
-.font_scb {
-  color: blue;
-  margin: 0;
-  line-height: 18px;
-}
-.width30 {
-  display: inline-block;
-  width: 50px;
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/SMSMsg.vue

@@ -1,47 +0,0 @@
-<template>
-  <!-- 短信公告通知 -->
-  <div class="app-container">
-    <el-card class="box-card">
-      <el-tabs type="border-card" class="message_box" @tab-click="handleClick">
-        <el-tab-pane label="客户短信通知">
-          <khdxtz />
-        </el-tab-pane>
-        <el-tab-pane label="内部短信通知">
-          <nbdxtz />
-        </el-tab-pane>
-        <el-tab-pane label="低压客户通知">
-          <dykhtz />
-        </el-tab-pane>
-      </el-tabs>
-    </el-card>
-  </div>
-</template>
-
-<script>
-import khdxtz from './khdxtz'
-import nbdxtz from './nbdxtz'
-import dykhtz from './dykhtz'
-export default {
-  name: 'SMSMsg',
-  components: { khdxtz, nbdxtz, dykhtz },
-  data() {
-    return {}
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #fff;
-}
-/deep/ .el-tabs--border-card .el-tabs__item {
-  color: #fff;
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/dykhtz.vue

@@ -1,160 +0,0 @@
-<template>
-  <div>
-    <el-form ref="form" :model="form" label-width="80px" size="small">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="客户区域:">
-            <el-select v-model="form.khqy" placeholder="请选择客户区域">
-              <el-option label="区域一" value="shanghai" />
-              <el-option label="区域二" value="beijing" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="客户小区:">
-            <el-select v-model="form.khxq" placeholder="请选择客户小区">
-              <el-option label="小区一" value="shanghai" />
-              <el-option label="小区二" value="beijing" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-button type="primary" size="small" @click="search">搜索</el-button>
-          <el-button type="primary" size="small" @click="send">发送短信</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-dialog title="发送短信" :visible.sync="dialogVisible" width="500px">
-      <el-form ref="sendForm" :model="sendForm" label-width="80px" size="small">
-        <el-form-item label="模板名称">
-          <el-select v-model="sendForm.mbmc" placeholder="请选择模板名称">
-            <el-option label="停水通知" :value="1" />
-            <el-option label="低压通知" :value="2" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
-    <div class="table_width">
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="true"
-        :pagesize="pagination.size"
-        :currentpage="pagination.current"
-        :tableheight="500"
-        :border="true"
-        :multiple="true"
-        :total="total"
-        :fixed="false"
-        :isdelete="true"
-        @handleCurrentChange="handleCurrentChange"
-        @handleSizeChange="handleSizeChange"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-export default {
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      dialogVisible: false,
-      form: {
-        khqy: '',
-        khxq: ''
-      },
-      sendForm: {
-        mbmc: ''
-      },
-      multipleSelection: [],
-      column: [
-        {
-          label: '客户编号',
-          prop: 'khbh'
-        },
-        {
-          label: '客户姓名',
-          prop: 'khxm'
-        },
-        {
-          label: '客户区域',
-          prop: 'khqy'
-        },
-        {
-          label: '客户小区',
-          prop: 'khxq'
-        },
-        {
-          label: '客户地址',
-          prop: 'khdz'
-        },
-        {
-          label: '联系电话',
-          prop: 'lxdh'
-        }
-      ],
-      list: [
-        {
-          khbh: '256798',
-          khxm: '张三',
-          khqy: 'A区',
-          khxq: 'A小区',
-          khdz: 'A区A小区A栋A层A号',
-          lxdh: '13789800987'
-        }
-      ]
-    }
-  },
-
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      // this.fetchData(this.pagination)
-    },
-
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      // this.fetchData(this.pagination)
-    },
-    search() {
-      console.log(1)
-    },
-    send() {
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/khdxtz.vue

@@ -1,160 +0,0 @@
-<template>
-  <div>
-    <el-form ref="form" :model="form" label-width="80px" size="small">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="客户区域:">
-            <el-select v-model="form.khqy" placeholder="请选择客户区域">
-              <el-option label="区域一" value="shanghai" />
-              <el-option label="区域二" value="beijing" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="客户小区:">
-            <el-select v-model="form.khxq" placeholder="请选择客户小区">
-              <el-option label="小区一" value="shanghai" />
-              <el-option label="小区二" value="beijing" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-button type="primary" size="small" @click="search">搜索</el-button>
-          <el-button type="primary" size="small" @click="send">发送短信</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-dialog title="发送短信" :visible.sync="dialogVisible" width="500px">
-      <el-form ref="sendForm" :model="sendForm" label-width="80px" size="small">
-        <el-form-item label="模板名称">
-          <el-select v-model="sendForm.mbmc" placeholder="请选择模板名称">
-            <el-option label="停水通知" :value="1" />
-            <el-option label="低压通知" :value="2" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
-    <div class="table_width">
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="true"
-        :pagesize="pagination.size"
-        :currentpage="pagination.current"
-        :tableheight="500"
-        :border="true"
-        :multiple="true"
-        :total="total"
-        :fixed="false"
-        :isdelete="true"
-        @handleCurrentChange="handleCurrentChange"
-        @handleSizeChange="handleSizeChange"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-export default {
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      dialogVisible: false,
-      form: {
-        khqy: '',
-        khxq: ''
-      },
-      sendForm: {
-        mbmc: ''
-      },
-      multipleSelection: [],
-      column: [
-        {
-          label: '客户编号',
-          prop: 'khbh'
-        },
-        {
-          label: '客户姓名',
-          prop: 'khxm'
-        },
-        {
-          label: '客户区域',
-          prop: 'khqy'
-        },
-        {
-          label: '客户小区',
-          prop: 'khxq'
-        },
-        {
-          label: '客户地址',
-          prop: 'khdz'
-        },
-        {
-          label: '联系电话',
-          prop: 'lxdh'
-        }
-      ],
-      list: [
-        {
-          khbh: '256798',
-          khxm: '张三',
-          khqy: 'A区',
-          khxq: 'A小区',
-          khdz: 'A区A小区A栋A层A号',
-          lxdh: '13789800987'
-        }
-      ]
-    }
-  },
-
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      // this.fetchData(this.pagination)
-    },
-
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      // this.fetchData(this.pagination)
-    },
-    search() {
-      console.log(1)
-    },
-    send() {
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/currentSystem/waterHotline/waterOff/nbdxtz.vue

@@ -1,160 +0,0 @@
-<template>
-  <div>
-    <el-form ref="form" :model="form" label-width="80px" size="small">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="所属系统:">
-            <el-select v-model="form.khqy" placeholder="请选择客户区域">
-              <el-option label="生产" value="1" />
-              <el-option label="营销" value="2" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="所属部门:">
-            <el-select v-model="form.khqy" placeholder="请选择客户区域">
-              <el-option label="生产" value="1" />
-              <el-option label="营销" value="2" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-button type="primary" size="small" @click="search">搜索</el-button>
-          <el-button type="primary" size="small" @click="send">发送短信</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-dialog title="发送短信" :visible.sync="dialogVisible" width="500px">
-      <el-form ref="sendForm" :model="sendForm" label-width="80px" size="small">
-        <el-form-item label="模板名称">
-          <el-select v-model="sendForm.mbmc" placeholder="请选择模板名称">
-            <el-option label="停水通知" :value="1" />
-            <el-option label="低压通知" :value="2" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
-    <div class="table_width">
-      <table-item
-        :table-data="list"
-        :column="column"
-        :pagination="true"
-        :pagesize="pagination.size"
-        :currentpage="pagination.current"
-        :tableheight="500"
-        :border="true"
-        :multiple="true"
-        :total="total"
-        :fixed="false"
-        :isdelete="true"
-        @handleCurrentChange="handleCurrentChange"
-        @handleSizeChange="handleSizeChange"
-        @handleSelectionChange="handleSelectionChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import TableItem from '@/components/Table'
-export default {
-  components: { TableItem },
-  data() {
-    return {
-      pagination: { gdzt: '1', current: 1, size: 10 }, // 分页参数信息
-      total: 0,
-      dialogVisible: false,
-      form: {
-        khqy: '',
-        khxq: ''
-      },
-      sendForm: {
-        mbmc: ''
-      },
-      multipleSelection: [],
-      column: [
-        {
-          label: '员工编号',
-          prop: 'ygbh'
-        },
-        {
-          label: '员工姓名',
-          prop: 'ygxm'
-        },
-        {
-          label: '所属系统',
-          prop: 'ssxt'
-        },
-        {
-          label: '所属部门',
-          prop: 'ssbm'
-        },
-        {
-          label: '办公地址',
-          prop: 'bgdz'
-        },
-        {
-          label: '联系电话',
-          prop: 'lxdh'
-        }
-      ],
-      list: [
-        {
-          ygbh: '256798',
-          ygxm: '张三',
-          ssxt: '系统A',
-          ssbm: '部门B',
-          bgdz: '二厂',
-          lxdh: '13789800987'
-        }
-      ]
-    }
-  },
-
-  created() {},
-  methods: {
-    // 选择
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-      // console.log('1111', val)
-    },
-    //  页码
-    handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      // this.fetchData(this.pagination)
-    },
-
-    // 条数
-    handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      // this.fetchData(this.pagination)
-    },
-    search() {
-      console.log(1)
-    },
-    send() {
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.box-card {
-  width: 100%;
-}
-/deep/.el-card__header {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-}
-.font_scr {
-  color: red;
-}
-.font_scb {
-  color: blue;
-}
-</style>

src/views/kxcSystem/PublicHouseManage/houseQuery/widget.vue

@@ -14,11 +14,11 @@
             <el-input v-model="queryForm.bulidingArea" placeholder="所在地区" size="small" clearable></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <!-- <el-col :span="4">
           <el-form-item label="小区">
             <el-input v-model="queryForm.bulidingName" placeholder="小区名称" size="small" clearable></el-input>
           </el-form-item>
-        </el-col>
+        </el-col> -->
         <el-col :span="4">
           <el-form-item label="年份">
             <el-date-picker v-model="queryForm.bulidingDate" type="year" placeholder="楼盘年份" size="small" clearable style="width:140px">
@@ -74,19 +74,19 @@
         <el-table-column prop="bulidingArea" label="地区" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="bulidingDate" label="楼盘年份" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="ownerName" label="产权人" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="buildingNo" label="小区编号" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="bulidingName" label="小区名称" align="center" show-overflow-tooltip></el-table-column>
+        <!-- <el-table-column prop="buildingNo" label="小区编号" align="center" show-overflow-tooltip></el-table-column> -->
+        <!-- <el-table-column prop="bulidingName" label="小区名称" align="center" show-overflow-tooltip></el-table-column> -->
         <el-table-column prop="buildingNum" label="楼栋" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="unitNo" label="单元" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="floorNo" label="楼层" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="houseNo" label="房号" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="createDate" label="登记时间" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="ownerName" label="登记人" align="center" show-overflow-tooltip></el-table-column>
+        <!-- <el-table-column prop="createDate" label="登记时间" align="center" show-overflow-tooltip></el-table-column> -->
+        <!-- <el-table-column prop="ownerName" label="登记人" align="center" show-overflow-tooltip></el-table-column> -->
         <el-table-column prop="floorage" label="建筑面积" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="usedArea" label="套内面积" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="sharedArea" label="分摊面积" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="specialArea" label="专用面积" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="IDNUMBER" label="备注" align="center" show-overflow-tooltip></el-table-column>
+        <!-- <el-table-column prop="IDNUMBER" label="备注" align="center" show-overflow-tooltip></el-table-column> -->
         <!-- <el-table-column prop="EVIDENTIARYMATERIAL" label="东墙" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="EVIDENTIARYMATERIAL" label="西墙" align="center" show-overflow-tooltip></el-table-column>
         <el-table-column prop="EVIDENTIARYMATERIAL" label="南墙" align="center" show-overflow-tooltip></el-table-column>