替代

src/main/webapp/resources/view/vendor/forstore/vendor_material_person.html

@@ -1559,6 +1559,124 @@
 		white-space: nowrap;
 		vertical-align: middle;
 	}
+	.edit-replace-box {
+		position: fixed;
+		width: 510px;
+		top: 30%;
+		left: 33%;
+		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+		-moz-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+		box-shadow: 0 5px 15px rgba(0,0,0,.5);
+		z-index: 1;
+		font-size: 14px;
+	}
+	.edit-replace-box .title {
+		position: relative;
+		height: 44px;
+		background: #5078cb;
+		line-height: 44px;
+		color: #fff;
+		border-top-right-radius: 5px;
+		border-top-left-radius: 5px;
+	}
+	.edit-replace-box .title > div {
+		display: inline-block;
+		padding-left: 57px;
+		width: 47%;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.edit-replace-box .title i {
+		position: absolute;
+		right: 10px;
+		top: 8px;
+		cursor: pointer;
+	}
+	.edit-replace-box .content {
+		padding: 9px 0;
+		background: #fff;
+	}
+	.edit-replace-box .content .content-line {
+		margin: 0 0 14px 0;
+	}
+	.edit-replace-box .content .content-line p {
+		margin-left: 16px;
+		font-size: 14px;
+	}
+	.edit-replace-box .content .content-line .form-item {
+		display: inline-block;
+		width: 49%;
+	}
+	/*.edit-replace-box .content .content-line .form-item > span i {*/
+		/*color: #fd2637;*/
+		/*margin-right: 4px;*/
+	/*}*/
+	.edit-replace-box .content .content-line .form-item input {
+		border: 1px solid #bfbfbf;
+		border-radius: 2px;
+		height: 28px;
+		padding: 0 8px;
+		display: inline-block;
+		width: 140px;
+		padding: 0 8px;
+	}
+	.edit-replace-box .content .content-line .form-item.form-left span {
+		display: inline-block;
+		width: 85px;
+		text-align: right;
+	}
+	.edit-replace-box .content .content-line .form-item.form-left span i {
+		width: 18px;
+		height: 18px;
+		display: inline-block;
+		border-radius: 100%;
+		background: #9fd4ff;
+		color: #fff;
+		text-align: center;
+		line-height: 18px;
+		margin-left: 10px;
+		font-size: 12px;
+		margin-right: 4px;
+	}
+	/*.edit-replace-box .content .content-line .form-item.form-left input {
+		width: 140px;
+		padding: 0 8px;
+	}*/
+	.edit-replace-box .content .content-line .form-item.form-right {
+		padding-left: 13px;
+		position: relative;
+	}
+	/*.edit-replace-box .content .content-line .form-item.form-right input {*/
+		/*width: 101px;*/
+		/*padding: 0 8px;*/
+	/*}*/
+	/*.edit-replace-box .content .content-line .form-item.form-right i {
+		margin-left: 4px;
+	}*/
+	.edit-replace-box .operate {
+		background: #fff;
+		height: 62px;
+		text-align: center;
+		padding-top: 15px;
+		border-top: 1px solid #e4e5e6;
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+	.edit-replace-box .operate span {
+		display: inline-block;
+		width: 64px;
+		height: 28px;
+		line-height: 28px;
+		text-align: center;
+		background: #5078cb;
+		color: #fff;
+		cursor: pointer;
+	}
+	.edit-replace-box .operate span:last-child {
+		margin-left: 15px;
+		background: #acabab;
+	}
 </style>
 <div class="user_right fr">
 	<!--货品管理-->
@@ -2278,6 +2396,38 @@
 	</div>
 </div>
 
+<div class="edit-replace-box">
+	<div class="title">
+		<div>型号：<span>asdasdasdad</span></div>
+		<div>品牌：<span>asdasdasdasd</span></div>
+		<i class="fa fa-close"></i>
+	</div>
+	<div class="content">
+		<div class="content-line">
+			<p>可替代型号：</p>
+		</div>
+		<div class="content-line">
+			<div class="form-item form-left">
+				<span><i>1</i>型号：</span>
+				<input type="text" class="form-control" placeholder="请输入型号名称">
+				<!--<ul class="similar-list" ng-show="showSimilarCodeList" ng-mouseenter="isInCodeList = true;" ng-mouseleave="isInCodeList = false;">-->
+					<!--<li ng-repeat="sCode in similarCode" ng-bind="sCode.code" title="{{sCode.code}}" ng-click="setCode(sCode.code)"><>-->
+				<!--</ul>-->
+			</div>
+			<div class="form-item form-right">
+				<span>品牌：</span>
+				<input type="text" class="form-control" placeholder="请输入品牌名称">
+				<i class="fa fa-minus-circle"></i>
+				<i class="fa fa-plus-circle"></i>
+			</div>
+		</div>
+	</div>
+	<div class="operate">
+		<span>确定</span>
+		<span>取消</span>
+	</div>
+</div>
+
 <style>
     /**/
     .wanted_list01 .empty{