apply-clients 3.0.5-13 → 3.0.5-15

package/src/apply.js

@@ -1,152 +1,152 @@
-import Vue from 'vue'
-
-Vue.config.silent = true
-import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
-import ApplyLoadParams from './stores/ApplyLoadParams'
-/** ****************服务插件*********************/
-
-export default function () {
-  Vue.use(ApplyGetSaleParam)
-  Vue.use(ApplyLoadParams)
-/** ***************************报建模块*********************************/
-
-/** ***********报建流程业务**********/
-  // 报建流程业务总入口
-  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
-  // 报建流程业务总入口页面list布局
-  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
-  // 报建流程业务报建改装流程入口
-  Vue.component('modify-user-files', (resolve) => { require(['./components/product/Process/ModifyUserFiles'], resolve) })
-  // 办理通气手续入口
-  Vue.component('procedures-datagrid', (resolve) => { require(['./components/product/Procedures/ProceduresDataGrid'], resolve) })
-  // 报建收费查看
-  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/Process/Processes/Service/ApplyChargeSearch'], resolve) })
-  // 材料使用汇总
-  Vue.component('material-use-list', (resolve) => { require(['./components/product/Process/MaterialUseList'], resolve) })
-  // 预算材料
-  Vue.component('material-message', (resolve) => { require(['./components/product/Process/Processes/CustomerMaterialMessage'], resolve) })
-  //领取材料
-  Vue.component('receive-batch', (resolve) => { require(['./components/product/Process/Processes/ReceiveBatch'], resolve) })
-  // 报建材料记录功能
-  Vue.component('material_recording', (resolve) => { require(['./components/product/Function/functions/material_recording'], resolve) })
-  // 档案tab页
-  Vue.component('record-message', (resolve) => { require(['./components/product/Process/Processes/CustomerRecordMessage'], resolve) })
-  // 材料tab页
-  Vue.component('material-message', (resolve) => { require(['./components/product/Process/Processes/CustomerMaterialMessage'], resolve) })
-  // 设备tab页
-  Vue.component('equipment-message', (resolve) => { require(['./components/product/Process/Processes/CustomerEquipmentMessage'], resolve) })
-  // 楼栋tab页
-  Vue.component('building-message', (resolve) => { require(['./components/product/Process/Processes/CustomerBuildingMessage'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Processes/Service/ServiceControl'], resolve) })
-  // 更改历史
-  Vue.component('apply-change-history', (resolve) => { require(['./components/product/Process/Processes/Service/ApplyChangeHistory'], resolve) })
-  // 公共业务显示(view层)页
-  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
-
-  Vue.component('material-batch-list', (resolve) => { require(['./components/product/MaterialBatchList'], resolve) })
-  Vue.component('material-batch-manage', (resolve) => { require(['./components/product/MaterialBatchManage'], resolve) })
-  // 派工单tab页 废弃
-  // Vue.component('send-order', (resolve) => { require(['./components/product/Process/Processes/SendOrder'], resolve) })
-  // 停气碰口tab页
-  Vue.component('gas-stop', (resolve) => { require(['./components/product/Process/Processes/Service/GasStop'], resolve) })
-  // 显示退回理由tab页
-  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/ShowBackReason'], resolve) })
-
-  // 报建历史信息页面
-  Vue.component('history_control', (resolve) => { require(['./components/product/Process/ProcessInfo/history_control'], resolve) })
-
-// 工程结算
-  Vue.component('project-settlement', (resolve) => { require(['./components/product/Process/Processes/ProjectSettlement'], resolve) })
-// 报建功能业务总入口
-  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
-  // 报建菜单页面控制层
-  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
-// 终止报建业务
-  Vue.component('stop-install', (resolve) => { require(['./components/product/Function/functions/StopInstall'], resolve) })
-// 报建业务信息
-  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
-// 报建收费
-  Vue.component('installfee', (resolve) => { require(['./components/product/Function/functions/InstallFee'], resolve) })
-  // 报建收费
-  Vue.component('buyer-message', (resolve) => { require(['./components/product/Function/functions/BuyerMessage'], resolve) })
-  // 预缴费收费
-  Vue.component('prestorefee', (resolve) => { require(['./components/product/Function/functions/PrestoreFee'], resolve) })
-  // 预缴费
-  Vue.component('preparationfee', (resolve) => { require(['./components/product/Function/functions/PreparationFee'], resolve) })
-  // 操作记录撤销
-  Vue.component('apply-record-cancel', (resolve) => { require(['./components/product/Function/functions/ApplyRecordCancel'], resolve) })
-// 费用变更信息
-  Vue.component('updatefee', (resolve) => { require(['./components/product/Function/functions/UpdateFee'], resolve) })
-// 费用减免信息
-  Vue.component('reducefee', (resolve) => { require(['./components/product/Function/functions/ReduceFee'], resolve) })
-// 报建收费信息
-  Vue.component('installfeeinfo', (resolve) => { require(['./components/product/Function/functions/InstallFeeInfo'], resolve) })
-// 报建业务信息
-  Vue.component('installinfodown', (resolve) => { require(['./components/product/Function/InstallInfoDown'], resolve) })
-// 详细业务信息
-  Vue.component('allselect', (resolve) => { require(['./components/product/Function/functions/AllSelect'], resolve) })
-// 添加合同信息
-  Vue.component('addcontract', (resolve) => { require(['./components/product/Function/functions/AddContract'], resolve) })
-// 打印票据
-  Vue.component('billselect', (resolve) => { require(['./components/product/Bill/BillSelect'], resolve) })
-  // 打印记录表票据
-  Vue.component('billjlb', (resolve) => { require(['./components/product/Bill/BillJLB'], resolve) })
-  // 打印开通卡票据
-  Vue.component('billktk', (resolve) => { require(['./components/product/Bill/BillKTK'], resolve) })
-  // 打印确认卡票据
-  Vue.component('billqrk', (resolve) => { require(['./components/product/Bill/BillQRK'], resolve) })
-  // 打印改装卡票据
-  Vue.component('billgzk', (resolve) => { require(['./components/product/Bill/BillGZK'], resolve) })
-  // 打印销售单票据
-  Vue.component('billxsd', (resolve) => { require(['./components/product/Bill/BillXSD'], resolve) })
-  // 销售单票据信息
-  Vue.component('billxsdmakeinfo', (resolve) => { require(['./components/product/Bill/BillXSDMakeInfo'], resolve) })
-  // 确认卡票据信息
-  Vue.component('billqrkmakeinfo', (resolve) => { require(['./components/product/Bill/BillQRKMakeInfo'], resolve) })
-  // 改装卡票据信息
-  Vue.component('billgzkmakeinfo', (resolve) => { require(['./components/product/Bill/BillGZKMakeInfo'], resolve) })
-  // 开通卡票据信息
-  Vue.component('billktkmakeinfo', (resolve) => { require(['./components/product/Bill/BillKTKMakeInfo'], resolve) })
-  // 销售记录表票据信息
-  Vue.component('billjlbmakeinfo', (resolve) => { require(['./components/product/Bill/BillJLBMakeInfo'], resolve) })
-  // 销售记录表历史票据信息
-  Vue.component('billqrkrecordinfo', (resolve) => { require(['./components/product/Bill/BillQRKRecordInfo'], resolve) })
-  // 改装卡历史票据信息
-  Vue.component('billgzkrecordinfo', (resolve) => { require(['./components/product/Bill/BillGZKRecordInfo'], resolve) })
-  // 销售单历史票据信息
-  Vue.component('billxsdrecordinfo', (resolve) => { require(['./components/product/Bill/BillXSDRecordInfo'], resolve) })
-  // 开通卡历史票据信息
-  Vue.component('billktkrecordinfo', (resolve) => { require(['./components/product/Bill/BillKTKRecordInfo'], resolve) })
-  // 开通卡历史票据信息
-  Vue.component('billjlbrecordinfo', (resolve) => { require(['./components/product/Bill/BillJLBRecordInfo'], resolve) })
-
-// 报建收费卡片详情
-  Vue.component('build-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/BuildFeeDetail2'], resolve) })
-// 报建费用变更详情
-  Vue.component('change-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/ChangeFeeDetail2'], resolve) })
-// 报建费用减免详情
-  Vue.component('reduce-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/ReduceFeeDetail2'], resolve) })
-// 报建费用减免详情
-  Vue.component('stopapply-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/StopApplyDetail2'], resolve) })
-// 报建费用减免详情
-  Vue.component('install-apply-cardlist', (resolve) => { require(['./components/product/VueUtils/rightview/InstallCardList2'], resolve) })
-
-  Vue.component('back-page', (resolve) => { require(['./components/product/VueUtils/ToolsPage'], resolve) })
-
-  Vue.component('tree2', (resolve) => { require(['./components/product/VueUtils/Tree'], resolve) })
-  // 流程监控总组件
-  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
-  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
-  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
-  Vue.component('supervisory-baseinfo', (resolve) => { require(['./components/product/Supervisory/SupervisoryBaseInfo'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
-  // 汇总查询入口 src/components/product/Statistics/ApplyStatisticsROOT.vue
-  Vue.component('apply-statistics-root', (resolve) => { require(['./components/product/Statistics/ApplyStatisticsROOT'], resolve) })
-  // 上传附件
-  // Vue.component('apply-upload', (resolve) => { require(['./components/product/Process/Processes/Upload'], resolve) })
-  Vue.component('apply-upload', (resolve) => { require(['./components/product/Process/Processes/ApplyUpload'], resolve) })
-  // 成本预算
-  Vue.component('customer-cost-plan', (resolve) => { require(['./components/product/Process/Processes/CustomerCostPlan'], resolve) })
-}
+import Vue from 'vue'
+
+Vue.config.silent = true
+import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
+import ApplyLoadParams from './stores/ApplyLoadParams'
+/** ****************服务插件*********************/
+
+export default function () {
+  Vue.use(ApplyGetSaleParam)
+  Vue.use(ApplyLoadParams)
+/** ***************************报建模块*********************************/
+
+/** ***********报建流程业务**********/
+  // 报建流程业务总入口
+  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
+  // 报建流程业务总入口页面list布局
+  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
+  // 报建流程业务报建改装流程入口
+  Vue.component('modify-user-files', (resolve) => { require(['./components/product/Process/ModifyUserFiles'], resolve) })
+  // 办理通气手续入口
+  Vue.component('procedures-datagrid', (resolve) => { require(['./components/product/Procedures/ProceduresDataGrid'], resolve) })
+  // 报建收费查看
+  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/Process/Processes/Service/ApplyChargeSearch'], resolve) })
+  // 材料使用汇总
+  Vue.component('material-use-list', (resolve) => { require(['./components/product/Process/MaterialUseList'], resolve) })
+  // 预算材料
+  Vue.component('material-message', (resolve) => { require(['./components/product/Process/Processes/CustomerMaterialMessage'], resolve) })
+  //领取材料
+  Vue.component('receive-batch', (resolve) => { require(['./components/product/Process/Processes/ReceiveBatch'], resolve) })
+  // 报建材料记录功能
+  Vue.component('material_recording', (resolve) => { require(['./components/product/Function/functions/material_recording'], resolve) })
+  // 档案tab页
+  Vue.component('record-message', (resolve) => { require(['./components/product/Process/Processes/CustomerRecordMessage'], resolve) })
+  // 材料tab页
+  Vue.component('material-message', (resolve) => { require(['./components/product/Process/Processes/CustomerMaterialMessage'], resolve) })
+  // 设备tab页
+  Vue.component('equipment-message', (resolve) => { require(['./components/product/Process/Processes/CustomerEquipmentMessage'], resolve) })
+  // 楼栋tab页
+  Vue.component('building-message', (resolve) => { require(['./components/product/Process/Processes/CustomerBuildingMessage'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Processes/Service/ServiceControl'], resolve) })
+  // 更改历史
+  Vue.component('apply-change-history', (resolve) => { require(['./components/product/Process/Processes/Service/ApplyChangeHistory'], resolve) })
+  // 公共业务显示(view层)页
+  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
+
+  Vue.component('material-batch-list', (resolve) => { require(['./components/product/MaterialBatchList'], resolve) })
+  Vue.component('material-batch-manage', (resolve) => { require(['./components/product/MaterialBatchManage'], resolve) })
+  // 派工单tab页 废弃
+  // Vue.component('send-order', (resolve) => { require(['./components/product/Process/Processes/SendOrder'], resolve) })
+  // 停气碰口tab页
+  Vue.component('gas-stop', (resolve) => { require(['./components/product/Process/Processes/Service/GasStop'], resolve) })
+  // 显示退回理由tab页
+  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/ShowBackReason'], resolve) })
+
+  // 报建历史信息页面
+  Vue.component('history_control', (resolve) => { require(['./components/product/Process/ProcessInfo/history_control'], resolve) })
+
+// 工程结算
+  Vue.component('project-settlement', (resolve) => { require(['./components/product/Process/Processes/ProjectSettlement'], resolve) })
+// 报建功能业务总入口
+  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
+  // 报建菜单页面控制层
+  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
+// 终止报建业务
+  Vue.component('stop-install', (resolve) => { require(['./components/product/Function/functions/StopInstall'], resolve) })
+// 报建业务信息
+  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
+// 报建收费
+  Vue.component('installfee', (resolve) => { require(['./components/product/Function/functions/InstallFee'], resolve) })
+  // 报建收费
+  Vue.component('buyer-message', (resolve) => { require(['./components/product/Function/functions/BuyerMessage'], resolve) })
+  // 预缴费收费
+  Vue.component('prestorefee', (resolve) => { require(['./components/product/Function/functions/PrestoreFee'], resolve) })
+  // 预缴费
+  Vue.component('preparationfee', (resolve) => { require(['./components/product/Function/functions/PreparationFee'], resolve) })
+  // 操作记录撤销
+  Vue.component('apply-record-cancel', (resolve) => { require(['./components/product/Function/functions/ApplyRecordCancel'], resolve) })
+// 费用变更信息
+  Vue.component('updatefee', (resolve) => { require(['./components/product/Function/functions/UpdateFee'], resolve) })
+// 费用减免信息
+  Vue.component('reducefee', (resolve) => { require(['./components/product/Function/functions/ReduceFee'], resolve) })
+// 报建收费信息
+  Vue.component('installfeeinfo', (resolve) => { require(['./components/product/Function/functions/InstallFeeInfo'], resolve) })
+// 报建业务信息
+  Vue.component('installinfodown', (resolve) => { require(['./components/product/Function/InstallInfoDown'], resolve) })
+// 详细业务信息
+  Vue.component('allselect', (resolve) => { require(['./components/product/Function/functions/AllSelect'], resolve) })
+// 添加合同信息
+  Vue.component('addcontract', (resolve) => { require(['./components/product/Function/functions/AddContract'], resolve) })
+// 打印票据
+  Vue.component('billselect', (resolve) => { require(['./components/product/Bill/BillSelect'], resolve) })
+  // 打印记录表票据
+  Vue.component('billjlb', (resolve) => { require(['./components/product/Bill/BillJLB'], resolve) })
+  // 打印开通卡票据
+  Vue.component('billktk', (resolve) => { require(['./components/product/Bill/BillKTK'], resolve) })
+  // 打印确认卡票据
+  Vue.component('billqrk', (resolve) => { require(['./components/product/Bill/BillQRK'], resolve) })
+  // 打印改装卡票据
+  Vue.component('billgzk', (resolve) => { require(['./components/product/Bill/BillGZK'], resolve) })
+  // 打印销售单票据
+  Vue.component('billxsd', (resolve) => { require(['./components/product/Bill/BillXSD'], resolve) })
+  // 销售单票据信息
+  Vue.component('billxsdmakeinfo', (resolve) => { require(['./components/product/Bill/BillXSDMakeInfo'], resolve) })
+  // 确认卡票据信息
+  Vue.component('billqrkmakeinfo', (resolve) => { require(['./components/product/Bill/BillQRKMakeInfo'], resolve) })
+  // 改装卡票据信息
+  Vue.component('billgzkmakeinfo', (resolve) => { require(['./components/product/Bill/BillGZKMakeInfo'], resolve) })
+  // 开通卡票据信息
+  Vue.component('billktkmakeinfo', (resolve) => { require(['./components/product/Bill/BillKTKMakeInfo'], resolve) })
+  // 销售记录表票据信息
+  Vue.component('billjlbmakeinfo', (resolve) => { require(['./components/product/Bill/BillJLBMakeInfo'], resolve) })
+  // 销售记录表历史票据信息
+  Vue.component('billqrkrecordinfo', (resolve) => { require(['./components/product/Bill/BillQRKRecordInfo'], resolve) })
+  // 改装卡历史票据信息
+  Vue.component('billgzkrecordinfo', (resolve) => { require(['./components/product/Bill/BillGZKRecordInfo'], resolve) })
+  // 销售单历史票据信息
+  Vue.component('billxsdrecordinfo', (resolve) => { require(['./components/product/Bill/BillXSDRecordInfo'], resolve) })
+  // 开通卡历史票据信息
+  Vue.component('billktkrecordinfo', (resolve) => { require(['./components/product/Bill/BillKTKRecordInfo'], resolve) })
+  // 开通卡历史票据信息
+  Vue.component('billjlbrecordinfo', (resolve) => { require(['./components/product/Bill/BillJLBRecordInfo'], resolve) })
+
+// 报建收费卡片详情
+  Vue.component('build-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/BuildFeeDetail2'], resolve) })
+// 报建费用变更详情
+  Vue.component('change-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/ChangeFeeDetail2'], resolve) })
+// 报建费用减免详情
+  Vue.component('reduce-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/ReduceFeeDetail2'], resolve) })
+// 报建费用减免详情
+  Vue.component('stopapply-apply-detail', (resolve) => { require(['./components/product/VueUtils/rightview/carddetail/StopApplyDetail2'], resolve) })
+// 报建费用减免详情
+  Vue.component('install-apply-cardlist', (resolve) => { require(['./components/product/VueUtils/rightview/InstallCardList2'], resolve) })
+
+  Vue.component('back-page', (resolve) => { require(['./components/product/VueUtils/ToolsPage'], resolve) })
+
+  Vue.component('tree2', (resolve) => { require(['./components/product/VueUtils/Tree'], resolve) })
+  // 流程监控总组件
+  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
+  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
+  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
+  Vue.component('supervisory-baseinfo', (resolve) => { require(['./components/product/Supervisory/SupervisoryBaseInfo'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
+  // 汇总查询入口 src/components/product/Statistics/ApplyStatisticsROOT.vue
+  Vue.component('apply-statistics-root', (resolve) => { require(['./components/product/Statistics/ApplyStatisticsROOT'], resolve) })
+  // 上传附件
+  // Vue.component('apply-upload', (resolve) => { require(['./components/product/Process/Processes/Upload'], resolve) })
+  Vue.component('apply-upload', (resolve) => { require(['./components/product/Process/Processes/ApplyUpload'], resolve) })
+  // 成本预算
+  Vue.component('customer-cost-plan', (resolve) => { require(['./components/product/Process/Processes/CustomerCostPlan'], resolve) })
+}

package/src/components/product/Function/InstallFunction.vue

@@ -1,126 +1,126 @@
-<template>
-  <div class="full" style="background-color:  #f6f6f6;">
-    <div class="flex-row">
-      <div class="flex" style="flex: 1" :style="{height: totalheight,width:'80%'}">
-        <div class="flex col-sm-12" :style="{height: leftheight}">
-          <installinfoselect v-ref:installselect></installinfoselect>
-        </div>
-        <div class="flex col-sm-12" v-if="show" style="padding-top: 3px;">
-          <installinfodown v-ref:installdown></installinfodown>
-        </div>
-        <div class="col-sm-12" v-show="clishow">
-          <div class="col-sm-3">
-            <installfeeinfo :infeeinfo="selectdata"></installfeeinfo>
-          </div>
-          <div class="col-sm-9">
-            <function-service-control v-ref:fsc :funcdata = "funcdata" :selectdata="selectdata"></function-service-control>
-          </div>
-        </div>
-        <div v-show="comps" v-el:route class="flex span select-overspread"
-             style="margin-top: 10px;border: 1px solid #EEF3F6;flex: 0.8;">
-          <route v-ref:route></route>
-        </div>
-      </div>
-      <div style="width: 20%;padding:0px 0px 0px 0px;margin-left: 0px">
-        <install-apply-cardlist :btns="operatebtn" :userinfoid="row ? row.f_userinfo_id : ''" @list-select-oper="recordCancel"
-                          v-ref:card></install-apply-cardlist>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-  import  {HttpResetClass} from 'vue-client'
-  export default {
-    title: '报建业务',
-    data() {
-      return {
-        funcdata: null, // 选中功能
-        comps: false,
-        row: null,
-        // arr: ['报建登记', '现场勘探', '设计出图'],
-        selectdata: null,
-        show: false,
-        clishow: false,
-        showallbtn: false,
-        leftheight: '100%',
-        totalheight: '100%',
-        footheight: '0%'
-      }
-    },
-    created(){
-      let http = new HttpResetClass()
-      let xmldata = {
-        data:{...this.$login.f,parent:{},functions:[]},
-        workname: '工商业报建流程'
-      }
-      http.load('POST','rs/logic/ApplyGetConfigs', {data: xmldata}, {resolveMsg: null, rejectMsg: null}
-      ).then((res)=>{
-        if(res.data.code && res.data.code == 200){
-          Vue.function_vue = Vue.prototype.$function_vue = res.data.function_vue
-        }else{
-          this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
-          return
-        }
-      })
-      console.log("Vue.$function_vue:"+JSON.stringify(this.$function_vue))
-    },
-    methods: {
-      //    操作记录点击撤销时间调用方法
-      recordCancel(title, name, row) {
-        this.leftheight = '50%'
-        this.showallbtn = false
-        this.show = false
-        this.clishow = false
-        // this.$parent.$refs.installselect.bulkType = '操作记录撤销'
-        this.$els.route.style.height = 260 + 'px'
-        // 清除row的选择
-        this.row = null
-        // this.$refs.list.search()
-        this.comps = {name: name, props: {data: row}}
-        this.$refs.route.init(name, {data: row})
-      }
-    },
-    events: {
-      'func'(funcdata,row) {
-        this.funcdata = funcdata
-        this.selectdata = row
-        this.leftheight = '25%'
-        this.totalheight = '80%'
-        this.clishow = true
-        // this.$refs.fsc.hasChange()
-      },
-      'showbtn'(val) {
-        this.selectdata = val
-        // this.show = true
-        this.showallbtn = true
-        this.leftheight = '25%'
-        this.totalheight = '100%'
-      },
-      'hiddenbtn'() {
-        this.showallbtn = false
-        this.clishow = false
-        this.show = false
-        this.comps = null
-        this.leftheight = '100%'
-        this.totalheight = '100%'
-        this.$refs.installselect.$refs.cp.$refs.cri.search()
-        // this.$refs.installdown.$refs.cp.$refs.cri.search()
-        this.$refs.card.$refs.paged.$refs.cri.search()
-      },
-      'showline'(value) {
-        this.show = false
-        this.$refs.installselect.clifun(value)
-      },
-      'searchcard'() {
-        this.$refs.installselect.$refs.cp.$refs.cri.search()
-        // this.$refs.installdown.$refs.cp.$refs.cri.search()
-        this.$refs.card.$refs.paged.$refs.cri.search()
-      },
-      'list-select-oper'() {
-        this.leftheight = '50%'
-        this.footheight = '50%'
-      }
-    }
-  }
-</script>
+<template>
+  <div class="full" style="background-color:  #f6f6f6;">
+    <div class="flex-row">
+      <div class="flex" style="flex: 1" :style="{height: totalheight,width:'80%'}">
+        <div class="flex col-sm-12" :style="{height: leftheight}">
+          <installinfoselect v-ref:installselect></installinfoselect>
+        </div>
+        <div class="flex col-sm-12" v-if="show" style="padding-top: 3px;">
+          <installinfodown v-ref:installdown></installinfodown>
+        </div>
+        <div class="col-sm-12" v-show="clishow">
+          <div class="col-sm-3">
+            <installfeeinfo :infeeinfo="selectdata"></installfeeinfo>
+          </div>
+          <div class="col-sm-9">
+            <function-service-control v-ref:fsc :funcdata = "funcdata" :selectdata="selectdata"></function-service-control>
+          </div>
+        </div>
+        <div v-show="comps" v-el:route class="flex span select-overspread"
+             style="margin-top: 10px;border: 1px solid #EEF3F6;flex: 0.8;">
+          <route v-ref:route></route>
+        </div>
+      </div>
+      <div style="width: 20%;padding:0px 0px 0px 0px;margin-left: 0px">
+        <install-apply-cardlist :btns="operatebtn" :userinfoid="row ? row.f_userinfo_id : ''" @list-select-oper="recordCancel"
+                          v-ref:card></install-apply-cardlist>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import  {HttpResetClass} from 'vue-client'
+  export default {
+    title: '报建业务',
+    data() {
+      return {
+        funcdata: null, // 选中功能
+        comps: false,
+        row: null,
+        // arr: ['报建登记', '现场勘探', '设计出图'],
+        selectdata: null,
+        show: false,
+        clishow: false,
+        showallbtn: false,
+        leftheight: '100%',
+        totalheight: '100%',
+        footheight: '0%'
+      }
+    },
+    created(){
+      let http = new HttpResetClass()
+      let xmldata = {
+        data:{...this.$login.f,parent:{},functions:[]},
+        workname: '工商业报建流程'
+      }
+      http.load('POST','rs/logic/ApplyGetConfigs', {data: xmldata}, {resolveMsg: null, rejectMsg: null}
+      ).then((res)=>{
+        if(res.data.code && res.data.code == 200){
+          Vue.function_vue = Vue.prototype.$function_vue = res.data.function_vue
+        }else{
+          this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
+          return
+        }
+      })
+      console.log("Vue.$function_vue:"+JSON.stringify(this.$function_vue))
+    },
+    methods: {
+      //    操作记录点击撤销时间调用方法
+      recordCancel(title, name, row) {
+        this.leftheight = '50%'
+        this.showallbtn = false
+        this.show = false
+        this.clishow = false
+        // this.$parent.$refs.installselect.bulkType = '操作记录撤销'
+        this.$els.route.style.height = 260 + 'px'
+        // 清除row的选择
+        this.row = null
+        // this.$refs.list.search()
+        this.comps = {name: name, props: {data: row}}
+        this.$refs.route.init(name, {data: row})
+      }
+    },
+    events: {
+      'func'(funcdata,row) {
+        this.funcdata = funcdata
+        this.selectdata = row
+        this.leftheight = '25%'
+        this.totalheight = '80%'
+        this.clishow = true
+        // this.$refs.fsc.hasChange()
+      },
+      'showbtn'(val) {
+        this.selectdata = val
+        // this.show = true
+        this.showallbtn = true
+        this.leftheight = '25%'
+        this.totalheight = '100%'
+      },
+      'hiddenbtn'() {
+        this.showallbtn = false
+        this.clishow = false
+        this.show = false
+        this.comps = null
+        this.leftheight = '100%'
+        this.totalheight = '100%'
+        this.$refs.installselect.$refs.cp.$refs.cri.search()
+        // this.$refs.installdown.$refs.cp.$refs.cri.search()
+        this.$refs.card.$refs.paged.$refs.cri.search()
+      },
+      'showline'(value) {
+        this.show = false
+        this.$refs.installselect.clifun(value)
+      },
+      'searchcard'() {
+        this.$refs.installselect.$refs.cp.$refs.cri.search()
+        // this.$refs.installdown.$refs.cp.$refs.cri.search()
+        this.$refs.card.$refs.paged.$refs.cri.search()
+      },
+      'list-select-oper'() {
+        this.leftheight = '50%'
+        this.footheight = '50%'
+      }
+    }
+  }
+</script>