cnhis-design-vue 2.1.16 → 2.1.19

package/packages/button/src/ButtonPrint/components/IdentityVerification.vue

@@ -1,181 +1,181 @@
-<template>
-  <a-modal
-    centered
-    class="standard-modal standard-modal-white authentication-modal"
-    :visible="visible"
-    :maskClosable="false"
-    :width="style.width"
-    :bodyStyle="{ maxHeight: style.height, overflowY: 'auto' }"
-    :footer="null"
-    @cancel="handleClickClose"
-  >
-    <template #title>
-      {{ identityVerificationTitle }}
-    </template>
-    <div class="content">
-      <a-form-model class="login-form" ref="ruleForm" :model="form" :rules="rules">
-        <a-form-model-item ref="account" prop="account">
-          <a-input v-model="form.account" placeholder="请输入账号" />
-        </a-form-model-item>
-        <a-form-model-item ref="password" prop="password">
-          <a-input-password v-model="form.password" placeholder="请输入密码" />
-        </a-form-model-item>
-        <a-form-model-item>
-          <a-button type="primary" class="login-form-button" @click="handleClickSubmit">登录</a-button>
-        </a-form-model-item>
-      </a-form-model>
-    </div>
-  </a-modal>
-</template>
-<script>
-import crypto from '@/utils/crypto.js';
-let httpFn = null;
-const DEFAULT_FORM = {
-  account: '',
-  password: ''
-};
-
-import Vue from 'vue';
-import { Button, FormModel, Input, Modal } from 'ant-design-vue';
-import axios from 'axios';
-import qs from 'qs';
-
-export default {
-  name: 'IdentityVerificationModal',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    baseUrl: {
-      type: String,
-      require: true
-    },
-    verifyUserUrl: {
-      type: String,
-      default: '/verifyUser'
-    },
-    identityVerificationTitle: {
-      type: String
-    },
-    printConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    authorizationKey:{
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    AModal: Modal
-  },
-  data() {
-    return {
-      form: JSON.parse(JSON.stringify(DEFAULT_FORM)),
-      rules: {
-        account: [{ required: true, message: '请输入账号' }],
-        password: [{ required: true, message: '请输入密码' }]
-      },
-      style: {
-        width: '416px',
-        height: '328px'
-      }
-    };
-  },
-  beforeCreate() {
-    Vue.use(Button)
-      .use(FormModel)
-      .use(Input);
-  },
-  mounted() {
-      let config = {
-        withCredentials: false,
-        timeout: 5000
-      };
-      let printUrlPrefix = this?.printConfig?.printUrlPrefix;
-      if (axios !== this.axios && printUrlPrefix) {
-        config.baseURL = printUrlPrefix;
-      }
-      httpFn = axios.create({
-        ...config
-      });
-
-  },
-  watch: {
-    visible(val) {
-      if (val) return;
-      this.form = JSON.parse(JSON.stringify(DEFAULT_FORM));
-    }
-  },
-  // 方法
-  methods: {
-    handleClickClose() {
-      this.$emit('update:visible', false);
-    },
-    handleClickSubmit() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          this.submit();
-        } else {
-          return false;
-        }
-      });
-    },
-    submit() {
-      const url = `${this.baseUrl}${this.verifyUserUrl}`;
-
-      return httpFn({
-        method: 'POST',
-        url,
-        data: qs.stringify({
-          loginName: this.form.account,
-          password: crypto.encrypt(this.form.password),
-          authorizationKey: this?.authorizationKey
-        })
-      })
-        .then(async ({ data }) => {
-          if (data.result !== 'SUCCESS') {
-            this.$message.error(data.resultMsg);
-            return false;
-          }
-          this.$emit('success', data.map.token);
-          return data;
-        })
-        .catch(e => {
-          return false;
-        });
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.login-form {
-  padding-top: 15px;
-  /deep/ .ant-form-item {
-    margin-bottom: 16px;
-    .ant-form-explain {
-      margin: 2px 0 16px;
-      min-height: unset;
-    }
-    &.ant-form-item-with-help {
-      margin-bottom: 0;
-    }
-    input {
-      height: 50px;
-      font-size: 14px;
-      color: #757575;
-      border-radius: 6px;
-    }
-  }
-}
-.login-form-button {
-  width: 100%;
-  height: 50px;
-  background: #2d7aff;
-  border-radius: 24px;
-  border-color: #2d7aff !important;
-  font-size: 16px;
-  color: #ffffff;
-}
-</style>
+<template>
+  <a-modal
+    centered
+    class="standard-modal standard-modal-white authentication-modal"
+    :visible="visible"
+    :maskClosable="false"
+    :width="style.width"
+    :bodyStyle="{ maxHeight: style.height, overflowY: 'auto' }"
+    :footer="null"
+    @cancel="handleClickClose"
+  >
+    <template #title>
+      {{ identityVerificationTitle }}
+    </template>
+    <div class="content">
+      <a-form-model class="login-form" ref="ruleForm" :model="form" :rules="rules">
+        <a-form-model-item ref="account" prop="account">
+          <a-input v-model="form.account" placeholder="请输入账号" />
+        </a-form-model-item>
+        <a-form-model-item ref="password" prop="password">
+          <a-input-password v-model="form.password" placeholder="请输入密码" />
+        </a-form-model-item>
+        <a-form-model-item>
+          <a-button type="primary" class="login-form-button" @click="handleClickSubmit">登录</a-button>
+        </a-form-model-item>
+      </a-form-model>
+    </div>
+  </a-modal>
+</template>
+<script>
+import crypto from '@/utils/crypto.js';
+let httpFn = null;
+const DEFAULT_FORM = {
+  account: '',
+  password: ''
+};
+
+import Vue from 'vue';
+import { Button, FormModel, Input, Modal } from 'ant-design-vue';
+import axios from 'axios';
+import qs from 'qs';
+
+export default {
+  name: 'IdentityVerificationModal',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    baseUrl: {
+      type: String,
+      require: true
+    },
+    verifyUserUrl: {
+      type: String,
+      default: '/verifyUser'
+    },
+    identityVerificationTitle: {
+      type: String
+    },
+    printConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    authorizationKey:{
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    AModal: Modal
+  },
+  data() {
+    return {
+      form: JSON.parse(JSON.stringify(DEFAULT_FORM)),
+      rules: {
+        account: [{ required: true, message: '请输入账号' }],
+        password: [{ required: true, message: '请输入密码' }]
+      },
+      style: {
+        width: '416px',
+        height: '328px'
+      }
+    };
+  },
+  beforeCreate() {
+    Vue.use(Button)
+      .use(FormModel)
+      .use(Input);
+  },
+  mounted() {
+      let config = {
+        withCredentials: false,
+        timeout: 5000
+      };
+      let printUrlPrefix = this?.printConfig?.printUrlPrefix;
+      if (axios !== this.axios && printUrlPrefix) {
+        config.baseURL = printUrlPrefix;
+      }
+      httpFn = axios.create({
+        ...config
+      });
+
+  },
+  watch: {
+    visible(val) {
+      if (val) return;
+      this.form = JSON.parse(JSON.stringify(DEFAULT_FORM));
+    }
+  },
+  // 方法
+  methods: {
+    handleClickClose() {
+      this.$emit('update:visible', false);
+    },
+    handleClickSubmit() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.submit();
+        } else {
+          return false;
+        }
+      });
+    },
+    submit() {
+      const url = `${this.baseUrl}${this.verifyUserUrl}`;
+
+      return httpFn({
+        method: 'POST',
+        url,
+        data: qs.stringify({
+          loginName: this.form.account,
+          password: crypto.encrypt(this.form.password),
+          authorizationKey: this?.authorizationKey
+        })
+      })
+        .then(async ({ data }) => {
+          if (data.result !== 'SUCCESS') {
+            this.$message.error(data.resultMsg);
+            return false;
+          }
+          this.$emit('success', data.map.token);
+          return data;
+        })
+        .catch(e => {
+          return false;
+        });
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.login-form {
+  padding-top: 15px;
+  /deep/ .ant-form-item {
+    margin-bottom: 16px;
+    .ant-form-explain {
+      margin: 2px 0 16px;
+      min-height: unset;
+    }
+    &.ant-form-item-with-help {
+      margin-bottom: 0;
+    }
+    input {
+      height: 50px;
+      font-size: 14px;
+      color: #757575;
+      border-radius: 6px;
+    }
+  }
+}
+.login-form-button {
+  width: 100%;
+  height: 50px;
+  background: #2d7aff;
+  border-radius: 24px;
+  border-color: #2d7aff !important;
+  font-size: 16px;
+  color: #ffffff;
+}
+</style>