ming hai 1 ano
pai
achega
5dedad8b43
Modificáronse 3 ficheiros con 58 adicións e 60 borrados
  1. 6 9
      src/utils/request.js
  2. 2 9
      src/utils/signatureUtil.js
  3. 50 42
      src/views/fillIn.vue

+ 6 - 9
src/utils/request.js

@@ -46,12 +46,12 @@ service.interceptors.request.use(config => {
       }
 
       
-function base64Encode(str) {
-    // 先将字符串转换为Latin1编码
-    var latin1Str = unescape(encodeURIComponent(str));
-    // 然后使用btoa进行Base64编码
-    return btoa(latin1Str);
-}
+        function base64Encode(str) {
+            // 先将字符串转换为Latin1编码
+            var latin1Str = unescape(encodeURIComponent(str));
+            // 然后使用btoa进行Base64编码
+            return btoa(latin1Str);
+        }
 
 
 
@@ -115,7 +115,6 @@ function base64Encode(str) {
 
 // 响应拦截器
 service.interceptors.response.use(res => {
-    console.log('success')
         if (res.data.chk) { //安博展撒点 c++   还
             return res.data
         } else if (res.data.action == "updateHj" ||
@@ -161,8 +160,6 @@ service.interceptors.response.use(res => {
         }
     },
     error => {
-        console.log('error')
-        console.log(error)
         let message = error.response.data.msg;
         if (message == "Network Error") {
             message = "后端接口连接异常";

+ 2 - 9
src/utils/signatureUtil.js

@@ -1,14 +1,13 @@
 // signatureUtil.js
 import md5 from "js-md5";
 export function signatureGenerate({ data, url, headers }) {
-  // 参数签名 密钥 + 时间戳 + header参数 + url
 
   // 密钥
   let secret = "3g7Xn1yl";
   // 时间戳
   let timestamp = new Date().getTime();
 
- 
+
 
   // post参数
   let dataStr = dataSerialize(dataSort(data));
@@ -48,12 +47,6 @@ function dataSerialize(sortObj) {
       strJoin += key + "=" + sortObj[key] + "&";
 
     }
-
-    
-
-    
-  
-   
   }
 
 // console.log(strJoin)
@@ -61,5 +54,5 @@ function dataSerialize(sortObj) {
 }
 
 function notObject(value) {
-  return typeof value != 'object' ;
+  return typeof value != 'object';
 }

+ 50 - 42
src/views/fillIn.vue

@@ -25,13 +25,17 @@
               ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="12">            
             <el-form-item label="性别" prop="sex">
-              <el-input
-                placeholder="请输入访客名称"
-                v-model="form.sex"
-                disabled
-              ></el-input>
+              <el-select v-model="form.sex" placeholder="请选择性别" style="width: 100%"  disabled>
+                <el-option
+                 
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -52,17 +56,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-              class="el-form-pack-12"
-              label="拜访事由"
-              prop="reason"
-            >
+            <el-form-item label="访客公司" >
               <el-input
-                placeholder="请输入拜访事由"
-                v-model="form.reason"
+                placeholder="请输入访客公司"
+                v-model="form.visitorCompany"
               ></el-input>
             </el-form-item>
           </el-col>
+        
           <el-col :span="12">
             <el-form-item
               class="el-form-pack-12"
@@ -79,30 +80,16 @@
           <el-col :span="12">
             <el-form-item
               class="el-form-pack-12"
-              label="访部门"
+              label="访部门"
               prop="intervieweeDepartId"
             >
               <el-tree-select
                 v-model="form.intervieweeDepartId"
                 :data="departData"
                 :render-after-expand="false"
-                style="width: 240px"
-                @change="departChange"
-              />
-
-              <!-- <el-select
-                v-model="form.intervieweeDepartId"
-                placeholder="请选择"
                 style="width: 100%"
                 @change="departChange"
-              >
-                <el-option
-                  v-for="item in departData"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                />
-              </el-select> -->
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -126,6 +113,18 @@
               ></el-date-picker>
             </el-form-item>
           </el-col>
+            <el-col :span="12">
+            <el-form-item
+              class="el-form-pack-12"
+              label="拜访事由"
+              prop="reason"
+            >
+              <el-input
+                placeholder="请输入拜访事由"
+                v-model="form.reason"
+              ></el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
       <el-button
@@ -147,9 +146,7 @@ import "@/assets/js/flexible.js";
 import { ElMessage } from "element-plus";
 
 /*----------------------------------依赖引入-----------------------------------*/
-
 import axios from "axios";
-
 import { ref, reactive } from "vue";
 /*----------------------------------组件引入-----------------------------------*/
 import layout from "@/components/layout/index.vue";
@@ -173,7 +170,6 @@ const data = reactive({
     mobilePhone: "",
   },
   rules: {
-    // sex: [{ required: true, message: "请选择性别", trigger: "blur" }],
     visitorName: [
       { required: true, message: "请输入访客名称", trigger: "blur" },
     ],
@@ -203,10 +199,21 @@ const data = reactive({
   dateRange: [],
 });
 const timer = ref(null);
+const options = [
+  {
+    value: '1',
+    label: '女',
+  },
+  {
+    value: '2',
+    label: '男',
+  }]
 const certificateData = ref({});
 const { form, rules, dateRange } = toRefs(data);
 /*----------------------------------方法声明-----------------------------------*/
 
+
+/** 身份证数据读取 */
 function getData() {
   timer.value = setInterval(() => {
     axios
@@ -215,15 +222,14 @@ function getData() {
       )
       .then((response) => {
         form.value.visitorName = response.data.Certificate.Name;
-        form.value.sex = response.data.Certificate.Sex;
+        form.value.sex = response.data.Certificate.Sex=='女'?'1':'2';
         form.value.identityCardNo = response.data.Certificate.IDNumber;
-
-        // certificateData.value=response.data.Certificate
       })
       .catch((error) => {});
   }, 1000);
 }
 
+/** 新增访客表单提交 */
 function submitForm() {
   if (dateRange.value == null) {
     dateRange.value = [];
@@ -235,13 +241,15 @@ function submitForm() {
     form.value.vistorEndTime = dateRange.value[1].replace("T", " ");
   }
 
+  //模拟身份证数据读取
   form.value.visitorName = "袁明明";
-  form.value.sex = form.value.sex = "女" ;
+  form.value.sex = form.value.sex ='1';
   form.value.identityCardNo = "411122199112078083";
+
+
   proxy.$refs["formRef"].validate((valid) => {
     if (valid) {
-
-      form.value.sex = form.value.sex == "女" ? 1 : 2;
+      form.value.sex = Number(form.value.sex);
       form.value.accompanyNum = Number(form.value.accompanyNum);
       addVisitor(form.value).then((requset) => {
         if (requset.success == true) {
@@ -263,6 +271,7 @@ function submitForm() {
   });
 }
 
+/** 获取访客部门树结构数据 */
 function getDepartData() {
   getOrganization({
     pageIndex: 1,
@@ -270,7 +279,6 @@ function getDepartData() {
   }).then((request) => {
     console.log(request);
     if (request.success == true) {
-      // departData.value =request.result.item;
       departData.value = JSON.parse(
         JSON.stringify(request.result.item)
           .replace(/name/g, "label")
@@ -294,11 +302,11 @@ function departChange(val) {
       orgIds: [val],
     },
   }).then((request) => {
-    var dataArray = request.result.item;
-    dataArray.forEach(function (item, index) {
+    if (request.success == true) {
+      var dataArray = request.result.item;
+      dataArray.forEach(function (item, index) {
       phoneArray.value.push(item.mobile1);
     });
-    if (request.success == true) {
     } else {
       ElMessage.error(request.msg);
     }