From 87e4180ccf273f42a22c92eca4c2ab299e80d968 Mon Sep 17 00:00:00 2001
From: zsk <710162063@qq.com>
Date: Wed, 21 Dec 2022 09:47:18 +0800
Subject: [PATCH] xx

---
 src/components/FirstJob/recordBill.vue             | 656 +++++++++++++--------
 .../userinfo/usercenter/components/mybill.vue      |  14 +-
 src/utils/request.js                               |   4 +-
 3 files changed, 418 insertions(+), 256 deletions(-)

diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index 5fe329a..a714de7 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -3,7 +3,9 @@
     <!-- 面包屑 -->
     <a-breadcrumb class="w">
       <a-breadcrumb-item href="">
-        <router-link to="/main"><a-icon type="home" /></router-link>
+        <router-link to="/main">
+          <a-icon type="home" />
+        </router-link>
       </a-breadcrumb-item>
       <a-breadcrumb-item href="">
         <a @click="toList">
@@ -172,7 +174,6 @@
             >
           </div>
         </a-form-model-item>
-
         <a-form-model-item
           class="time-input"
           ref="interviewTime"
@@ -199,8 +200,8 @@
             ></i
           ></a-input>
         </a-form-model-item>
-
         <a-form-model-item
+          style="margin-top: 12px"
           class="time-input"
           ref="receptionTime"
           label="接待时间"
@@ -243,8 +244,8 @@
               />
             </a-form-model-item>
           </a-col>
-          <a-col :span="4" class="idCardUpload"
-            ><a-upload
+          <a-col :span="4" class="idCardUpload">
+            <a-upload
               :customRequest="customRequestFun"
               list-type="picture-card"
               :file-list="fileList"
@@ -302,8 +303,8 @@
               class="iconfont icon-guanbi"
               v-if="fileList.length !== 0 && !loading"
               @click="fileList = []"
-            ></i
-          ></a-col>
+            ></i>
+          </a-col>
         </a-row>
         <a-row class="specialbox">
           <a-col :span="12">
@@ -394,7 +395,6 @@
             :max-length="11"
           />
         </a-form-model-item>
-
         <a-form-model-item
           ref="peoplecard"
           label="家庭住址"
@@ -404,7 +404,6 @@
         >
           <a-input v-model="form.address" placeholder="请输入家庭住址" />
         </a-form-model-item>
-
         <!-- <a-form-model-item ref="username" label="模式" prop="username">
           <a-select v-model="form.pattern" placeholder="请选择民族">
             <a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
@@ -425,8 +424,28 @@
             ><span v-else @click="toFold(2)">收起</span>
           </div>
         </a-form-model-item>
+        <a-form-model-item
+          ref="peoplecard"
+          label="附件"
+          prop="peoplecard"
+          :wrapperCol="{ span: 18 }"
+          :labelCol="{ span: 4 }"
+        >
+          <a-upload
+            :customRequest="customRequestFun2"
+            multiple
+            list-type="picture"
+            :default-file-list="fileList2"
+            class="upload-list-inline"
+            @change="handleChange2"
+            @preview="handlePreview"
+            :beforeUpload="beforeUpload"
+            :data="dataObj"
+          >
+            <a-button> <a-icon type="upload" /> 上传 </a-button>
+          </a-upload>
+        </a-form-model-item>
       </a-form-model>
-
       <div class="upline">
         <div>
           <a-button
@@ -467,7 +486,6 @@
     </a-modal>
   </div>
 </template>
