06200857LHJ首页字母

src/components/Login.vue

@@ -5,7 +5,7 @@
                 <div class="logos">
                     <img src="../assets/logo2.png" />
                 </div>
-                <div class="names">PAN-AMEPICAN INTERNATIONAL</div>
+                <div class="names">PAN-AMERICAN INTERNATIONAL</div>
             </div>
             <div class="help-box">
                 <div class="help-title">没有企业账户？</div>
@@ -42,8 +42,8 @@
             </div>
         </div>
         <div class="fout-box">
-            PAN AMEPICAN INTERNATIONAL OA AI SYSTEM<br>
-            © 2024 PAN AMEPICAN INTERNATIONAL CORPOPATION.ALL Rights Reserved.
+            PAN-AMERICAN INTERNATIONAL OA AI SYSTEM<br>
+            © 2024 PAN-AMERICAN INTERNATIONAL CORPOPATION. ALL Rights Reserved.
         </div>
     </div>
 </template>

src/components/MCR/DownloadOpitinerary.vue

@@ -1,13 +1,155 @@
 <template>
-    <div>
-        市场部下载op行程单
+    <div class="DownloadOpitinerary-all">
+        <div class="DownloadOpitinerary-search-head">
+            <el-form label-width="75px">
+                <el-form-item label="国家:">
+                    <el-select filterable v-model="companyname" placeholder="请选择国家">
+                        <el-option v-for="(item,index) in companynamearr" :key="index" :label="item.name" :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <el-form label-width="75px">
+                <el-form-item label="地区:">
+                    <el-select filterable v-model="companyname" placeholder="请选择地区">
+                        <el-option v-for="(item,index) in companynamearr" :key="index" :label="item.name" :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <el-form label-width="75px">
+                <el-form-item label="团组名:">
+                    <el-select filterable v-model="companyname" placeholder="请选择团组名">
+                        <el-option v-for="(item,index) in companynamearr" :key="index" :label="item.year" :value="item.year"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div style="margin-left: 20px;">
+                <el-button type="primary">查询</el-button>
+            </div>
+        </div>
+        <div class="DownloadOpitinerary-table">
+            <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                <el-table-column
+                prop="date"
+                label="日期"
+                width="180">
+                </el-table-column>
+                <el-table-column
+                prop="name"
+                label="姓名"
+                width="180">
+                </el-table-column>
+                <el-table-column
+                prop="address"
+                label="地址">
+                </el-table-column>
+            </el-table>
+            <div class="block">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage4"
+                  :page-sizes="[100, 200, 300, 400]"
+                  :page-size="100"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  :total="400">
+                </el-pagination>
+              </div>
+        </div>
     </div>
 </template>
 <script>
 export default {
-    
+    data () {
+        return {
+            companyname:'',
+            companynamearr:[],
+            currentPage4: 4,
+            tableData: [
+                {
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+                }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+                }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+                }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+                },{
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+                }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+                }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+                }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+                },{
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+                }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+                },{
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+                }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+                },
+            ]
+        }
+    },
+    methods: {
+        handleSizeChange(val) {
+            console.log(`每页 ${val} 条`);
+        },
+        handleCurrentChange(val) {
+            console.log(`当前页: ${val}`);
+        }
+    },
 }
 </script>
 <style>
+.DownloadOpitinerary-all{
+    background-color: #fff;
+    
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+    min-height: 830px;
     
+}
+.DownloadOpitinerary-search-head{
+    display: flex;
+}
+.DownloadOpitinerary-search-head .el-form{
+    width: 300px;
+}
+.DownloadOpitinerary-search-head .el-select{
+    width: 100%;
+}
+.DownloadOpitinerary-table .block{
+    text-align: center;
+}
 </style>

src/components/MCR/Marketingamount.vue

@@ -940,66 +940,7 @@ export default {
                 this.statisone();
             },
             deep: true
-        },
-        // companyname:function(val){
-        //     this.personnelnamearr=[];
-        //     this.personnelname='';
-        //     if(val==-1){
-        //         this.personnelnamearr=this.personnelnamearrs;
-        //         this.personnelname=this.personnelnamearr[0].id;
-        //     }else{
-        //         for(let i=0;i<this.personnelnamearrs.length;i++){
-        //             if(val==this.personnelnamearrs[i].companyId){
-        //                 this.personnelnamearr.push(this.personnelnamearrs[i]);
-        //             }
-        //         }
-        //     }
-        // },
-        // years:function(val){
-        //     for(let j=0;j<this.yearsarr.length;j++){
-        //         if(this.yearsarr[j].year==val){
-        //             this.quarterarr=this.yearsarr[j].quarterData;
-        //             this.quarter=this.quarterarr[0].name;
-        //             this.montharr=this.yearsarr[j].quarterData[1].monthData;
-        //             this.month=this.montharr[0].name;
-        //             this.YbeginDt=this.yearsarr[j].quarterData[0].beginDt;
-        //             this.YendDt=this.yearsarr[j].quarterData[0].endDt;
-        //         }
-        //     }
-        //     this.YPostMarketingSalesStatistic()
-        // },
-        // quarter:function(val){
-        //     this.montharr=[]
-        //     for (let g = 0; g < this.quarterarr.length; g++) {
-        //         if(val==this.quarterarr[g].name){
-        //             if (val=="全部") {
-        //                 this.month="全部";
-        //                 this.QbeginDt=this.quarterarr[g].beginDt;
-        //                 this.QendDt=this.quarterarr[g].endDt;
-        //                 this.QPostMarketingSalesStatistic()
-        //                 return
-        //             }
-        //             this.QbeginDt=this.quarterarr[g].monthData[0].beginDt;
-        //             this.QendDt=this.quarterarr[g].monthData[0].endDt;
-        //             this.montharr=this.quarterarr[g].monthData;
-        //             this.month=this.montharr[0].name;
-        //             this.QPostMarketingSalesStatistic()
-        //         }
-        //     }
-        // },
-        // month:function(val){
-        //     console.log(this.montharr);
-        //     if (this.montharr!=undefined) {
-        //         for (let h = 0; h < this.montharr.length; h++) {
-        //             if(val==this.montharr[h].name){
-        //                 this.MbeginDt=this.montharr[h].beginDt;
-        //                 this.MendDt=this.montharr[h].endDt;
-        //             }
-        //         }
-        //         console.log(this.MbeginDt,this.MendDt);
-        //         // this.MPostMarketingSalesStatistic()
-        //     }
-        // }
+        }
     },
     created(){
         this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;