|
@@ -1,76 +1,111 @@
|
|
|
<template>
|
|
|
<!-- 添加承运商信息 -->
|
|
|
- <div class="addWagonLoad">
|
|
|
- <PageTitle @click="onClick">返回</PageTitle>
|
|
|
+ <div class="addCarrier">
|
|
|
+ <PageTitle>返回</PageTitle>
|
|
|
<div class="user_code">
|
|
|
- <span class="text">账号:</span>
|
|
|
- <el-input class="input" placeholder="请输入内容" v-model="input" clearable> </el-input>
|
|
|
+ <span class="text">账号</span>
|
|
|
+ <el-input
|
|
|
+ class="input"
|
|
|
+ placeholder="请输入账号(必填项)"
|
|
|
+ v-model="input"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div class="user_code">
|
|
|
+ <span class="text">用户名</span>
|
|
|
+ <el-input
|
|
|
+ class="input"
|
|
|
+ placeholder="请输入用户名(必填项)"
|
|
|
+ v-model="user_Name"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
</div>
|
|
|
- <div class="form-box" style="margin-right: 10rem">
|
|
|
+ <div class="form_box" style="margin-right: 10rem">
|
|
|
<dil-form :formId="330" v-model="form1"></dil-form>
|
|
|
</div>
|
|
|
<el-upload
|
|
|
class="upload-demo"
|
|
|
- ref="upload"
|
|
|
- action="http://localhost:8070/api/v1/rms/rmscarrier/uploadCarrier1"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :file-list="fileList"
|
|
|
- :before-upload="beforeUpload2"
|
|
|
+ ref="upload1"
|
|
|
+ action="http://192.168.1.112:8070/api/v1/rms/rmscarrier/uploadCarrier1"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ :multiple="false"
|
|
|
list-type="picture"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :on-error="onError(1)"
|
|
|
>
|
|
|
- <el-button size="small" type="primary">点击上传运输证</el-button>
|
|
|
- <div slot="tip" class="el-upload__tip">
|
|
|
- 只能上传jpg/png文件,且不超过500kb
|
|
|
- </div>
|
|
|
+ <span class="span"></span>
|
|
|
+ <el-input
|
|
|
+ class="shippingCertificate"
|
|
|
+ placeholder="请选择运输证(必填项)"
|
|
|
+ v-model="shippingCertificate"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-button size="small" type="primary" @click="upCLick(1)"
|
|
|
+ >点击上传运输证</el-button
|
|
|
+ >
|
|
|
</el-upload>
|
|
|
<el-upload
|
|
|
class="upload-demo"
|
|
|
- ref="upload"
|
|
|
- action="http://localhost:8070/api/v1/rms/rmscarrier/uploadCarrier2"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :file-list="fileList"
|
|
|
- :before-upload="beforeUpload2"
|
|
|
+ ref="upload2"
|
|
|
+ action="http://192.168.1.112:8070/api/v1/rms/rmscarrier/uploadCarrier2"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ :multiple="false"
|
|
|
list-type="picture"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :on-error="onError(2)"
|
|
|
>
|
|
|
- <el-button size="small" type="primary">点击上传经营许可证</el-button>
|
|
|
- <div slot="tip" class="el-upload__tip">
|
|
|
- 只能上传jpg/png文件,且不超过500kb
|
|
|
- </div>
|
|
|
+ <span class="span"></span>
|
|
|
+ <el-input
|
|
|
+ class="businessLicense"
|
|
|
+ placeholder="请选择经营许可证(必填项)"
|
|
|
+ v-model="businessLicense"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-button size="small" type="primary" @click="upCLick(2)"
|
|
|
+ >点击上传经营许可证</el-button
|
|
|
+ >
|
|
|
</el-upload>
|
|
|
<el-upload
|
|
|
class="upload-demo"
|
|
|
- ref="upload"
|
|
|
- action="http://localhost:8070/api/v1/rms/rmscarrier/uploadCarrier3"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :file-list="fileList"
|
|
|
- :before-upload="beforeUpload2"
|
|
|
+ ref="upload3"
|
|
|
+ action="http://192.168.1.112:8070/api/v1/rms/rmscarrier/uploadCarrier3"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ :multiple="false"
|
|
|
list-type="picture"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :on-error="onError(3)"
|
|
|
>
|
|
|
- <el-button size="small" type="primary">点击上传营业执照</el-button>
|
|
|
- <div slot="tip" class="el-upload__tip">
|
|
|
- 只能上传jpg/png文件,且不超过500kb
|
|
|
- </div>
|
|
|
+ <span class="span"></span>
|
|
|
+ <el-input
|
|
|
+ class="businessLicense1"
|
|
|
+ placeholder="请选择营业执照(必填项)"
|
|
|
+ v-model="businessLicense1"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-button size="small" type="primary" @click="upCLick(3)"
|
|
|
+ >点击上传营业执照</el-button
|
|
|
+ >
|
|
|
</el-upload>
|
|
|
<div class="form-box f1">
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="drawer = true"
|
|
|
- >添加中标区域信息</el-button
|
|
|
- >
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-if="this.form1.carrierType == '销售承运商'"
|
|
|
+ @click="drawer = true"
|
|
|
+ >添加中标区域信息</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
- <el-drawer
|
|
|
- :visible.sync="drawer"
|
|
|
- :direction="direction"
|
|
|
- :before-close="handleClose"
|
|
|
- >
|
|
|
+ <el-drawer :visible.sync="drawer" :direction="direction" size="40%">
|
|
|
<el-input placeholder="请输入内容" v-model="inputText" clearable>
|
|
|
</el-input>
|
|
|
- <el-button type="primary" class="btn" @click="onclick">
|
|
|
+ <el-button type="primary" class="btn" @click="onClick">
|
|
|
<i class="el-icon-search"></i>查询
|
|
|
</el-button>
|
|
|
<div>
|
|
@@ -80,243 +115,300 @@
|
|
|
></dilTable>
|
|
|
</div>
|
|
|
</el-drawer>
|
|
|
- <dilTable v-bind.sync="option1">
|
|
|
- <el-table-column fixed="right" label="操作" align="center" width="200">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="mini" @click="deleteclick(scope)"
|
|
|
- >删除</el-button
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </dilTable>
|
|
|
- <div class="button-box">
|
|
|
+ <div class="button_box">
|
|
|
<el-button @click="cancel">取消</el-button>
|
|
|
<el-button type="primary" @click="makeSure">确定</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import PageTitle from "@/components/Page/Title";
|
|
|
+import { sjTime } from "@/utils/sharedJsFile.js";
|
|
|
export default {
|
|
|
components: { PageTitle },
|
|
|
data() {
|
|
|
return {
|
|
|
+ user_Name:'',
|
|
|
+ //营业执照
|
|
|
+ businessLicense1: null,
|
|
|
+ //营业执照
|
|
|
+ businessLicense: null,
|
|
|
+ //运输证
|
|
|
+ shippingCertificate: null,
|
|
|
+ inputText: "",
|
|
|
+ direction: "rtl",
|
|
|
+ input: "",
|
|
|
form1: {},
|
|
|
- value: undefined,
|
|
|
drawer: false,
|
|
|
- carrierType: {},
|
|
|
- carrierTransportType: {},
|
|
|
options: {
|
|
|
// first请求数据的地址
|
|
|
requestUrl: "/api/v1/rms/getCarrierBidAreaList?apiId=406",
|
|
|
selectionType: "radio",
|
|
|
mapList: [],
|
|
|
- registerDate: "",
|
|
|
- mapValue: "",
|
|
|
},
|
|
|
imageUrl1: "",
|
|
|
imageUrl2: "",
|
|
|
imageUrl3: "",
|
|
|
- imageUrls: [],
|
|
|
+ num: null,
|
|
|
+ upBool: false,
|
|
|
+ bidAreaId: null,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.form1 = {
|
|
|
+ carrierType: null,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- beforeUpload2(file) {
|
|
|
+ VerifyPhoneNumber(Phone) {
|
|
|
+ var myreg=/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
|
|
|
+ if (!myreg.test(Phone)) {
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ upCLick(val) {
|
|
|
+ this.num = val;
|
|
|
+ },
|
|
|
+ beforeUpload(file) {
|
|
|
+ this.upBool = true;
|
|
|
const isLt2M = file.size < 1024 * 1024 * 0.5;
|
|
|
- console.log("大小" + isLt2M);
|
|
|
if (!isLt2M) {
|
|
|
this.$message.error("上传文件大小不能超过500kb!");
|
|
|
+ } else {
|
|
|
+ let size = file.size / 1024;
|
|
|
+ let _URL = window.URL || window.webkitURL;
|
|
|
+ let img = new Image();
|
|
|
+ img.src = _URL.createObjectURL(file);
|
|
|
}
|
|
|
- let size = file.size / 1024;
|
|
|
- console.log("大小" + size);
|
|
|
- let _URL = window.URL || window.webkitURL;
|
|
|
- let img = new Image();
|
|
|
- img.onload = function () {
|
|
|
- let width = img.width;
|
|
|
- let height = img.height;
|
|
|
- console.log("width--->" + width);
|
|
|
- console.log("height--->" + height);
|
|
|
- };
|
|
|
- img.src = _URL.createObjectURL(file);
|
|
|
return isLt2M;
|
|
|
},
|
|
|
- handleAvatarSuccess1(res, file) {
|
|
|
- this.imageUrl1 = URL.createObjectURL(file.raw);
|
|
|
- // this.axios
|
|
|
- // .then((res) => {
|
|
|
- // if (res.data.code == 200) {
|
|
|
- // this.$message({
|
|
|
- // type: "success",
|
|
|
- // message: "新增成功!",
|
|
|
- // });
|
|
|
- // }
|
|
|
- // else {
|
|
|
- // this.$message.error("图片上传失败,图片格式不得超过500kb且只能是jpg/png文件!");
|
|
|
- // }
|
|
|
- // });
|
|
|
- },
|
|
|
- handleAvatarSuccess2(res, file) {
|
|
|
- this.imageUrl2 = URL.createObjectURL(file.raw);
|
|
|
- },
|
|
|
- handleAvatarSuccess3(res, file) {
|
|
|
- this.imageUrl3 = URL.createObjectURL(file.raw);
|
|
|
- },
|
|
|
- handleRemove(file, fileList) {
|
|
|
- console.log(file, fileList);
|
|
|
+ onError(err) {
|
|
|
+ if (this.upBool) {
|
|
|
+ if (this.num == 1) {
|
|
|
+ this.shippingCertificate = null;
|
|
|
+ this.imageUrl1 = null;
|
|
|
+ this.$message.error("上传失败");
|
|
|
+ } else if (this.num == 2) {
|
|
|
+ this.businessLicense = null;
|
|
|
+ this.imageUrl2 = null;
|
|
|
+ this.$message.error("上传失败");
|
|
|
+ } else if (this.num == 3) {
|
|
|
+ this.businessLicense1 = null;
|
|
|
+ this.imageUrl3 = null;
|
|
|
+ this.$message.error("上传失败");
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
- handlePreview(file) {
|
|
|
- console.log("*********" + file);
|
|
|
+ handleAvatarSuccess(res, file) {
|
|
|
+ if (res.code) {
|
|
|
+ this.upBool = false;
|
|
|
+ if (this.num == 1) {
|
|
|
+ this.imageUrl1 = URL.createObjectURL(file.raw);
|
|
|
+ this.shippingCertificate = file.name;
|
|
|
+ } else if (this.num == 2) {
|
|
|
+ this.imageUrl2 = URL.createObjectURL(file.raw);
|
|
|
+ this.businessLicense = file.name;
|
|
|
+ } else if (this.num == 3) {
|
|
|
+ this.imageUrl3 = URL.createObjectURL(file.raw);
|
|
|
+ this.businessLicense1 = file.name;
|
|
|
+ }
|
|
|
+ this.$message.success("上传成功");
|
|
|
+ }
|
|
|
},
|
|
|
-
|
|
|
- onclick() {
|
|
|
+ onClick() {
|
|
|
this.options.requestUrl =
|
|
|
"/api/v1/rms/getCarrierBidAreaList?apiId=406&con=" + this.inputText;
|
|
|
},
|
|
|
currentRadioChange(selection) {
|
|
|
- (this.mapList = selection), (this.bidArea = this.mapList.bidArea);
|
|
|
+ this.bidAreaId = selection.bidAreaId;
|
|
|
},
|
|
|
makeSure() {
|
|
|
- let reg = new RegExp(/^[0-9]*$/);
|
|
|
- let RmsCarrier = {
|
|
|
- carrierName: this.form1.carrierName,
|
|
|
- carrierTransportCertificate: this.form1.carrierTransportCertificate,
|
|
|
- carrierBusinessLicense: this.form1.carrierBusinessLicense,
|
|
|
- carrierBusinessAblelicense: this.form1.carrierBusinessAblelicense,
|
|
|
- carrierAbbreviation: this.form1.carrierAbbreviation,
|
|
|
- carrierAddress: this.form1.carrierAddress,
|
|
|
- registerNo: this.form1.registerNo,
|
|
|
- carrierBidAreaId: this.mapList.bidAreaId,
|
|
|
- carrierLegalRepresentative: this.form1.carrierLegalRepresentative,
|
|
|
- registerCapital: this.form1.registerCapital,
|
|
|
- businessScope: this.form1.businessScope,
|
|
|
- annualDate: this.form1.annualDate,
|
|
|
- companyStatusDesc: this.form1.companyStatusDesc,
|
|
|
- companyTypeDesc: this.form1.companyTypeDesc,
|
|
|
- operationPeriod: this.form1.operationPeriod,
|
|
|
- registerOrganization: this.form1.registerOrganization,
|
|
|
- registerAptitudes: this.form1.registerAptitudes,
|
|
|
- contactsName: this.form1.contactsName,
|
|
|
- carrierContactNumber: this.form1.carrierContactNumber,
|
|
|
- carrierType: this.form1.carrierType,
|
|
|
- carrierTransportType: this.form1.carrierTransportType,
|
|
|
- };
|
|
|
- let registerDate = {
|
|
|
- registerDate: this.form1.registerDate,
|
|
|
- };
|
|
|
- let imageUrls = {
|
|
|
- imageUrl1: this.imageUrl1,
|
|
|
- imageUrl1: this.imageUrl2,
|
|
|
- imageUrl1: this.imageUrl3,
|
|
|
- };
|
|
|
- console.log(imageUrls);
|
|
|
- let mapValue = {
|
|
|
- RmsCarrier: RmsCarrier,
|
|
|
- registerDate: registerDate,
|
|
|
- imageUrls: imageUrls,
|
|
|
- };
|
|
|
- if (reg.test(RmsCarrier.carrierContactNumber) == false)
|
|
|
- this.$message.error("输入的格式不正确");
|
|
|
- else if (
|
|
|
- RmsCarrier.carrierName == null ||
|
|
|
- // imageUrls.imageUrl1 ==null ||
|
|
|
- // imageUrls.imageUrl2 ==null ||
|
|
|
- // imageUrls.imageUrl3 ==null ||
|
|
|
+ let status = false;
|
|
|
+ this.form1.carrierContactNumber = parseInt(this.form1.carrierContactNumber);
|
|
|
+ if (!this.input) {
|
|
|
+ this.$message.error("账号不能为空");
|
|
|
+ } else if(!this.user_Name){
|
|
|
+ this.$message.error("用户名不能为空");
|
|
|
+ }else if (!this.form1.carrierName) {
|
|
|
+ this.$message.error("承运商名称不能为空");
|
|
|
+ } else if (!this.form1.carrierType) {
|
|
|
+ this.$message.error("承运商类型不能为空");
|
|
|
+ }else if(!this.form1.contactsName){
|
|
|
+ this.$message.error("联系人不能为空");
|
|
|
+ }else if(!this.form1.carrierContactNumber){
|
|
|
+ this.$message.error("联系电话不能为空");
|
|
|
+ }else if (!this.imageUrl1) {
|
|
|
+ this.$message.error("请上传运输证");
|
|
|
+ } else if (!this.imageUrl2) {
|
|
|
+ this.$message.error("请上传经营许可证");
|
|
|
+ } else if (!this.imageUrl3) {
|
|
|
+ this.$message.error("请上传营业执照");
|
|
|
+ }else {
|
|
|
+ status = true;
|
|
|
+ }
|
|
|
+ if (this.form1.registerDate) {
|
|
|
+ this.form1.registerDate = sjTime(this.form1.registerDate);
|
|
|
+ }
|
|
|
+ if (status) {
|
|
|
+ let rand = "";
|
|
|
+ for (let i = 0; i < 8; i++) {
|
|
|
+ rand += Math.floor(Math.random() * 10);
|
|
|
+ }
|
|
|
+ let fromData = new FormData();
|
|
|
+ fromData.append("userCode", this.input);
|
|
|
+ fromData.append("userName", this.user_Name);
|
|
|
+ fromData.append("orgCode", "chengyunshang");
|
|
|
+ fromData.append("mobile", "133" + rand);
|
|
|
+ fromData.append("email", "133" + rand + "@163.com");
|
|
|
+ fromData.append("orgName", "承运商");
|
|
|
+ fromData.append("groupId", "506514577756917769");
|
|
|
+ fromData.append("companyId", "713710108567277568");
|
|
|
+ fromData.append("orgId", "924126339513061376");
|
|
|
|
|
|
- RmsCarrier.carrierAbbreviation == null ||
|
|
|
- RmsCarrier.carrierAddress == null ||
|
|
|
- RmsCarrier.registerNo == null ||
|
|
|
- RmsCarrier.carrierBidAreaId == null ||
|
|
|
- RmsCarrier.carrierLegalRepresentative == null ||
|
|
|
- RmsCarrier.registerCapital == null ||
|
|
|
- RmsCarrier.businessScope == null ||
|
|
|
- RmsCarrier.annualDate == null ||
|
|
|
- RmsCarrier.companyStatusDesc == null ||
|
|
|
- RmsCarrier.companyTypeDesc == null ||
|
|
|
- RmsCarrier.operationPeriod == null ||
|
|
|
- registerDate.registerDate == null ||
|
|
|
- RmsCarrier.registerOrganization == null ||
|
|
|
- RmsCarrier.registerAptitudes == null ||
|
|
|
- RmsCarrier.contactsName == null ||
|
|
|
- RmsCarrier.carrierContactNumber == null ||
|
|
|
- RmsCarrier.carrierType == null ||
|
|
|
- RmsCarrier.carrierTransportType == null
|
|
|
- )
|
|
|
- this.$message.error("存在空值!");
|
|
|
- else
|
|
|
- this.axios.post("/api/v1/rms/insertCarrier", mapValue).then((res) => {
|
|
|
- if (res.data.code == 200) {
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "新增成功!",
|
|
|
- });
|
|
|
- // this.$refs.table.refreshData();
|
|
|
- this.$router.go(-1);
|
|
|
- } else {
|
|
|
- this.$message.error("新增失败,可能存在重复!");
|
|
|
- }
|
|
|
- this.$refs["table"].resetField();
|
|
|
- });
|
|
|
+ this.$store
|
|
|
+ .dispatch("system/usersManage/addUser", fromData)
|
|
|
+ .then((res) => {
|
|
|
+ console.log(1)
|
|
|
+ if (res.code === "0") {
|
|
|
+ let userId = res.data.userId;
|
|
|
+ this.axios
|
|
|
+ .post(
|
|
|
+ "pass/v1/sysuserroles/addUserroles?userId=" +
|
|
|
+ userId +
|
|
|
+ "&userCode=" +
|
|
|
+ this.input +
|
|
|
+ "&roleId=924449091658846208"
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ console.log(2)
|
|
|
+ if (res.code == "0") {
|
|
|
+ //图片地址
|
|
|
+ let imageUrls = {
|
|
|
+ //运输证
|
|
|
+ imageUrl1: this.imageUrl1,
|
|
|
+ //经营许可证
|
|
|
+ imageUrl2: this.imageUrl2,
|
|
|
+ //营业执照
|
|
|
+ imageUrl3: this.imageUrl3,
|
|
|
+ };
|
|
|
+ //传给后端的数据
|
|
|
+ let mapValue = {
|
|
|
+ //表单数据
|
|
|
+ from: this.form1,
|
|
|
+ //图片数据
|
|
|
+ imageUrls: imageUrls,
|
|
|
+ //sso的用户Id
|
|
|
+ userId: userId,
|
|
|
+ };
|
|
|
+ this.axios
|
|
|
+ .post("/api/v1/rms/insertCarrier", mapValue)
|
|
|
+ .then((res) => {
|
|
|
+ console.log(2)
|
|
|
+ if (res.data.code == "200") {
|
|
|
+ this.cancel();
|
|
|
+ this.$message.success("添加成功");
|
|
|
+ } else {
|
|
|
+ this.axios
|
|
|
+ .delete("pass/v1/sysusers/" + userId)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message.error("添加失败");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.axios
|
|
|
+ .delete("pass/v1/sysusers/" + userId)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message.error("添加失败");
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
- // // 取消
|
|
|
+ // 取消
|
|
|
cancel() {
|
|
|
- this.$router.go(-1);
|
|
|
+ this.$router.push("/carrier");
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
<style lang='scss' >
|
|
|
-.user_code {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- .text{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .input{
|
|
|
- width: 250px;
|
|
|
- }
|
|
|
-}
|
|
|
-.button-box {
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 0.3125rem;
|
|
|
- margin-bottom: 1.25rem;
|
|
|
-}
|
|
|
-.form-box {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- .el-form-item {
|
|
|
+.addCarrier {
|
|
|
+ .user_code {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
-
|
|
|
- .el-form-item__label {
|
|
|
+ margin: 10px;
|
|
|
+ .text {
|
|
|
display: flex;
|
|
|
+ justify-content: center;
|
|
|
align-items: center;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .input {
|
|
|
+ width: 250px;
|
|
|
}
|
|
|
- .el-form-item__content {
|
|
|
- .el-input {
|
|
|
+ }
|
|
|
+ .form_box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin-left: 170px;
|
|
|
+ margin-top: 15px;
|
|
|
+ .el-form-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .el-form-item__label {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ width: 250px;
|
|
|
+ .el-radio-group {
|
|
|
+ width: 500px;
|
|
|
+ }
|
|
|
+ .el-date-editor {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
.el-input__inner {
|
|
|
width: 250px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.upload-demo {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- padding-bottom: 1rem;
|
|
|
- .el-upload__tip {
|
|
|
+ .upload-demo {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 10px;
|
|
|
+ .span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 200px;
|
|
|
+ height: 2px;
|
|
|
+ }
|
|
|
+ .el-button {
|
|
|
+ width: 150px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .shippingCertificate,
|
|
|
+ .businessLicense,
|
|
|
+ .businessLicense1 {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-box {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
- .el-button el-button--primary el-button--small {
|
|
|
+ .button_box {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
- word-wrap: break-word;
|
|
|
+ margin: 20px;
|
|
|
+ .el-button {
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|