-
 <script>
 import { nationlist } from "../../utils/datalist";
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
@@ -499,6 +517,24 @@ export default {
   // 组件状态值
   data() {
     return {
+      fileList2: [
+        {
+          uid: "-1",
+          name: "xxx.png",
+          status: "done",
+          url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+          thumbUrl:
+            "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+        },
+        {
+          uid: "-2",
+          name: "yyy.png",
+          status: "done",
+          url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+          thumbUrl:
+            "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+        },
+      ],
       // facetimedate: "",
       previewVisible: false,
       proxyStatus: "", // 代理选择的控制
@@ -814,13 +850,10 @@ export default {
       console.log(fileList);
       console.log(fileList[0]);
       this.fileList = fileList;
-
-      // try {
-      //   const { data } = await getIdCardInfoApi(formData);
-      //   console.log(data);
-      // } catch (error) {
-      //   console.log(error);
-      // }
+    },
+    handleChange2({ fileList }) {
+      console.log(fileList);
+      this.fileList2 = fileList;
     },
     // getBase64(file) {
     //   return new Promise((resolve, reject) => {
@@ -971,6 +1004,61 @@ export default {
         },
       });
     },
+
+    async customRequestFun2(file) {
+      console.dir(file.onSuccess);
+
+      let _self = this;
+      var formData = new FormData();
+
+      //注意formData里append添加的键的大小写
+      formData.append("key", _self.dataObj.key); //存储在oss的文件路径
+      formData.append("OSSAccessKeyId", _self.dataObj.ossaccessKeyId); //accessKeyId
+      formData.append("policy", _self.dataObj.policy); //policy
+      formData.append("Signature", _self.dataObj.signature); //签名
+      formData.append("success_action_status", "200"); // 上传成功返回的状态码，不设置则是204
+      formData.append("file", file.file); // 一定在最后
+      console.log(formData);
+      let formData1 = new FormData();
+      console.log(file.file);
+      formData1.append("uploadFile", file.file); // 一定在最后
+      // try {
+      //   const { data } = await getIdCardInfoApi(formData1);
+      //   console.log(data);
+      // } catch (err) {
+      //   console.log(err);
+      // }
+
+      file.onProgress();
+
+      $.ajax({
+        type: "post",
+        url: "/imgs/uploadImage",
+        data: formData,
+        contentType: false, // 不设置Content-Type请求头
+        processData: false,
+        success: function (data) {
+          console.log(data);
+
+          file.onSuccess();
+
+          console.log(document.querySelector(".ant-upload-list-item-info"));
+
+          _self.uploadFileFlag = true;
+          console.log(data);
+          var img =
+            _self.dataObj.host +
+            "/" +
+            _self.dataObj.key.replace("${filename}", file.file.name);
+          _self.form.idCardImageUrl = img;
+          console.log(_self.form.idCardImageUrl);
+        },
+        fail: function (err) {
+          console.log(err);
+        },
+      });
+    },
+
     async handlePreview(file) {
       console.log(file);
       if (!file.url && !file.preview) {
@@ -1095,91 +1183,123 @@ export default {
   },
 };
 </script>
-
 <style scoped lang="less">
+/deep/ .upload-list-inline .ant-upload-list-item {
+  float: left;
+  width: 220px;
+  margin-right: 16px;
+
+  .ant-upload-animate-enter {
+    animation-name: uploadAnimateInlineIn;
+  }
+
+  .ant-upload-animate-leave {
+    animation-name: uploadAnimateInlineOut;
+  }
+}
+
 .recordBill-container {
   // height: 100%;
 
   box-sizing: border-box;
+
   .content {
     margin-top: 12px;
     padding: 30px 0 20px 300px;
     position: relative;
     background-color: #fff;
     text-align: left;
+
     .ant-form {
       width: 640px;
     }
   }
+
   .upline {
     position: relative !important;
     box-shadow: none;
     // transform: translateX(-10px);
     margin-top: 12px;
+
     > div {
       margin-left: 107px;
       display: flex;
       justify-content: start;
+
       button {
         border-radius: 0;
         transition: none;
       }
+
       button:first-child {
         &:hover {
           border-color: #ff4400 !important;
           color: #ff4400 !important;
         }
       }
+
       button:last-child {
         &:hover {
           background-color: #ff7c1f !important;
           border-color: #ff7c1f !important;
         }
       }
+
       // button::after {
       //   // display: none;
       // }
     }
   }
 }
+
 /deep/ .ant-radio-wrapper {
   margin-right: 16px;
+
   span:last-child {
     padding: 0 2px;
   }
 }
+
 /deep/ .ant-radio {
   border-color: #ddd;
   box-shadow: none;
+
   &:after {
     display: none;
   }
+
   &:hover .ant-radio-inner {
     border-color: #ff4400 !important;
     box-shadow: none;
   }
 }
+
 /deep/ .ant-radio-checked {
   .ant-radio-input:focus {
     box-shadow: none;
   }
+
   .ant-radio-inner {
     border-color: #ff4400;
     box-shadow: none;
+
     &::after {
       background-color: #ff4400 !important;
     }
   }
 }
+
 .ant-col {
   .ant-form-item {
     margin-top: 0;
     margin-bottom: 16px !important;
   }
 }
+
 .idCardUpload {
   // 上传身份证关闭按钮的样式
   position: relative;
+
   .icon-guanbi {
     position: absolute;
     top: -3px;
@@ -1194,18 +1314,22 @@ export default {
     background-color: #999;
     color: #fff;
     z-index: 99;
+
     &::before {
       display: inline-block;
       transform: scale(0.6);
     }
   }
 }
+
 .specialbox {
   margin-top: -8px;
 }
+
 /deep/ .ant-upload-picture-card-wrapper {
   width: 100px !important;
   height: 40px !important;
+
   // border: 1px solid #ddd !important;
   // box-sizing: border-box;
   .ant-upload.ant-upload-select-picture-card,
@@ -1220,6 +1344,7 @@ export default {
     border-color: #dddddd !important;
     box-sizing: border-box;
     border-radius: 0px;
+
     &:hover {
       border-color: #ff4400 !important;
     }
@@ -1227,19 +1352,23 @@ export default {
     .ant-upload {
       padding: 0;
     }
+
     .ant-upload-list-item-progress {
       display: none;
     }
+
     // .ant-upload-list-item-uploading {
     //   display: none;
     // }
     .ant-upload-select {
       background-color: #f5f5f5 !important;
     }
+
     .ant-upload-text {
       font-size: 12px;
       margin: 0 0 0 6px;
     }
+
     .ant-upload-list-item-uploading-text {
       // display: none;
       text-align: center !important;
@@ -1249,19 +1378,23 @@ export default {
       margin-top: 0;
       // overflow: hidden;
     }
+
     .ant-upload-list-item-actions {
       > i {
         display: none;
       }
+
       > a {
         text-align: center;
       }
     }
   }
+
   // .ant-upload-select {
   // display: none !important;
   // }
 }
+
 .uploading {
   position: absolute;
   width: 98px !important;
@@ -1270,9 +1403,11 @@ export default {
   left: -49px;
   background-color: #f5f5f5;
 }
+
 /deep/ .ant-form-item {
   // margin-bottom: 0;
   margin-top: -8px;
+
   .ant-col-5 {
     width: 20%;
   }
@@ -1284,11 +1419,13 @@ export default {
       color: #333;
     }
   }
+
   .ant-input-affix-wrapper {
     &:hover .ant-input {
       border-color: #ddd;
     }
   }
+
   .radiobox {
     height: 40px;
     display: flex;
@@ -1299,17 +1436,21 @@ export default {
     .pzbox {
       // display: flex !important;
       color: #666;
+
       span {
         display: inline-block;
+
         &:first-child {
           min-width: 50px;
         }
+
         // &:last-child {
         //   cursor: pointer;
         //   margin-left: 10px;
         //   color: #ff4400;
         // }
       }
+
       // &::before {
       //   content: "";
       //   display: block;
@@ -1331,11 +1472,13 @@ export default {
     // border: none;
     border: 1px solid #dddddd;
     box-shadow: none !important;
+
     // background-color: #f6f6f6;
     &::placeholder {
       color: #cdcdcd;
     }
   }
+
   .ant-select-selection__rendered,
   .ant-select-selection--single,
   .ant-select {
@@ -1345,17 +1488,21 @@ export default {
     // border: 1px solid #dddddd;
     box-shadow: none !important;
     border-color: #ddd;
+
     .ant-select-selection__placeholder {
       line-height: 17px;
       color: #cdcdcd;
     }
+
     .ant-select-selection-selected-value {
       line-height: 37px;
       color: #666;
     }
+
     &:hover {
       border-color: #ddd;
     }
+
     // &:focus {
     //   border-color: #d9d9d9;
     // }
@@ -1364,20 +1511,24 @@ export default {
     // }
   }
 }
+
 /deep/ .ant-modal-content {
   .ant-modal-header {
     border-bottom: 1px solid transparent;
     padding-top: 14px;
     padding-bottom: 14px;
   }
+
   .ant-modal-body {
     padding: 24px;
     padding-top: 0;
+
     img {
       display: block;
       width: 100%;
     }
   }
+
   .ant-modal-close-x {
     height: 50px;
     line-height: 50px;
@@ -1387,10 +1538,13 @@ export default {
     // }
   }
 }
+
 /deep/ .policyContainer {
   position: relative;
+
   .ant-form-item-children {
     position: unset;
+
     .policy {
       // position: relative;
       padding: 0;
@@ -1401,6 +1555,7 @@ export default {
       overflow: hidden;
       line-height: 2;
     }
+
     .openContral {
       position: absolute;
       height: 20px;
@@ -1408,6 +1563,7 @@ export default {
       bottom: 0;
       right: 10px;
       cursor: pointer;
+
       &::after {
         content: "";
         position: absolute;
@@ -1417,6 +1573,7 @@ export default {
         bottom: -10px;
         left: -445px;
       }
+
       &:hover {
         color: #ff4400;
       }
@@ -1425,250 +1582,255 @@ export default {
 
   // background-color: #ff4400;
 }
+
 // /deep/ .date-picker {
-// 	.picker-content {
-// 		table {
-// 			width: 100%;
-// 			// padding: 4px !important;
-// 			margin: 4px 0;
-// 			border-collapse: separate;
-// 			border-spacing: 0;
-// 			font-size: 12px;
-// 			line-height: 20px !important;
-// 			.contain {
-// 				height: 2px;
-// 			}
-// 			thead {
-// 				padding-bottom: 5px;
-// 				tr {
-// 					margin-bottom: 5px;
-// 					background-color: #ff6a001a;
-// 					color: rgba(77, 87, 94);
-// 					th {
-// 						text-align: center;
-// 						font-weight: 600;
-// 						font-size: 14px;
-// 						line-height: 26px;
-// 						&:first-child {
-// 							border-radius: 4px 0 0 4px;
-// 						}
-// 						&:last-child {
-// 							border-radius: 0 4px 4px 0;
-// 						}
-// 					}
-// 				}
-// 			}
-// 			tbody {
-// 				margin-top: 10px;
-// 				tr {
-// 					td {
-// 						// height: 50px;
-// 						box-sizing: border-box;
-// 						color: rgba(77, 87, 94);
-// 						// font-weight: 600;
-// 						padding: 0 4px;
-// 						font-size: 14px;
-// 						cursor: pointer;
-// 						&:first-child {
-// 							border-radius: 4px 0 0 4px;
-// 						}
-// 						&:last-child {
-// 							border-radius: 0 4px 4px 0;
-// 						}
-// 						div {
-// 							border: 1px solid transparent;
-// 							position: relative;
-// 							width: 30px;
-// 							height: 26px;
-// 							line-height: 24px;
-// 							border-radius: 4px;
-// 							text-align: center;
-// 							margin: 0 2px;
-// 							z-index: 99;
-// 							box-sizing: border-box;
-// 						}
-// 					}
-// 					td.gray {
-// 						font-weight: 400;
-// 						color: rgba(138, 138, 138, 0.7);
-// 					}
-// 					td.bggray {
-// 						position: relative;
-// 						color: #ccc;
-// 						cursor: default;
-
-// 						&::after {
-// 							content: "";
-// 							position: absolute;
-// 							display: block;
-// 							width: 100%;
-// 							height: 26px;
-// 							background-color: #f5f5f5;
-// 							top: 50%;
-// 							transform: translateY(-50%);
-// 							left: 0;
-// 							z-index: 9;
-// 						}
-// 					}
-
-// 					.bggray:first-child::after {
-// 						border-radius: 4px 0 0 4px;
-// 					}
-// 					.bggray:last-of-type::after {
-// 						border-radius: 0 4px 4px 0;
-// 					}
-// 					td:not(.bggray):hover {
-// 						div {
-// 							border: 1px solid #ff4400;
-// 							color: #ff4400;
-// 						}
-// 					}
-// 					td.active {
-// 						div {
-// 							background: #ff4400;
-// 							color: white !important;
-// 							font-weight: bold;
-// 						}
-// 					}
-// 				}
-// 			}
-// 		}
-// 	}
-
-// 	.picker-content1:extend(.picker-content all) {
-// 		// &: extend ;
-// 		display: flex;
-// 		flex-direction: row;
-// 		table {
-// 			width: calc(100% - 40px);
-// 			margin-right: 4px;
-// 			// border-right: 1px solid #eee;
-// 		}
-// 		.hour-list {
-// 			display: flex;
-// 			flex-wrap: wrap;
-// 			justify-content: space-between;
-// 			border-left: 1px solid #eee;
-// 			list-style: none;
-// 			padding: 5px 2px 0 4px;
-// 			margin: 0;
-// 			height: 100%;
-// 			overflow-x: hidden;
-// 			width: 300px;
-// 			font-size: 12px;
-// 			overflow-y: auto;
-// 			&::-webkit-scrollbar {
-// 				/*滚动条整体样式*/
-// 				width: 0px !important; /*高宽分别对应横竖滚动条的尺寸*/
-// 				height: 4px;
-// 			}
-// 			&::-webkit-scrollbar-thumb {
-// 				/*滚动条里面小方块*/
-// 				border-radius: 5px;
-// 				// -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
-// 				background: #ddd !important;
-// 			}
-// 			// &::-webkit-scrollbar-track {
-// 			//   /*滚动条里面轨道*/
-// 			//   -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
-// 			//   border-radius: 0;
-// 			//   background: rgba(0, 0, 0, 0.1);
-// 			// }
-// 			li {
-// 				padding: 0;
-// 				margin: 0;
-// 				margin-bottom: 6px;
-// 				color: #4d575ecc;
-// 				font-weight: 600;
-// 				background-color: #ff6a001a;
-// 				width: 48%;
-// 				border-radius: 4px;
-// 				/* font-weight: 600; */
-// 				display: flex;
-// 				height: 26px !important;
-// 				line-height: 26px;
-// 				font-size: 14px;
-// 				justify-content: center;
-// 				align-items: center;
-// 				padding: 0 4px;
-// 				height: 26px;
-// 				cursor: pointer;
-// 				span:last-child {
-// 					margin-left: 0 !important;
-// 				}
-// 				&:hover {
-// 					color: white;
-// 					background: #ff4400;
-// 				}
-// 			}
-// 			// li:not(:last-child) {
-// 			// border-bottom: solid 1px gainsboro;
-// 			// }
-
-// 			.active {
-// 				color: white;
-// 				background: #ff4400;
-// 			}
-// 		}
-// 		.minutes-list {
-// 			width: 60px;
-// 		}
-// 	}
-
-// 	.picker-footer {
-// 		display: block;
-// 		line-height: 42px;
-// 		text-align: right;
-// 		white-space: nowrap;
-// 		button {
-// 			outline: none;
-// 			border: solid 1px gainsboro;
-// 			border-radius: 2px;
-// 			text-align: center;
-// 			padding-left: 1px;
-// 			color: #8a8a8a;
-// 			height: 24px;
-// 			width: 50px;
-// 			line-height: 20px;
-// 			font-size: 12px;
-// 			margin-right: 12px;
-// 			background-color: #f3f3f3;
-// 			&:first-child {
-// 				background-color: #fff;
-// 				&:active,
-// 				&:hover {
-// 					border-color: #eee;
-// 					background-color: #eee;
-// 				}
-// 			}
-// 			&:last-child {
-// 				background-color: #ff4400;
-// 				border-color: #ff4400;
-// 				color: #fff;
-// 				&:active,
-// 				&:hover {
-// 					border-color: #ff4400;
-// 					background-color: #ff4400;
-// 				}
-// 			}
-// 		}
-// 	}
+//  .picker-content {
+//    table {
+//      width: 100%;
+//      // padding: 4px !important;
+//      margin: 4px 0;
+//      border-collapse: separate;
+//      border-spacing: 0;
+//      font-size: 12px;
+//      line-height: 20px !important;
+//      .contain {
+//        height: 2px;
+//      }
+//      thead {
+//        padding-bottom: 5px;
+//        tr {
+//          margin-bottom: 5px;
+//          background-color: #ff6a001a;
+//          color: rgba(77, 87, 94);
+//          th {
+//            text-align: center;
+//            font-weight: 600;
+//            font-size: 14px;
+//            line-height: 26px;
+//            &:first-child {
+//              border-radius: 4px 0 0 4px;
+//            }
+//            &:last-child {
+//              border-radius: 0 4px 4px 0;
+//            }
+//          }
+//        }
+//      }
+//      tbody {
+//        margin-top: 10px;
+//        tr {
+//          td {
+//            // height: 50px;
+//            box-sizing: border-box;
+//            color: rgba(77, 87, 94);
+//            // font-weight: 600;
+//            padding: 0 4px;
+//            font-size: 14px;
+//            cursor: pointer;
+//            &:first-child {
+//              border-radius: 4px 0 0 4px;
+//            }
+//            &:last-child {
+//              border-radius: 0 4px 4px 0;
+//            }
+//            div {
+//              border: 1px solid transparent;
+//              position: relative;
+//              width: 30px;
+//              height: 26px;
+//              line-height: 24px;
+//              border-radius: 4px;
+//              text-align: center;
+//              margin: 0 2px;
+//              z-index: 99;
+//              box-sizing: border-box;
+//            }
+//          }
+//          td.gray {
+//            font-weight: 400;
+//            color: rgba(138, 138, 138, 0.7);
+//          }
+//          td.bggray {
+//            position: relative;
+//            color: #ccc;
+//            cursor: default;
+
+//            &::after {
+//              content: "";
+//              position: absolute;
+//              display: block;
+//              width: 100%;
+//              height: 26px;
+//              background-color: #f5f5f5;
+//              top: 50%;
+//              transform: translateY(-50%);
+//              left: 0;
+//              z-index: 9;
+//            }
+//          }
+
+//          .bggray:first-child::after {
+//            border-radius: 4px 0 0 4px;
+//          }
+//          .bggray:last-of-type::after {
+//            border-radius: 0 4px 4px 0;
+//          }
+//          td:not(.bggray):hover {
+//            div {
+//              border: 1px solid #ff4400;
+//              color: #ff4400;
+//            }
+//          }
+//          td.active {
+//            div {
+//              background: #ff4400;
+//              color: white !important;
+//              font-weight: bold;
+//            }
+//          }
+//        }
+//      }
+//    }
+//  }
+
+//  .picker-content1:extend(.picker-content all) {
+//    // &: extend ;
+//    display: flex;
+//    flex-direction: row;
+//    table {
+//      width: calc(100% - 40px);
+//      margin-right: 4px;
+//      // border-right: 1px solid #eee;
+//    }
+//    .hour-list {
+//      display: flex;
+//      flex-wrap: wrap;
+//      justify-content: space-between;
+//      border-left: 1px solid #eee;
+//      list-style: none;
+//      padding: 5px 2px 0 4px;
+//      margin: 0;
+//      height: 100%;
+//      overflow-x: hidden;
+//      width: 300px;
+//      font-size: 12px;
+//      overflow-y: auto;
+//      &::-webkit-scrollbar {
+//        /*滚动条整体样式*/
+//        width: 0px !important; /*高宽分别对应横竖滚动条的尺寸*/
+//        height: 4px;
+//      }
+//      &::-webkit-scrollbar-thumb {
+//        /*滚动条里面小方块*/
+//        border-radius: 5px;
+//        // -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
+//        background: #ddd !important;
+//      }
+//      // &::-webkit-scrollbar-track {
+//      //   /*滚动条里面轨道*/
+//      //   -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
+//      //   border-radius: 0;
+//      //   background: rgba(0, 0, 0, 0.1);
+//      // }
+//      li {
+//        padding: 0;
+//        margin: 0;
+//        margin-bottom: 6px;
+//        color: #4d575ecc;
+//        font-weight: 600;
+//        background-color: #ff6a001a;
+//        width: 48%;
+//        border-radius: 4px;
+//        /* font-weight: 600; */
+//        display: flex;
+//        height: 26px !important;
+//        line-height: 26px;
+//        font-size: 14px;
+//        justify-content: center;
+//        align-items: center;
+//        padding: 0 4px;
+//        height: 26px;
+//        cursor: pointer;
+//        span:last-child {
+//          margin-left: 0 !important;
+//        }
+//        &:hover {
+//          color: white;
+//          background: #ff4400;
+//        }
+//      }
+//      // li:not(:last-child) {
+//      // border-bottom: solid 1px gainsboro;
+//      // }
+
+//      .active {
+//        color: white;
+//        background: #ff4400;
+//      }
+//    }
+//    .minutes-list {
+//      width: 60px;
+//    }
+//  }
+
+//  .picker-footer {
+//    display: block;
+//    line-height: 42px;
+//    text-align: right;
+//    white-space: nowrap;
+//    button {
+//      outline: none;
+//      border: solid 1px gainsboro;
+//      border-radius: 2px;
+//      text-align: center;
+//      padding-left: 1px;
+//      color: #8a8a8a;
+//      height: 24px;
+//      width: 50px;
+//      line-height: 20px;
+//      font-size: 12px;
+//      margin-right: 12px;
+//      background-color: #f3f3f3;
+//      &:first-child {
+//        background-color: #fff;
+//        &:active,
+//        &:hover {
+//          border-color: #eee;
+//          background-color: #eee;
+//        }
+//      }
+//      &:last-child {
+//        background-color: #ff4400;
+//        border-color: #ff4400;
+//        color: #fff;
+//        &:active,
+//        &:hover {
+//          border-color: #ff4400;
+//          background-color: #ff4400;
+//        }
+//      }
+//    }
+//  }
 // }
 /deep/ .time-input {
   margin-bottom: 16px;
+
   .ant-input {
     font-size: 20px !important;
     border-radius: 0px;
     -webkit-text-stroke-width: 0.5px;
     font-weight: 400;
+
     &::placeholder {
       font-size: 14px;
       -webkit-text-stroke-width: 0.1px;
     }
   }
+
   .ant-input-suffix {
     right: 16px;
   }
+
   .anticon-close-circle {
     width: 24px;
     height: 24px;
@@ -1676,9 +1838,11 @@ export default {
     margin-right: 8px;
   }
 }
+
 .ant-input {
   border-radius: 0px;
 }
+
 /deep/ .pt1 .ant-input {
   padding-top: 1px;
 }
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index d7e0e7e..9f4ebca 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -12,39 +12,37 @@
           @click="pagination.status = 10"
           :class="{ townsmanactive: pagination.status === 10 }"
         >
-          审核中<span>{{ billNumber.num10 == 0 ? "" : billNumber.num10 }}</span>
+          待审核<span>{{ billNumber.num10 == 0 ? "" : billNumber.num10 }}</span>
         </li>
         <li
           @click="pagination.status = 20"
           :class="{ townsmanactive: pagination.status === 20 }"
         >
-          待面试<span>{{ billNumber.num20 == 0 ? "" : billNumber.num20 }}</span>
+          待接待<span>{{ billNumber.num20 == 0 ? "" : billNumber.num20 }}</span>
         </li>
         <li
           @click="pagination.status = 25"
           :class="{ townsmanactive: pagination.status === 25 }"
         >
-          已接到<span>{{ billNumber.num25 == 0 ? "" : billNumber.num25 }}</span>
+          待面试<span>{{ billNumber.num25 == 0 ? "" : billNumber.num25 }}</span>
         </li>
         <li
           @click="pagination.status = 30"
           :class="{ townsmanactive: pagination.status === 30 }"
         >
-          面试通过<span>{{
-            billNumber.num30 == 0 ? "" : billNumber.num30
-          }}</span>
+          待入职<span>{{ billNumber.num30 == 0 ? "" : billNumber.num30 }}</span>
         </li>
         <li
           @click="pagination.status = 40"
           :class="{ townsmanactive: pagination.status === 40 }"
         >
-          在职中<span>{{ billNumber.num40 == 0 ? "" : billNumber.num40 }}</span>
+          跟在职<span>{{ billNumber.num40 == 0 ? "" : billNumber.num40 }}</span>
         </li>
         <li
           @click="pagination.status = 999"
           :class="{ townsmanactive: pagination.status === 999 }"
         >
-          报名结束<span>{{
+          已完成<span>{{
             billNumber.num999 == 0 ? "" : billNumber.num999
           }}</span>
         </li>
diff --git a/src/utils/request.js b/src/utils/request.js
index 8025514..7dcb6d4 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -14,8 +14,8 @@ console.log(baseURL);
 axios.defaults.withCredentials = true; //添加这行代码
 // console.log(axios);
 const service = axios.create({
-  // baseURL: "/api_prod", // url = base url + request url  测试
-  baseURL: baseURL, //  baseURL: "/api", // url = base url + request url 正式
+  baseURL: "/api_prod", // url = base url + request url  测试
+  // baseURL: baseURL, //  baseURL: "/api", // url = base url + request url 正式
   withCredentials: true, // send cookies when cross-domain requests
   timeout: 60000, // request timeout
   crossDomain: true,