|
@@ -40,14 +40,14 @@
|
|
|
<el-dialog :title="addressTitle" v-dialogDrag :visible.sync="addressVisible" class="avue-dialog avue-dialog--top"
|
|
|
width="50%" append-to-body>
|
|
|
<span>
|
|
|
- <div class="">
|
|
|
- <span>
|
|
|
- 客户地址
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- 仓库地址
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ <el-tabs v-model="activeName">
|
|
|
+ <el-tab-pane label="客户地址" name="first">
|
|
|
+ <avue-form class="trading-form" v-model="form2" :option="option2"></avue-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="物流地址" name="second">
|
|
|
+ <avue-form class="trading-form" v-model="form3" :option="option3"></avue-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</span>
|
|
|
<div class="avue-dialog__footer">
|
|
|
<el-button @click="type1=false">取 消</el-button>
|
|
@@ -72,6 +72,11 @@ export default {
|
|
|
addressTitle: null,
|
|
|
addressVisible: false,
|
|
|
form: {},
|
|
|
+ form2: {
|
|
|
+ },
|
|
|
+ form3: {
|
|
|
+
|
|
|
+ },
|
|
|
dataList: [],
|
|
|
option: {
|
|
|
menuBtn: false,
|
|
@@ -130,6 +135,106 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
+ option2: {
|
|
|
+ menuBtn: false,
|
|
|
+ labelWidth: 90,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "简称",
|
|
|
+ prop: "a",
|
|
|
+ type: "select",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "地址",
|
|
|
+ prop: "b",
|
|
|
+ type: "select",
|
|
|
+ span: 16,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "详细地址",
|
|
|
+ prop: "c",
|
|
|
+ span: 24,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮编",
|
|
|
+ prop: "d",
|
|
|
+ span: 24,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "备注",
|
|
|
+ prop: "e",
|
|
|
+ type: 'textarea',
|
|
|
+ minRows: 3,
|
|
|
+ span: 24,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "地址智能识别",
|
|
|
+ prop: "ad",
|
|
|
+ placeholder:"例:上海市徐汇区枫林街道斜土路100号",
|
|
|
+ type: "textarea",
|
|
|
+ minRows: 3,
|
|
|
+ span: 24,
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ option3: {
|
|
|
+ menuBtn: false,
|
|
|
+ labelWidth: 80,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "客户名称",
|
|
|
+ prop: "a",
|
|
|
+ type: "select",
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "",
|
|
|
+ trigger: "blur"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户分类",
|
|
|
+ prop: "b",
|
|
|
+ type: "select",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "期初欠款",
|
|
|
+ prop: "c",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ prop: "d",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "备用电话",
|
|
|
+ prop: "e",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "传真",
|
|
|
+ prop: "f",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ prop: "g",
|
|
|
+ span: 8,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "备注",
|
|
|
+ prop: "remarks",
|
|
|
+ type: "textarea",
|
|
|
+ minRows: 3,
|
|
|
+ span: 24,
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
optionList: {},
|
|
|
};
|
|
|
},
|
|
@@ -284,6 +389,10 @@ export default {
|
|
|
margin-bottom: 8px !important;
|
|
|
}
|
|
|
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ padding: 0px 20px 15px 20px;
|
|
|
+}
|
|
|
+
|
|
|
::v-deep .el-form-item__error {
|
|
|
display: none !important;
|
|
|
}
|
|
@@ -308,4 +417,16 @@ export default {
|
|
|
::v-deep .avue-crud .el-table .el-form-item__label {
|
|
|
left: -1px;
|
|
|
}
|
|
|
+
|
|
|
+.addressTabs {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ span {
|
|
|
+ width: 100px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|