xx

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,6 +1582,7 @@ export default {
 
   // background-color: #ff4400;
 }
+
 // /deep/ .date-picker {
 //  .picker-content {
 //    table {
@@ -1656,19 +1814,23 @@ export default {
 // }
 /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;
 }

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>

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,