|
@@ -12,18 +12,20 @@
|
|
<title>生产产品列表</title>
|
|
<title>生产产品列表</title>
|
|
<style>
|
|
<style>
|
|
.chanpin-list{margin: 0;padding: 10px;list-style-type: none;}
|
|
.chanpin-list{margin: 0;padding: 10px;list-style-type: none;}
|
|
- .chanpin-list>li{float: left;width: 230px;border: 1px solid rgba(0,0,0,.1);background-color: #fff;margin-right: 30px;}
|
|
|
|
|
|
+ .chanpin-list>li{display: table-cell;width: 230px;border-left: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);background-color: #fff;position: relative;border-right: 30px solid transparent;padding-bottom: 30px;}
|
|
|
|
+ .chanpin-list>li:after{content: '';position: absolute;right: 0;width: 1px;height: 100%;background-color: #ccc;-webkit-transform:scaleX(.5); top:0;}
|
|
.chanpin-list>li .title{background-color: #32a3d8;text-align: center;color: #fff;padding: 12px 0;}
|
|
.chanpin-list>li .title{background-color: #32a3d8;text-align: center;color: #fff;padding: 12px 0;}
|
|
.chanpin-list>li .title>span{padding:3px 3px 3px 28px;background: url(${path}/common/images/pts/jiqi-1.png) left center no-repeat;background-size:auto 80%;}
|
|
.chanpin-list>li .title>span{padding:3px 3px 3px 28px;background: url(${path}/common/images/pts/jiqi-1.png) left center no-repeat;background-size:auto 80%;}
|
|
.items-list{margin: 0;padding: 20px 25px;list-style: none;}
|
|
.items-list{margin: 0;padding: 20px 25px;list-style: none;}
|
|
.items-list>li{margin: 12px 0;font-size: 13px;position: relative;padding-left: 13px;color: #666;}
|
|
.items-list>li{margin: 12px 0;font-size: 13px;position: relative;padding-left: 13px;color: #666;}
|
|
.items-list>li:after{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #32a3d8;}
|
|
.items-list>li:after{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #32a3d8;}
|
|
- .items-list>li:last-child{text-align: center;margin-top: 50px;padding-left: 0;}
|
|
|
|
- .items-list>li:last-child:after{display: none;}
|
|
|
|
- .my-btn-edit{padding: 6px 20px;background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;}
|
|
|
|
|
|
+ .my-btn-edit{padding: 6px 20px;background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;display: block;
|
|
|
|
+ width: 100px;
|
|
|
|
+ left: 50%;
|
|
|
|
+ position: absolute;bottom: 10px;margin-left: -50px;}
|
|
.chanpin-list>.li-add{width: 230px;height: 280px;text-align: center;display: table;padding-top: 55px;position: relative;cursor:pointer;}
|
|
.chanpin-list>.li-add{width: 230px;height: 280px;text-align: center;display: table;padding-top: 55px;position: relative;cursor:pointer;}
|
|
.chanpin-list>.li-add:before{content: '';width: 5px;height: 80px; position: absolute;left: 50%;top: 90px;background-color: #32a3d8;border-radius: 50px;}
|
|
.chanpin-list>.li-add:before{content: '';width: 5px;height: 80px; position: absolute;left: 50%;top: 90px;background-color: #32a3d8;border-radius: 50px;}
|
|
- .chanpin-list>.li-add:after{content: '';height: 5px;width: 80px;position: absolute;left: 75px;top: 128px;background-color: #32a3d8;border-radius: 50px;}
|
|
|
|
|
|
+ .chanpin-list>.li-add:after{content: '';height: 5px;width: 80px;position: absolute;left: 75px;top: 128px;background-color: #32a3d8;border-radius: 50px;-webkit-transform:scaleX(1);}
|
|
.chanpin-list>.li-add>div{display: table-cell;vertical-align: middle;height: 100%;width: 100%;text-align: center;color: #32a3d8;}
|
|
.chanpin-list>.li-add>div{display: table-cell;vertical-align: middle;height: 100%;width: 100%;text-align: center;color: #32a3d8;}
|
|
</style>
|
|
</style>
|
|
</head>
|
|
</head>
|
|
@@ -46,15 +48,13 @@
|
|
<#list produce.process as process>
|
|
<#list produce.process as process>
|
|
<li>${process.processName!}</li>
|
|
<li>${process.processName!}</li>
|
|
</#list>
|
|
</#list>
|
|
- <li>
|
|
|
|
- <button type="button" onclick="updateProduce(${produce.produceId!})" class="my-btn-edit">编辑流程</button>
|
|
|
|
- </li>
|
|
|
|
</ul>
|
|
</ul>
|
|
|
|
+ <button type="button" onclick="updateProduce(${produce.produceId!})" class="my-btn-edit">编辑流程</button>
|
|
</li>
|
|
</li>
|
|
</#list>
|
|
</#list>
|
|
- <li class="li-add">
|
|
|
|
|
|
+ <div class="li-add">
|
|
<div>添加产品</div>
|
|
<div>添加产品</div>
|
|
- </li>
|
|
|
|
|
|
+ </div>
|
|
</ul>
|
|
</ul>
|
|
<div>
|
|
<div>
|
|
|
|
|