|  | @@ -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>
 |