@extends('module.layouts.content')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ theme_asset('app/css/element.css') }}">
    <style>
        .body{
            background:#e3f1f2;
        }
        .el-form-item{
            margin-bottom:0
        }

        .container{
            width:1182px;
            margin:0 auto;
        }
        .container .banner{
            text-align: center;
        }
        .content{
            margin-top:10px;
            background: #fff;
            padding:10px;
        }
        .content .hall-menu>.el-menu-item.is-active{
            border-bottom: 2px solid #ff6900
        }
        .content .action{
            margin-top: 20px;
        }
        .content .card_list{
            margin-top: 10px;
        }
        .item-card{
            margin-top: 10px;
        }
        .item-card .header .op{
            text-align: center;
        }
        .item-card .header .op button{
            margin-bottom: 10px;
        }
        .item-card .header .item-header{
            padding-left: 100px;
            background-image: url("../assets/images/need.png");
            background-repeat: no-repeat;
            height:90px;
        }
        .item-card .header .item-header .el-steps{
            padding:10px 0;
        }
        .item-card .item .attr{
            font-size:14px;
            text-indent: 50px;
            line-height:40px;
            display: inline-block;
            font-weight: 700;
        }
        .item-card .item  .attr.trade{
            background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MTQ3NjM5ODU3MTExRUE4ODY4QTY0REY1NjVGOEFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI3MTQ3NjNBODU3MTExRUE4ODY4QTY0REY1NjVGOEFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjcxNDc2Mzc4NTcxMTFFQTg4NjhBNjRERjU2NUY4QUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjcxNDc2Mzg4NTcxMTFFQTg4NjhBNjRERjU2NUY4QUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73CxrkAAADrElEQVR42uyYa2jNYRzHz//scozNtpBZhsllcwujkDZE2gtmM5QXSNRKXlDGC1aKkpSlLO2Nl16gXHJpiFAbM+Z+LadhxJoNE+ds5+/7q++/Ho9z+Z9tR+fF/6lP//vzfJ/f7XnOMUzTdMVzc7vivDkCHYGOwAgtMajqMRV97TcDrATLwVtwHdwH7+x8HPAeCy+wjx5ZAjaAcqX/deABeAwaQQOFB3plwV60BApby2MWaAXtYArIBItIJ3gOHoHboB68iaVAGXwf3TkS+ID46ATdLAJ/0lqpIB3MIatoyWZwi9Z9Cbr7M0k8dKeIuwhWgEpwE1jrqJwXg+O8/kDBMrmZYCM4DGrB1P7O4h7wC3wFNeAS+M6+k/jOe7qzidcnQRnDoJMulsSaQcG9FjgZZGv3umkNOX7T+jZ4PhoUgKG89oKz4Df4DFaDp8Cvh53dGJwH1oAS8APcAFfBNVpQBKaAtBDfLwB1fFfaYsZqKi3/mgklk2+xK1BiaxKooDsyma3SJoL1tEQTg/sJj1YzlRhspRsn8F4xsz0ZDAZnwFhO1G9XYBE4CnIp7DzoAqV0SwYzNJ/WkMFHsCjXae6+wwltAYfAafAKbOLECyi0XQmLiDE4CAwHHSy8pRxIAn8X2M8YOsUkmQY2g4N6JtJqfk7ExTpYxWQSlxayLrqjqYMBfuBlmeihS2SwcYwfGfAA7w/jwGWKa60mobKTlrJqZz4nK5P8RLEu3YLhBFoxlKy8Z1JUFQXLBKpBDngBvjAcEoJk/17FQuLqrTxvZ2EfpcVtRBcbfO5X1kyrttUwjgx2nMnM3M7Y09dYSZ4d4Byfebl58DGUZjF+zWi2W+m0hEeziJxfZuHt4nJ1hfFZG6LUPKSlL3DMWopqIdPB3WhicDYTQ8S1MU6sCfmYiW4+F4HjtQx0B9l+ZStFPo1WNzjhNMV6tmJQMnQhF/Jqrp0uZRFPVFjGdTgPzAcf9VqGNpdWy+V1OeveEF4fYW39JwZDCSyk5SpZRNXE8TDAsyleLL2HK0kjC7ueJDnEannEaiU8ttl1sWTuM8aZnjhixaV0UTK3WVncUqUqcRq7LT8zzafHg3J/G60pz3crz4qYoT2x/tFkKJuAcGUoVF9mrAVaAoz//CPO1K0fbwKt0mVboJ17rij7iJQTuXYEhro/kIRrKUoWe6IUOEDZ8YTN4g6uHnq5aOY6nBSkqHazv4CyF2zgZLts/Lww+P29v246f2A6Ah2BjsDYtj8CDADJSuhA48KvwgAAAABJRU5ErkJggg==') no-repeat;
        }
        .item-card .item  .attr.pro{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1QTM0QjgwODU3MTExRUE5ODVEOEQxMDk4N0Q5Njk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1QTM0QjgxODU3MTExRUE5ODVEOEQxMDk4N0Q5Njk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVBMzRCN0U4NTcxMTFFQTk4NUQ4RDEwOTg3RDk2OTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVBMzRCN0Y4NTcxMTFFQTk4NUQ4RDEwOTg3RDk2OTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SxNrOAAACj0lEQVR42uyYz0sUYRjHndVdXdNDe7GDLlthllBeRJBWqD3of5CBBYIYCmFEh35QEHTwVGKHEC+FEBaEih5KMLROIoEIioqIEiVZxFL+6Jfb9n3W7y7DMOvO7rK+C80DH2bmfd+Z+b6/nueZ0cLhcE42myMny80WaAu0BSawvIhKX1u6nbwCzoFKkA/egwnQBeZTffDf1Z5dgWnaXXAL5OrKyslx0A7mVE2xH1w3iNNbHWgBThUCNXABuBK0OwuOqRpBKy8uIUoEfrfQZhv8VCFQsow3FtotgmVVI/gCrCdo8xp8ViXwI7ghLivOCA+DpzxXIlCEDYAHvA4RETQF7oAvqkKdk35QxJ0HO+At6AMboAp0g4vg4H4LLAbXwBgdcSmdtWyIR6wvAGfAE/CMgrX9EFgE7oNOxt2obXJXfwAzhnvqwXNQm6xIRwodktDWalInCcII+AT6TeormDwcyaTAatBhUi7r7xXY4rVM/ZpJuxrQZCE8piywGRwwKRcxD3XXs3Qv8Z7hy5TAkjiZS8iQsYS4SczMC9xJJaxJWC8FVvFF0Q4eBoPM/VbATXDZcG8QLHGzLKUr0Elnu2MoHwXvwElwlMIOcWd7QAOYBifAEJOJIDeQCF9ghu3SjeIPHt268z0FnqbLmI0j/ivT+Qley4gWcm0Ws1PiG7/xhb8M919lIqsRCZf3+M4As+91M4Eeug+pfMl1ZMVCjBwbdDFWNtopQ1kll4d4AflAGmdUigkMMDuepOfPpElyUQb+6GbAxZxxgR2+ROd+OyrwMeNlIX1VfiphyUL+6OCUG2cnl9P+m3V+LpeYQC+PjVn0SRzUT3GYQ54N/+I06op8Tmj2/0FboC3QFvifC/wnwADTPItDql7nOgAAAABJRU5ErkJggg==") no-repeat;
        }
        .item-card .item  .attr.area{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4Njk0NTA3ODU3MTExRUFBQjZBRUFFODM4M0NCRkRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4Njk0NTA4ODU3MTExRUFBQjZBRUFFODM4M0NCRkRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDg2OTQ1MDU4NTcxMTFFQUFCNkFFQUU4MzgzQ0JGREIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDg2OTQ1MDY4NTcxMTFFQUFCNkFFQUU4MzgzQ0JGREIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4FCIk/AAAC7ElEQVR42uyYXWhPcRjHz3//eRs2aiO0RcguNheyVi7IS2o3Wm2aUkhiRm6IyAXl5cJaXGBS85ILanNhbZGGUgoxNxqbsCiEWDZv25x9n/qe+vXrvP1P55ymzlOf+v9O5+X7e37P8/ye3z9lmqYxmi3LGOWWCEwEJgI9LNtV/exaP+8YD5aCGrAYFIBB0AvugCvgDRh2e8m/t42ZC/Rp68FGUExxls0k88Ep8Ch0D3pYCjSATWCKw7vnkjKwH7TEGYPHwE4HcbqJF0+DlXEJXA6226zAX9AJXtk8Mx0cAoVxCNwN8tQYB9eZJBVMmrXgpfbcErAs6hicA8qVsXQb95go/cp1EfwTnAVFikNWgzbwLSoPloJxylhENGriLK/eBLe06yUgN8olllKSVsZS8144lTfwWrsmoTEmSoGftaKbZr1zKkUF2rXvnFRkAju5rJblsBZOsLlX6t8q7doz0BelwHfgsebBKnCAyTAV5DOjj4CFWkJ10IuR7iSXmI1jOZaYOsjS8hRMZqnRk0Fi9WEcW10ra1ypdn0BcZtYbxyF+g+oz/AZyeYbYCiuvfiyTY1zMkmq46Arjm6mkJkrpeYaszTt8Uw36AHz+M1PfneSTAROBLvACjCJGen3UC218CjrokzmA7jAJQ9N4A62WEFsFlGtnF7tCkOgtEob+PsJY29QqW3T2H6lbMrKVd6TxbAQ728FM8AWsNftOOBX4DrGj8Gerp37rLr8/fyYZR/BHnYuhlbYpSOqBpvBSRb/wFksM65kByPnigeaOLEBcAI0c/wLHOZEdBtmC9bHbrzGxvO+PSgPrgGLOD7jsk19AfsYV+/BRZckus9QkSNAHTjvtD97ebCY21cum4QOG+/pxVg8dw78drlviCe9H1zuqqAerFW659tc5iKXiZmcQMpj8nLfc257JfxOUxCBFcw2g0uxLcQ/DUzGt3XqC+TBu/RIvuKZsEze9ZVCux1vSv5hTQQmAv9zgSMCDACjIp1EDuh5dAAAAABJRU5ErkJggg==") no-repeat;
        }
        .item-card .item  .attr.time{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3N0VCOTkzODU3MTExRUFCOTMyQTI4MjQ4MTQ0REFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3N0VCOTk0ODU3MTExRUFCOTMyQTI4MjQ4MTQ0REFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTc3RUI5OTE4NTcxMTFFQUI5MzJBMjgyNDgxNDREQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTc3RUI5OTI4NTcxMTFFQUI5MzJBMjgyNDgxNDREQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6pubOOAAAEXklEQVR42uyYaYhWVRjH73XG1xzHnElz30WDQNAko1wmsFXJ1BR1WhRGUSxBKyoUFSxhKlu+aJbiSiCmlqCSiqi4BC2KmtvM2IwpVoqmpuk4y+v/gd+Fw+XO8i4f/PAe+PFy7z3nnuc853n+z7mvH4/Hvfu5NfHu85YxMGNgxsAGWna91nef7i5kppgtHhK/iAniKu8oFB+LHLFDvCv+FL6YJhbwbL+wl14Qpm+17ny1FcsSM9BpPcVY8aC4IgaKl8RJkSte4dllMUS8LPaymNGiubgmBosXxDFxUZxraGK/PqGWB7vq5zUxRgwQxWK9OCjuYGxT0U18LTaIHxh+HuO7i3lit9goYnj+ulgplqXiwQ/FODxg7S9RjnGtwWO77Nkp8b/oIFo57znPOFtQX9GG+4+Io+KnpGJQ7TnHOA9vNSUmLZ5KRAvxrHiAvlniN3EAQ0eJlqIZHjVP1oinCYuCVAz0Q9cxjDAD17Bl7cVjTJ6LgVvEF6KT6C/yeWYx+SbJMZD3xVKRmSDLbhAzc8Vhtu8P7gXbPp3E8EmCm+KM+Fm8I7aRyRWiKmKOpDwYtGoxQ7QTeeI4iWLtPzGLbPWQoGNse0+MivH7mSgTHdOig07LIZhL2cJ8x/uWIKfFYoLf9HKFaEufLOaxGH1LPIXExNJpYBCPxio00BJksvidBDCxXoSXm2B4DdRyz+JwKM/8dG6xh3y8geyYJ97GINPI98RC+tXgIcvifWxpc+TlGdEvJEE56a7FleigcUuMd4y7Lb7FS3Z/KQYeEh8hLVYif8WLHovumw4DTe/WUik+x6PrkZPAw+bRSeIs9zqQve877/lRDKdmW+sivkQTkzYwjkBbNr8uHscbw0iGGnRxUWhcVug3aJeJ39Ncm1hPTNWDbtEuJ66KuC5hC6PkqTqke0H7hzFV2FGUrhhszYmliG2vZtsuRvStiqhGbtvAYq1Pj1Sy2GeyfMT2eeqrR8XYGzHGQmIEolxAIhyPWIAJfh8WmpIHb3EmnETWlnH/LuUr3AYQk/nU3WJk5knEOo9+ZekU6kpHu7JDAh5unTksBM0y9wnkyarIq2JXAyHQaAPjxNtmJpnpyEKMmns0NOYAmW3Z+i+H03Kqjs9hIzgTenUZmogHY8SbadpqpGYJhpvcfB/q/zenn+2cevZEZLPV50H1hVsiOnjNSQo7sXzDSTmbk0vXiHGW2d+JnXVITSGfC3GkKmEPZjtCO4SMdEX3BJWgl5gvpiSwI/at8gHvMwO/SsZAO6g+zPZ+Ssa6sZLrLMA+ri6JOY0wrhth0pvrLZDwFhfjep9jVBeyMyDP6duM7+ZNfALU1QqpzwVclzLuZjIeXMcHzRhW7dcRn2boSIJ+NDp3BBG+gGg/Spj0cRSgDIMrkpWZSuKsNKLgh3fiRfEJJas918M4SPjM5c63Hc+VpEMH7zaizya0bypnwXYYF/5CtHK3XGylOiX/z0Lm362MgRkDPe+eAAMAW6cG16q/8i4AAAAASUVORK5CYII=") no-repeat;
        }
        .item-card .item  .attr.salary{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NUYxMEU5ODU3MTExRUFCRkEyRDAzQUU3OTJBMzhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4NUYxMEVBODU3MTExRUFCRkEyRDAzQUU3OTJBMzhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg1RjEwRTc4NTcxMTFFQUJGQTJEMDNBRTc5MkEzOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njg1RjEwRTg4NTcxMTFFQUJGQTJEMDNBRTc5MkEzOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QorCWAAAEKUlEQVR42uyYa2xTZRjH243h3BiwOBgMcCVcooEPIsOJX4wMNgEZLCHAYpwJSAQvMSoKJHxQosYLJDDAWyBkKoEVRmIkogT9YDLQqHiJIBNUvMxdSeYgrNsY9f8kvyYnTU+3dpsdZG/yy2l72nP+7/O+z/95Tr3BYNAzkEeSZ4CPQYE3vMAhUdX71kQ7nSzuEneIaWKquJ1zp8U5jifEGXG1OzHXLrwdm8BuxhSxUYwVk0Sm49x4MUv8ynErIvs2gt2MFLGI11XimGgV5lsjRLFYKHLErkTswbPiJV53iD/FZXFJNCPURjlL7fm/I9gpton7RakoYV86I3xEvCXaEyHQxkWxWCwI+9xLJKs5ehIlMEPki1THkobGKDLcJnElEQJXiWdFbtjSOqNo2+C8eEUcjDCJfhFokdkulogu8S5el+L4ThCBBWK5qBBF2FJjfwr0iUpxpzgqNpDNbpGpJEksmcqwnLXiQn/YTLbwixncsATzvYbAmzmXzPsgEf5GzCeK88QOMa6vBdrN3xF5YguR63KcT2fJzazvFkPDfm+ZvFrsFQ/w+/S+FPg4dmIbfXOYuFvEG2KPGCY+FE+I4WHXsIg+Iz7j/BKX5IpZoI8LNonnRSCsYShjX30nXhB14mUxN8K1LiHST/Jk9TZJhnFzs5LHxF8R6nEBpe4D8SZRtuX8xeWaPyLOFzbZuASaCRdSWz8hIZyjC59bSJRtRT5njzn3pxn2dCzKTLtGfC3+7a3AYtqq90WDSz3eLWbTG1qG1or1Yh/CnhYrSJwAVcfGSdzA3xuBs4nAl1HK1U+0XSuxE9tXf2M5fke7Vc3+TEP4cnwylySLS+CtHGuj/D6fpX2VSI8W/4jj7OGn2B4eR7X5mSXeJF7D7D+KR2CaYykjjZvE60ThUXywlhvbnntYnKIlaxG30TfWYU/2TPEpkzPB9bHazGWHkEijHd+zyrAfE58slpIsfkw+HR9sYi830HXbI8FOhBfF44MhW8lxOX+VjV5KpAp5RpnC+wBL3sUqjCRZgkw6g4m0U4FiFvgVUbwnSmkyDzwgXqRTyeS6oUY1JNCSbIyYgAdmYfShVRoRj8AqNvAKR8K4jWoyuZlWK5vPz2Mttud+wPu8JFIHE3BNxJ5EsIJsLO+mNHWwp37jd/ksd5CnvQaWONXRjbcz+RRqdMwCAxhxBbX1Y7wu2mjEbmZSJlvZfzksaRITNqu5TzxEb/lFvA1rgDrcwtFq7feI/Zbm07KzjYhYOTwk5lBRkvG6AEsbam5twu8R+efcCkFPO+o2LmKPkU/SeOY5bhbgO7YPH2Ey67i+Pbcsw7h/pw27l668ngjWuN3YG+0PzAj/zXi56VTKYB6WksWNO/G1ckc39CD95ESiG8rww/jmH6GJRvpvxjv4D+ugwEGB17nA/wQYAJAZDyYgRZruAAAAAElFTkSuQmCC") no-repeat;
        }
        .item-card .item  .attr.number{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4RDRCNkRBODU3MTExRUFCQTBBQ0YwMUM4MUQ5NzFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4RDRCNkRCODU3MTExRUFCQTBBQ0YwMUM4MUQ5NzFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzhENEI2RDg4NTcxMTFFQUJBMEFDRjAxQzgxRDk3MUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzhENEI2RDk4NTcxMTFFQUJBMEFDRjAxQzgxRDk3MUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz41XRhVAAAE90lEQVR42uyYeWwUZRiHOy2lnG2RIIcKCyKCVqBarBd4tKBR0XigBC+CGEUJopJo8Ey8BTRqUAJGMZFEI1eMMSgNBIMoikciaMGCUkCtcpWVFrDd9fcmzySfk9nuLGsif+yXPJl259uZd9739x6zXjKZzDuWV37eMb5yBuYM/L9Xu1CrY3el2u+J3mKcWCx2RbxPB1EmBoh+Iib6i93Cbtbkb0z8Mi+9gW2s7uIeMVYcLx4TrRG+VyQmidNEN1EqThAvi78z9mCKNUy8IMYIK54fI5EoBjaLIeJC57MvxLPpDIyqwbPFGxi3XlwqnhYtzp6BYgZ7guuIWC4OBuTS8l8kySniFVEh3hc3iZViP57MI2RTxO1iphgacp0PRQN//yUqxULRPpsQ25fncLH3xP3iV86NFteIuFgiFonXRDGGjxeXi1qxQGzju7Z/qnhVXI1sph+tgfdyk03iYce4M8Uy9GcGjSQJDvDZNHGH6ML+RjFXvCm2i7WcXy0mig/EqkwMzKccTBAF4iGx1dFOf0K6RowQVWI+hliW1olLxD4esIAKsMjR3QaSxLT8aKYGFoob0dJS8blzzsK3URwS9dTCEnEn5+zhvhPfYoxJo5c4TLK4ay6eLBfVGJmIYuBwvOIh5D0hWVmJRnuIvuIRjO5A3RuNNGzfzyRGcMXx/DMk31qukTaLL6OoWqh+CPHukyRIGSXnbpLhJerjDQjfwn8xxpcTanclKD92PJ9SFSnEduE+4u0Q701AX9byruUhihF7DTcawGdPEd5SEmk8e9wp2WSyhUgMQz5pPRjjWEcY3JY1g0w0T/2J/lZhkJWOW8Q33Mg885X4kuwe62S268XNoqMYFNWDPTnuD7Qy09pb4kX+Px2NWYjPClzjE8fYQjxbiUbjgaT7Az33iWqg5zydu35HyF0Q/Y80/b5kq+nwInGS6ITmPPrt15Sdg4FrJsn2/LCuksrAA9Stjtwg6WRdN5JjG4ZYeXhcvO7IwKrAVRjbgFF+VjeFOKOEh9gdtRfv4HgiIfHX9WTwOSSITSfnESJ/HWagMHmMIttt35VodHCIgSdTXuqienAjw0ElGdjMXpv/ziDjmvFwjET4nqLdnj3VTDZleHE43r1OzHKKdjFabuQakTxYQ2aV40Vbp/KkfpYP4VhL9pWxtze9uoSQxXjQIr5rmdzVuddINL0ZCUTy4KeEqRwtbWDsSgTKQz2hqSA8x+GRCozeSgL0QsceCeUmwxT2LEYW/45/2C8LvJOMYoxKoLMmPNHOSZrBNPoiEsFC2RmP2PEnxvpdRCsfjdYgkSrKUT1lam8m7yTrxApxM9q7jbbkrplO6DrTQdzVjy6xMuT6Voaex2irAHsznahbaFU7MXJq4HxXRql0A++IFOdm47X1TonKeGA14d4n3sHYJCOSX2C3k8mtIUU+yUPEcYSr31mMWQ28dsazeatbRv+1GvYcxfkJOsl02lieo0vP+W4B5SPhtNA5zJqWXLcyO2b12tnKzHYIIx+gr9o0/FHEt8JC5r0HSazf0HTNUf2ykOK1cSGlxLRzgXiXQWAJo78/lPpTdSmlppr5cCByWMHLV21g7Mr6xb0FQ6oY7yfjyXMJ4T4K8xEytCeZ7WHwJgbapW1pLhsDfZ01oiP/Rf4KMrWH03V8aViJ+YzytI5amcjkhl7uJ+CcgTkD217/CDAAQTtKBLj4M2sAAAAASUVORK5CYII=") no-repeat;
        }
        .item-card .item  .attr.remark{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEQTFCNjYwODU3MTExRUE5RDIwRTA2MDExQ0I3NjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEQTFCNjYxODU3MTExRUE5RDIwRTA2MDExQ0I3NjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OERBMUI2NUU4NTcxMTFFQTlEMjBFMDYwMTFDQjc2MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OERBMUI2NUY4NTcxMTFFQTlEMjBFMDYwMTFDQjc2MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IUQFWAAADD0lEQVR42uyYO2hUQRSGd24SozFP1OCLqKidhcEHiIJWFhYi2AgitikstLVVRCxEsRHtbCyM2IiglYWFoqCF4iKKkYgR3+8km/WO/4F/4DDMeO+6U0TYAx93yZ278+95zbkx1trKbLasMsutJbAlsCXwfxfYXupXrBzpx+Ug2AragFVUAtecV6PWuedOgwdqbSUfO9+cQNgBivsE5nietxQSEqoj9Q3MBfvAOHibzIOww+AWGAarlKCyJut/g1GwG1xOLbCPa5eDwSZSSp7tAcvAPPADPEwhsA6eg8eg28u/jKGzBcUoqXEPrAabQC9Yw8icaVag2FdwFCzxQjwNqgVhl3s18BHsYZqsA5fA/hQCxQMbwCEwpKpU7Bk4ArbT08a77wRKFV8E38FSenIX6EwRYrdJN3NIm+TSXfBSVXQo3Dk9KOkwA6bABFiYSmDMxDNrwRZ6MBYBEX2NHhtlJd8E11MItAUnz2vwyGvQ+jkX9l9gPngKXrHVmJQenGZ4dChrDP0C9joTSQ+xDq6XdjUA3hRUf0MCJV8uMGdyJfAD8zB2iljlecM9P7Nl1YvmgbICxTNPwG2vzVh+xxCbrj5/TaRQ5LsWgc0McTIPttF7g94Z7DzU5f3NeCE2DHHGnvqCYpMcda6PTYIvkSIygc++wJz3u9gLq6kEuvB0sI+ZSJX7RaEFZ0qoVPO7QENvqs04L7YHmrEJFIkfYn9E6y0zFTUSYsPuPxkQVHQO62IzLKiJEs825MGc4e2JbB5KCdfcM1VM0lr6mS5jKavYqMEzVKGhfLRcb71u8J7i6ilD7Mb2zgaesd7nGQpewd55JZUHDXNvMQeDskXlvz1Wuec4h9caPdq0wDtgLzjGCdj8w3uJtJadHCw2gh3gZFGYywqUQXWEr4y58lAe8VhoLnTFcgLcp+emUnlQzszjPAEkj86Cqxydhr2TIov0RMMcXs/pvI9ik1VxnRu4cMlG58ANJcp6AmOdwP2YgZQCtZ3iVPyT7xhFRRLqm1Ig25jT8eps/Qu4JbAl8O/2R4ABAE/t1m7wE4wLAAAAAElFTkSuQmCC") no-repeat;
        }
        .item-card .item  .attr.type{
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTI0VDE2OjE3OjU2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA0LTI0VDE2OjM2OjQxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0yNFQxNjozNjo0MSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxYTE5YmZkNC01MzNmLWNhNDctOWQxOC1mZTgxOGE2OGRjYzAiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiZDliODBhYS0yMzZkLTRkNDEtYWE4ZC0xZTI0M2UxZGY1ZTAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ODY1YTlhNS0wYzM1LTQ2NGEtODhlMi04ZmZiNGRlYTc4MWUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk4NjVhOWE1LTBjMzUtNDY0YS04OGUyLThmZmI0ZGVhNzgxZSIgc3RFdnQ6d2hlbj0iMjAyMC0wNC0yNFQxNjoxNzo1NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NGJhMDU3Zi00YTc2LTljNGItODE1Yy0xYmZkOTRjMjk0NDkiIHN0RXZ0OndoZW49IjIwMjAtMDQtMjRUMTY6MTc6NTYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWExOWJmZDQtNTMzZi1jYTQ3LTlkMTgtZmU4MThhNjhkY2MwIiBzdEV2dDp3aGVuPSIyMDIwLTA0LTI0VDE2OjM2OjQxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gl3uCwAAAUVJREFUWIXtmDFKBEEQRd/IKooewMBojMw8hBcQjbzBphobGRhpujcwWtED7CG8gGNi4AVExcUx6BZlqEKrKrAX+sMwRUH1f3RP9xTd9H1PyVr6b4DfVAGjKh5wJCbb8SlwYhxrBhzl+ArYM9ZfzLvJ2TDZSLt41I5fgFWjAcB2ft87al/n3WRtmNSW+N1h8DWe97MRPcUlBj6cJpFDVfQsfpNUwKgqYFQVMCrtHPSCN14QzVMDXHeaRAA3pKQ2U7cOgw54ys+Do/5GSmozeMD3j/+vegTecrwDbBnrxQZjYTfJlDSLFnXAbo7vgNZYfw0cDpMa4L5xcEhAmz9iq0RPbYmfHQaQ2i1vyyV61n4wqgoYVQWMqgJGtbD94LLTxHvAA6xISQ3wHDg2GsxILRekH7/18uhSSoqXRyWp+E1SAaMqHvATWxY01dOGkX0AAAAASUVORK5CYII=") no-repeat;
        }
        .item-card .manage-item-header{
            font-size:20px;
            color: #666;
        }
        .item-card .manage-item-header label{
            display: inline-block;
            width: 80px;
            text-align: center;
            line-height: 40px;
            margin-right: 10px;
        }
        .item-card .manage-item-header .need{
            border:1px solid #1e8ef2;
            color: #1e8ef2;
        }
        .item-card .manage-item-header .supply{
            border:1px solid #f86506;
            color: #f86506;
        }
    </style>
