添加宽带导入融合手机号码页面代码

src/views/school-center/broadbandList/RhPhone.vue

@@ -16,6 +16,32 @@
                             <a-button @click="search()" type="primary">查询</a-button>
                              <a-divider type="vertical"/>
                             <a-button @click="add()" type="primary">添加</a-button>
+                            <a-dropdown>
+                            <a-menu slot="overlay" @click="handleMenuClick">
+                                <a-menu-item key="1" @click="handleSubmit1"><a-icon type="arrow-up"/>手机号码</a-menu-item>
+                            </a-menu>
+                            <a-button style="margin-left: 8px">导入<a-icon type="down"/></a-button>
+                        </a-dropdown>
+
+            <a-modal  
+            :visible="modifyvisible2"  
+            @cancel="createfunctionCancel"  
+            html-type="submit"
+             @ok="importfunctionOk" >
+            <import-btn :url="importUrl" :responseFun="doPush">
+                <a-tooltip placement="topLeft" title="导入文件" arrowPointAtCenter>
+                    <a-row :gutter="24">
+                        <a-col :md="24" :sm="12">
+                            <p>
+                                选择文件：
+                                <a-button type="primary">选择文件</a-button>
+                            </p>
+                        </a-col>
+                    </a-row>
+                </a-tooltip>
+            </import-btn>
+            </a-modal>
+
                         </a-col>
                     </span>
                 </a-row>
@@ -45,16 +71,18 @@
 
 <script>
     import STable from '@/components/table';
-    import {cloneObject} from '@/utils/util';
+    import {cloneObject,exportFile} from '@/utils/util';
     import {
       rhPhone,
       addData,
       deleteData,
     } from "../../../api/school-center/broadbandList/rhPhoneAPI";
+       import ImportBtn from "../../../components/sysmanage/ImportBtn";
     export default {
         name: "RhPhone",
         components: {
             STable,
+            ImportBtn,
         },
         data: function () {
             return {
@@ -76,11 +104,13 @@
                 packageName:[],
                 chosePages:[],
                 products:[],
+                importUrl: "",
                 //输入框列表
                 queryParam: {
                   phone: '',
                 },
                 modifyvisible: false,
+                modifyvisible2: false,
                 visiblepicture: false,
                 columns: [
                     {dataIndex: 'phone', width: 200, title: '手机号', align: "center"},
@@ -142,6 +172,32 @@
               },0)
               this.modifyvisible=true;
           },
+          handleMenuClick(){
+             this.modifyvisible2=true;
+          },
+            // 执行上传
+            doPush(res) {
+                if (!res || !res.response) {
+                    this.$message.error("上传文件出错！", 10);
+                    return false;
+                }
+                const response = res.response;
+                if (response.state !== "success") {
+                    this.$message.error(response.msg ? response.msg : "上传文件出错！", 10);
+                    return false;
+                }
+                this.$message.success("上传成功！" + response.data, 5);
+                this.search();
+                this.modifyvisible2 = false;
+            },
+          importfunctionOk(){
+           this.modifyvisible2 = false;
+          },
+           handleSubmit1() {
+                this.importTile = "导入号码";
+                this.importUrl = "manager/ciop/rhPhone/importAccNbr";
+                this.modifyvisible2 = true;
+            },
           //提交表单
           createfunctionOk(){
             let obj = cloneObject(this.modifyForm);
@@ -166,6 +222,7 @@
           },
           createfunctionCancel(){
             this.modifyvisible=false;
+            this.modifyvisible2=false;
           },
           deleteActivity(id){
             deleteData({id:id}).then(res => {