|
|
@@ -3,8 +3,8 @@
|
|
|
:title="title"
|
|
|
:center="true"
|
|
|
align="left"
|
|
|
- top="5vh"
|
|
|
- width="700px"
|
|
|
+ top="10vh"
|
|
|
+ width="600px"
|
|
|
@close="closeModel"
|
|
|
:close-on-click-modal="false"
|
|
|
:visible.sync="showModelThis"
|
|
|
@@ -13,175 +13,115 @@
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
>
|
|
|
- <el-card>
|
|
|
+ <el-card style="margin: -20px 0 0 0">
|
|
|
<el-row :gutter="10">
|
|
|
<el-col :span="24">
|
|
|
<el-form
|
|
|
- v-if="isApproval"
|
|
|
- :model="cexForm"
|
|
|
- status-icon
|
|
|
- :rules="cexRules"
|
|
|
- ref="cexForm"
|
|
|
- label-width="80px"
|
|
|
- class="cexForm-ruleForm"
|
|
|
- ><el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-row class="cexForm-div">
|
|
|
- <el-col :span="8" class="tr cexForm-label">所属企业：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.company
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="cexForm-div">
|
|
|
- <el-col :span="8" class="tr cexForm-label">账号：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.username
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="cexForm-div">
|
|
|
- <el-col :span="8" class="tr cexForm-label">真实姓名：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.name
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="cexForm-div">
|
|
|
- <el-col :span="8" class="tr cexForm-label">手机号：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.mobile
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="cexForm-div">
|
|
|
- <el-col :span="8" class="tr cexForm-label">邮箱：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.email
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="cexForm-div" v-if="dataInfo.company">
|
|
|
- <el-col :span="8" class="tr cexForm-label">备注：</el-col>
|
|
|
- <el-col :span="16" class="cexForm-main">{{
|
|
|
- dataInfo.remark
|
|
|
- }}</el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="审核状态" prop="status">
|
|
|
- <el-select
|
|
|
- v-model="cexForm.status"
|
|
|
- placeholder="请选择审核状态"
|
|
|
- @change="selectChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in statusList"
|
|
|
- :key="item.code"
|
|
|
- :label="item.name"
|
|
|
- :value="item.code"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="审核说明" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="cexForm.remark"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入审核说明"
|
|
|
- :rows="5"
|
|
|
- maxlength="300"
|
|
|
- show-word-limit
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-col :span="24" style="text-align: right">
|
|
|
- <el-button type="primary" @click="submitCexForm"
|
|
|
- >保 存
|
|
|
- </el-button>
|
|
|
- <el-button @click="showModelThis = false">取 消</el-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row></el-form
|
|
|
- >
|
|
|
-
|
|
|
- <el-form
|
|
|
- v-else
|
|
|
:model="ruleForm"
|
|
|
status-icon
|
|
|
:rules="rulesThis"
|
|
|
ref="ruleForm"
|
|
|
- label-width="80px"
|
|
|
+ :size="'small'"
|
|
|
+ label-width="108px"
|
|
|
class="demo-ruleForm"
|
|
|
><el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="所属企业" prop="company_id">
|
|
|
- <el-select
|
|
|
+ <el-form-item label="企业客户" prop="companyNo">
|
|
|
+ <search-customer
|
|
|
+ :value="ruleForm.companyNo"
|
|
|
+ :isDetail="this.id !== 'add'"
|
|
|
+ :names="companyNoNames"
|
|
|
:disabled="isDetail"
|
|
|
- v-model="ruleForm.company_id"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- :size="searchSize"
|
|
|
- placeholder="请选择所属企业"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in companyList"
|
|
|
- :key="'company' + item.id"
|
|
|
- :label="item.company"
|
|
|
- :value="item.id"
|
|
|
- :disabled="item.status === '0'"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- <!-- <el-input
|
|
|
- v-model="ruleForm.company_id"
|
|
|
+ @searchChange="companyNo_change"
|
|
|
+ :placeholder="'企业客户'"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="发票抬头" prop="invoice_title">
|
|
|
+ <el-input
|
|
|
:disabled="isDetail"
|
|
|
- /> -->
|
|
|
+ placeholder="发票抬头"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_title"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item
|
|
|
- v-if="id === 'add' || isDetail"
|
|
|
- label="账号"
|
|
|
- prop="username"
|
|
|
- >
|
|
|
- <el-input v-model="ruleForm.username" :disabled="isDetail" />
|
|
|
+ <el-form-item label="纳税登记证号" prop="invoice_code">
|
|
|
+ <el-input
|
|
|
+ placeholder="纳税登记证号"
|
|
|
+ :disabled="isDetail"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_code"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="真实姓名" prop="contact">
|
|
|
- <el-input v-model="ruleForm.contact" :disabled="isDetail" />
|
|
|
+ <el-form-item label="开户银行名称" prop="invoice_bank">
|
|
|
+ <el-input
|
|
|
+ placeholder="开户银行名称"
|
|
|
+ :disabled="isDetail"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_bank"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="手机号" prop="mobile">
|
|
|
- <el-input v-model="ruleForm.mobile" :disabled="isDetail" />
|
|
|
+ <el-form-item label="开户银行账号" prop="invoice_bankNo">
|
|
|
+ <el-input
|
|
|
+ :disabled="isDetail"
|
|
|
+ placeholder="开户银行账号"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_bankNo"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="邮箱" prop="email">
|
|
|
- <el-input v-model="ruleForm.email" :disabled="isDetail" />
|
|
|
+ <el-form-item label="纳税登记地址" prop="invoice_addr">
|
|
|
+ <el-input
|
|
|
+ :disabled="isDetail"
|
|
|
+ placeholder="纳税登记地址"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_addr"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="联系电话" prop="invoice_mobile">
|
|
|
+ <el-input
|
|
|
+ :disabled="isDetail"
|
|
|
+ placeholder="联系电话"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="ruleForm.invoice_mobile"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="schange"
|
|
|
+ slot="prepend"
|
|
|
+ style="width: 110px"
|
|
|
+ placeholder="电话类型"
|
|
|
+ @change="selectChangeMobile"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in soptins"
|
|
|
+ :key="item.code + 'indexs'"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.code"
|
|
|
+ ></el-option>
|
|
|
+ </el-select> </el-input
|
|
|
+ ></el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="信息备注" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.remark"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入备注"
|
|
|
- :rows="5"
|
|
|
- maxlength="300"
|
|
|
- show-word-limit
|
|
|
- :disabled="isDetail"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-col :span="24" style="text-align: right">
|
|
|
- <el-tag
|
|
|
- type="warning"
|
|
|
- class="fl"
|
|
|
- style="max-width: 500px"
|
|
|
- v-if="dataInfo.ex_remark && dataInfo.ex_status === '2'"
|
|
|
- >审核备注：{{ dataInfo.ex_remark }}</el-tag
|
|
|
- >
|
|
|
|
|
|
- <el-button type="primary" @click="submitForm" v-if="!isDetail"
|
|
|
+ <el-col :span="24" style="text-align: right">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :size="'small'"
|
|
|
+ @click="submitForm"
|
|
|
+ v-if="!isDetail"
|
|
|
>保 存
|
|
|
</el-button>
|
|
|
- <el-button @click="showModelThis = false">{{
|
|
|
+ <el-button @click="showModelThis = false" :size="'small'">{{
|
|
|
isDetail ? "关 闭" : "取 消"
|
|
|
}}</el-button>
|
|
|
</el-col>
|
|
|
@@ -193,158 +133,142 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import asyncRequest from "@/apis/service/serviceParam/Invoicing";
|
|
|
-import {
|
|
|
- isnumber,
|
|
|
- isMobile,
|
|
|
- validEmail,
|
|
|
- isAlphanumeric,
|
|
|
- isChinese,
|
|
|
- isEmoticon,
|
|
|
- validAlphabets,
|
|
|
-} from "@/utils/validate";
|
|
|
-import statusList from "@/assets/js/cexStatusList";
|
|
|
+import { isLicense, isqzf, isqz, iszf, isz, isMobile } from "@/utils/validate";
|
|
|
export default {
|
|
|
- name: "specs",
|
|
|
+ name: "Invoicing",
|
|
|
props: ["showModel", "id", "isDetail", "isApproval"],
|
|
|
+ watch: {
|
|
|
+ showModel: function (val) {
|
|
|
+ this.showModelThis = val;
|
|
|
+ if (val) {
|
|
|
+ this.initForm();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showModelThis(val) {
|
|
|
+ if (!val) {
|
|
|
+ this.$emit("cancel");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
data() {
|
|
|
- const validateusername = (rule, value, callback) => {
|
|
|
- if (value === "") {
|
|
|
- callback(new Error("账号不能为空！"));
|
|
|
- } else {
|
|
|
- if (value.lenght < 6 || value.lenght > 18) {
|
|
|
- callback(new Error("账号规则为6~18位数字与字母组合！"));
|
|
|
+ const validateLicense = (rule, value, callback) => {
|
|
|
+ if (value !== "") {
|
|
|
+ if (!isLicense(value)) {
|
|
|
+ callback(new Error("纳税登记证号不正确！"));
|
|
|
} else {
|
|
|
- if (isnumber(value)) {
|
|
|
- callback(new Error("账号规则为6~18位数字与字母组合！"));
|
|
|
- } else if (validAlphabets(value)) {
|
|
|
- callback(new Error("账号规则为6~18位数字与字母组合！"));
|
|
|
- } else if (!isAlphanumeric(value)) {
|
|
|
- callback(new Error("账号规则为6~18位数字与字母组合！"));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
+ callback();
|
|
|
}
|
|
|
+ } else {
|
|
|
+ callback(new Error("请输入纳税登记证号！"));
|
|
|
}
|
|
|
};
|
|
|
- const validatecontact = (rule, value, callback) => {
|
|
|
- if (value === "") {
|
|
|
- callback(new Error("真实姓名不能为空！"));
|
|
|
- } else {
|
|
|
- if (value.lenght < 2 || value.lenght > 12) {
|
|
|
- callback(new Error("真实姓名规则为2~12位汉字！"));
|
|
|
- } else {
|
|
|
- if (!isChinese(value)) {
|
|
|
- callback(new Error("真实姓名为6~18位数字与字母组合！"));
|
|
|
- } else if (isEmoticon(value)) {
|
|
|
- callback(new Error("真实姓名为6~18位数字与字母组合！"));
|
|
|
+
|
|
|
+ const validatemobile = (rule, value, callback) => {
|
|
|
+ if (value !== "") {
|
|
|
+ // 区-固-分
|
|
|
+ if (this.schange === "1") {
|
|
|
+ if (isqzf(value)) {
|
|
|
+ callback();
|
|
|
} else {
|
|
|
+ callback(
|
|
|
+ new Error("规则为区号[0+2~3位]-固定电话[7~8位]-分机号[1~6位]！")
|
|
|
+ );
|
|
|
+ }
|
|
|
+ //区-固
|
|
|
+ } else if (this.schange === "2") {
|
|
|
+ if (isqz(value)) {
|
|
|
callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error("规则为区号[0+2~3位]-固定电话[7~8位]！"));
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
- const validatemobile = (rule, value, callback) => {
|
|
|
- if (value === "") {
|
|
|
- callback(new Error("手机号不能为空！"));
|
|
|
- } else {
|
|
|
- if (!isMobile(value)) {
|
|
|
- callback(new Error("手机号格式不正确！"));
|
|
|
+ //固-分
|
|
|
+ } else if (this.schange === "3") {
|
|
|
+ if (iszf(value)) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error("规则为固定电话[7~8位]-分机号[1~6位]！"));
|
|
|
+ }
|
|
|
+ //固
|
|
|
+ } else if (this.schange === "4") {
|
|
|
+ if (isz(value)) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ if (value.length > 3) {
|
|
|
+ let a = value.slice(0, 3);
|
|
|
+ let b = value.slice(3);
|
|
|
+ if ((a === "400" || a === "800") && b.length === 7) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error("纯固定电话规则为[7~8位]或10位！"));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //手机号
|
|
|
} else {
|
|
|
- callback();
|
|
|
+ if (!isMobile(value)) {
|
|
|
+ callback(new Error("手机号格式不正确！"));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- const validateEmail = (rule, value, callback) => {
|
|
|
- if (value === "") {
|
|
|
- callback(new Error("邮箱不能为空！"));
|
|
|
} else {
|
|
|
- if (!validEmail(value)) {
|
|
|
- callback(new Error("邮箱格式不正确！"));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
+ callback(new Error("请输入联系电话！"));
|
|
|
}
|
|
|
};
|
|
|
return {
|
|
|
- statusList: statusList,
|
|
|
+ statusList: [],
|
|
|
loading: false,
|
|
|
title: "添加企业客户",
|
|
|
showModelThis: this.showModel,
|
|
|
dataInfo: {},
|
|
|
- companyList: [],
|
|
|
- cexForm: {
|
|
|
- id: this.id,
|
|
|
- remark: "",
|
|
|
- status: "1",
|
|
|
- },
|
|
|
- ruleForm: {
|
|
|
- id: this.id, //企业id
|
|
|
- company_id: "", //id
|
|
|
- type: "2",
|
|
|
- username: "", //账号
|
|
|
- contact: "", //真实姓名
|
|
|
- mobile: "", //手机号
|
|
|
- emailz: "", //邮箱
|
|
|
- remark: "",
|
|
|
- },
|
|
|
- cexRules: {
|
|
|
- status: {
|
|
|
- required: true,
|
|
|
- message: "请选择审核状态",
|
|
|
- trigger: "change",
|
|
|
+ companyNoNames: "",
|
|
|
+ soptins: [
|
|
|
+ {
|
|
|
+ code: "1",
|
|
|
+ name: "区-固-分",
|
|
|
},
|
|
|
- remark: [
|
|
|
- {
|
|
|
- required: false,
|
|
|
- message: "请输入审核说明！",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
+ {
|
|
|
+ code: "2",
|
|
|
+ name: "区-固",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: "3",
|
|
|
+ name: "固-分",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: "4",
|
|
|
+ name: "固",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: "5",
|
|
|
+ name: "手机号",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ companyList: [],
|
|
|
+ schange: "1",
|
|
|
+ ruleForm: {},
|
|
|
rulesThis: this.rules,
|
|
|
rules: {
|
|
|
- company_id: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "请选择企业！",
|
|
|
- trigger: "change",
|
|
|
- },
|
|
|
+ companyNo: [
|
|
|
+ { required: true, message: "请选择申请企业", trigger: "change" },
|
|
|
],
|
|
|
- username: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validateusername,
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ invoice_title: [
|
|
|
+ { required: true, message: "请选择发票抬头", trigger: "change" },
|
|
|
],
|
|
|
- contact: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validatecontact,
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ invoice_code: [
|
|
|
+ { required: true, validator: validateLicense, trigger: "blur" },
|
|
|
],
|
|
|
- mobile: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validatemobile,
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ invoice_bank: [
|
|
|
+ { required: true, message: "请输入开户银行名称", trigger: "blur" },
|
|
|
],
|
|
|
- email: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validateEmail,
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ invoice_bankNo: [
|
|
|
+ { required: true, message: "请输入开户银行账号", trigger: "blur" },
|
|
|
],
|
|
|
-
|
|
|
- remark: [
|
|
|
- {
|
|
|
- required: false,
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ invoice_addr: [
|
|
|
+ { required: true, message: "请输入纳税登记地址", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ invoice_mobile: [
|
|
|
+ { required: true, validator: validatemobile, trigger: "blur" },
|
|
|
],
|
|
|
},
|
|
|
};
|
|
|
@@ -361,65 +285,56 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
async initForm() {
|
|
|
- if (this.isApproval) {
|
|
|
- this.loading = true;
|
|
|
- this.title = "企业客户审核";
|
|
|
- await this.getCompanyList();
|
|
|
- await this.initData();
|
|
|
- await this.resetcexForm();
|
|
|
- this.selectChange();
|
|
|
- this.loading = false;
|
|
|
+ this.loading = true;
|
|
|
+ this.resetFormData();
|
|
|
+ if (this.id === "add") {
|
|
|
+ this.title = "添加企业客户";
|
|
|
+ this.rulesThis = this.rules;
|
|
|
+ await this.resetForm();
|
|
|
} else {
|
|
|
- this.loading = true;
|
|
|
- await this.getCompanyList();
|
|
|
- if (this.id === "add") {
|
|
|
- this.title = "添加企业客户";
|
|
|
-
|
|
|
- // this.ruleForm.isAdmin = 0;
|
|
|
- this.rulesThis = this.rules;
|
|
|
- await this.resetForm();
|
|
|
+ if (this.isDetail) {
|
|
|
+ this.title = "企业客户";
|
|
|
+ this.rulesThis = {};
|
|
|
} else {
|
|
|
- if (this.isDetail) {
|
|
|
- this.title = "企业客户";
|
|
|
- this.rulesThis = {};
|
|
|
- } else {
|
|
|
- this.title = "修改企业客户";
|
|
|
- this.rulesThis = this.rules;
|
|
|
- }
|
|
|
- await this.resetForm();
|
|
|
- await this.initData();
|
|
|
+ this.title = "修改企业客户";
|
|
|
+ this.rulesThis = this.rules;
|
|
|
}
|
|
|
- this.loading = false;
|
|
|
- }
|
|
|
- },
|
|
|
- async resetcexForm() {
|
|
|
- if (this.$refs.cexForm) {
|
|
|
- this.$refs.cexForm.resetFields();
|
|
|
- this.$refs.cexForm.clearValidate();
|
|
|
- this.cexForm = {
|
|
|
- id: this.id,
|
|
|
- remark: "",
|
|
|
- status: "1",
|
|
|
- };
|
|
|
+ await this.resetForm();
|
|
|
+ await this.initData();
|
|
|
}
|
|
|
+ this.loading = false;
|
|
|
},
|
|
|
async initData() {
|
|
|
this.loading = true;
|
|
|
- let res = await asyncRequest.detail({ id: this.id });
|
|
|
+ const { code, data, message } = await asyncRequest.detail({
|
|
|
+ id: this.id,
|
|
|
+ });
|
|
|
this.loading = false;
|
|
|
- if (res.code === 0) {
|
|
|
- let data = res.data;
|
|
|
- this.dataInfo = data;
|
|
|
+ if (code === 0) {
|
|
|
+ const {
|
|
|
+ id,
|
|
|
+ companyNo,
|
|
|
+ companyName,
|
|
|
+ invoice_title,
|
|
|
+ invoice_code,
|
|
|
+ invoice_bank,
|
|
|
+ invoice_bankNo,
|
|
|
+ invoice_addr,
|
|
|
+ invoice_mobile,
|
|
|
+ } = data;
|
|
|
+ this.companyNoNames = companyName || "";
|
|
|
this.ruleForm = {
|
|
|
- id: this.id, //企业id
|
|
|
- type: "2",
|
|
|
- company_id: data.company_id, //企业id
|
|
|
- username: data.username, //账号
|
|
|
- contact: data.name, //真实姓名
|
|
|
- mobile: data.mobile, //手机号
|
|
|
- email: data.email, //邮箱
|
|
|
- remark: data.remark,
|
|
|
+ id: id, //企业id
|
|
|
+ companyNo: companyNo ? [companyNo] : [],
|
|
|
+ invoice_title: invoice_title || "",
|
|
|
+ invoice_code: invoice_code || "",
|
|
|
+ invoice_bank: invoice_bank || "",
|
|
|
+ invoice_bankNo: invoice_bankNo || "",
|
|
|
+ invoice_addr: invoice_addr || "",
|
|
|
+ invoice_mobile: invoice_mobile || "",
|
|
|
};
|
|
|
+ this.setTypeM(invoice_mobile);
|
|
|
+ } else {
|
|
|
}
|
|
|
},
|
|
|
async resetForm() {
|
|
|
@@ -428,19 +343,23 @@ export default {
|
|
|
if (this.$refs.ruleForm) {
|
|
|
this.$refs.ruleForm.resetFields();
|
|
|
this.$refs.ruleForm.clearValidate();
|
|
|
- this.ruleForm = {
|
|
|
- id: this.id, //企业id
|
|
|
- type: "2",
|
|
|
- company_id: "", //企业id
|
|
|
- username: "", //账号
|
|
|
- contact: "", //联系人
|
|
|
- mobile: "", //手机号
|
|
|
- emailz: "", //邮箱
|
|
|
- remark: "",
|
|
|
- };
|
|
|
+ this.resetFormData();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
+ resetFormData() {
|
|
|
+ this.ruleForm = {
|
|
|
+ id: "",
|
|
|
+ companyNo: [],
|
|
|
+ invoice_title: "",
|
|
|
+ invoice_code: "",
|
|
|
+ invoice_bank: "",
|
|
|
+ invoice_bankNo: "",
|
|
|
+ invoice_addr: "",
|
|
|
+ invoice_mobile: "",
|
|
|
+ };
|
|
|
+ },
|
|
|
async submitCexForm() {
|
|
|
await this.$refs.cexForm.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
@@ -469,11 +388,30 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ selectChangeMobile() {
|
|
|
+ this.$refs.ruleForm.validateField("invoice_mobile");
|
|
|
+ },
|
|
|
+ //判断联系电话类型
|
|
|
+ setTypeM(mobile) {
|
|
|
+ if (isMobile(mobile)) {
|
|
|
+ this.schange = "5";
|
|
|
+ } else if (isqzf(mobile)) {
|
|
|
+ this.schange = "1";
|
|
|
+ } else if (isqz(mobile)) {
|
|
|
+ this.schange = "2";
|
|
|
+ } else if (iszf(mobile)) {
|
|
|
+ this.schange = "3";
|
|
|
+ } else {
|
|
|
+ this.schange = "4";
|
|
|
+ }
|
|
|
+ console.log(this.schange);
|
|
|
+ },
|
|
|
async submitForm() {
|
|
|
await this.$refs.ruleForm.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
this.loading = true;
|
|
|
let obj = JSON.parse(JSON.stringify(this.ruleForm));
|
|
|
+ obj.companyNo = obj.companyNo.toString();
|
|
|
let res = {};
|
|
|
if (this.id === "add") {
|
|
|
delete obj["id"];
|
|
|
@@ -504,18 +442,14 @@ export default {
|
|
|
this.companyList = res.data;
|
|
|
}
|
|
|
},
|
|
|
- },
|
|
|
- watch: {
|
|
|
- showModel: function (val) {
|
|
|
- this.showModelThis = val;
|
|
|
- if (val) {
|
|
|
- this.initForm();
|
|
|
- }
|
|
|
- },
|
|
|
- showModelThis(val) {
|
|
|
- if (!val) {
|
|
|
- this.$emit("cancel");
|
|
|
+ //企业客户选择
|
|
|
+ companyNo_change(e) {
|
|
|
+ if (e && e.code) {
|
|
|
+ this.ruleForm.companyNo = [e.code];
|
|
|
+ } else {
|
|
|
+ this.ruleForm.companyNo = [];
|
|
|
}
|
|
|
+ this.$refs.ruleForm.validateField("companyNo");
|
|
|
},
|
|
|
},
|
|
|
};
|