@endpush
@push('js')

@endpush
@section('content')
    <div class="body" id="app">
        <div class="banner">
            <img src="{{theme_asset('app/images/share/banner.jpg')}}?t=20210329" />
        </div>
        <div class="container">
            <div class="content">
                <ul class="hall-menu el-menu--horizontal el-menu">
                    <li class="el-menu-item " style="border-bottom-color: transparent;"><a href="{{ route('share') }}">共享大厅信息</a></li>
                    <li class="el-menu-item" style="border-bottom-color: transparent;">共享平台使用说明/须知</li>
                    <li class="el-menu-item is-active" >我的</li>
                </ul>
                <div class="action">
                    <el-button type="primary" @click="create">发布信息</el-button>
                </div>
                <div class="card_list" v-loading="loading">
                    <div v-if="page_total > 0">
                        <el-card class="item-card" v-for="(item,index) in share_list" :key="index">
                            <div slot="header" class="clearfix header">
                                <el-row>
                                    <el-col :span="3">
                                        <div class="manage-item-header">
                                            <label :class="item.role == '需求' ? 'need' : 'supply'">
                                                <span v-text="item.role"></span>
                                            </label>
                                        </div>
                                    </el-col>
                                    <el-col :span="17">
                                        <div :class="item.role == '需求' ? 'item_header need' : 'item_header supply'">
                                            <el-steps  :active="item.status" finish-status="success">
                                                <el-step title="发布供应/需求"></el-step>
                                                <el-step title="客服审核"></el-step>
                                                <el-step title="数据匹配"></el-step>
                                                <el-step title="完成"></el-step>
                                            </el-steps>
                                        </div>
                                    </el-col>
                                    <el-col :span="4" class="op">
                                        <el-button type="warning" size="mini" @click="edit(item.id)">修改</el-button><br />
                                        <el-button type="danger" size="mini" @click="del(item.id)">删除</el-button>
                                    </el-col>
                                </el-row>
                            </div>
                            <div class="item">
                                <el-row>
                                    <el-col :span="6">
                                        <label class="attr trade">
                                            所属行业：<span v-text="item.trade"></span>
                                        </label>
                                    </el-col>
                                    <el-col :span="6">
                                        <label class="attr pro">
                                            工种：<span v-text="item.job"></span>
                                        </label>
                                    </el-col>
                                    <el-col :span="6">
                                        <label class="attr area">
                                            所在地区：<span v-text="item.area"></span>
                                        </label>
                                    </el-col>
                                    <el-col :span="6">
                                        <label class="attr time">
                                            来晋时间：<span v-text="item.time"></span>
                                        </label>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="6">
                                        <label class="attr salary">
                                            员工薪酬：<span v-text="item.salary"></span>
                                        </label>
                                    </el-col>
                                    <el-col :span="6">
                                        <label class="attr number">
                                            可提供/总需求人数：<span v-text="item.number"></span>
                                        </label>
                                    </el-col>
                                    <el-col :span="12">
                                        <label class="attr type">
                                            共享方式：<span v-text="item.type"></span>
                                        </label>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="24">
                                        <label class="attr remark">
                                            其他备注：
                                        </label>
                                        <p class="attr" style="height: 160px;overflow-y: scroll;width:100%"><span v-text="item.remark"></span></p>
                                    </el-col>
                                </el-row>
                            </div>
                        </el-card>
                    </div>
                    <div v-else>
                        <div style="width:100%;text-align:center;line-height:200px;font-size:20px;font-family:microsoft yahei;">
                            暂无数据
                        </div>
                    </div>

                </div>
            </div>
            <div class="bottom">
                <img src="{{theme_asset('app/images/share/bottom.jpg')}}" />
            </div>
        </div>

    </div>

