06301652付款申请

src/components/Finance/PaymentFiled.vue

@@ -16,7 +16,7 @@
                             <el-option
                               v-for="item in options"
                               :key="item.id"
-                              :label="item.conpamyName"
+                              :label="item.companyName"
                               :value="item.id">
                             </el-option>
                           </el-select>

src/components/child/index.vue

@@ -12,6 +12,24 @@
             <template>
                 <el-table :data="tableDatas.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
                     style="width: 100%" :row-class-name="rowClassName">
+                    <!-- <el-table-column type="expand">
+                        <template slot-scope="props">
+                            <el-form label-position="left" inline class="demo-table-expand">
+                                <el-form-item label="分机号">
+                                    <span>{{ props.row.ext }}</span>
+                                </el-form-item>
+                                <el-form-item label="手机号">
+                                    <span>{{ props.row.phone }}</span>
+                                </el-form-item>
+                                <el-form-item label="紧急联络电话">
+                                    <span>{{ props.row.urgentPhone }}</span>
+                                </el-form-item>
+                                <el-form-item label="电子邮箱">
+                                    <span>{{ props.row.email }}</span>
+                                </el-form-item>
+                            </el-form>
+                        </template>
+                    </el-table-column> -->
                     <el-table-column prop="num" label="序 号" width="55">
                         <template slot-scope="scope">
                             {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
@@ -54,7 +72,8 @@ export default {
             currentPage: 1, // 当前页码
             pageSize: 15,// 每页的数据条数
             input: '',
-            token: ''
+            token: '',
+            clientWidth:document.documentElement.clientWidth,
         }
     },
     methods: {
@@ -165,14 +184,23 @@ export default {
         rowClassName({ row, rowIndex }) {
             if (rowIndex % 2 === 0) {
                 return 'warning-row';
-            }else{
+            } else {
                 return 'success-row';
             }
-        }
+        },
     },
+    // watch: {
+    //     clientWidth(news,olds) {
+    //         let that = this;
+    //         console.log("实时屏幕宽度：",news,olds, that.clientWidth );
+    //     }
+    // },
     mounted() {
         this.token = JSON.parse(localStorage.getItem('userinif')).token;
         this.Getemployees();
+        // this.clientWidth = document.body.clientWidth;
+        // this.clientWidth = document.documentElement.clientWidth;
+        // console.log(this.clientWidth);
     }
 }
 </script>
@@ -184,6 +212,7 @@ export default {
 .el-table .success-row {
     background: #efefef;
 }
+
 .communal-list {
     background-color: #fff;
     padding: 10px;