@endsection
@section('script')
    <script src="{{theme_asset('app/js/vue.min.js')}}"></script>
    <script src="{{theme_asset('app/js/axios.js')}}"></script>
    <script src="{{theme_asset('app/js/element.js')}}"></script>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    page_total:0,
                    page_current:1,
                    share_list:[

                    ],
                    loading:true
                };
            },
            methods:{
                create(){
                    window.location.href = "{{ route('share.update') }}"
                },
                edit(id){
                    window.location.href = "{{ route('share.update') }}?id="+id;
                },
                del(id){
                    this.loading = this.$loading({
                        lock: false,
                        text: '加载中',
                        spinner: 'el-icon-loading',
                        background: 'rgba(0, 0, 0, 0.7)'
                    });
                    axios.post('{{ route('share.delete') }}',{id:id}).then(response => {
                        if(!response.data.status){
                            this.$message.error(response.data.msg);
                        }else{
                            this.$alert(response.data.msg, '提交成功', {
                                confirmButtonText: '确定',
                                callback: action => {
                                    axios.post("{{ route('share.getmydata') }}").then(response => {
                                        this.loading = false;
                                        this.share_list = response.data.data;
                                        this.page_total = response.data.total;
                                    });
                                }
                            });
                        }
                        this.loading.close();
                    });
                }
            },
            created(){
                axios.post("{{ route('share.getmydata') }}").then(response => {
                    this.loading = false;
                    this.share_list = response.data.data;
                    this.page_total = response.data.total;
                });
            }
        })

    </script>
@endsection