
108 changed files with 8529 additions and 2579 deletions
@ -0,0 +1,2 @@ |
|||
# Default ignored files |
|||
/workspace.xml |
@ -0,0 +1,8 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<module type="WEB_MODULE" version="4"> |
|||
<component name="NewModuleRootManager"> |
|||
<content url="file://$MODULE_DIR$" /> |
|||
<orderEntry type="inheritedJdk" /> |
|||
<orderEntry type="sourceFolder" forTests="false" /> |
|||
</component> |
|||
</module> |
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="JavaScriptSettings"> |
|||
<option name="languageLevel" value="ES6" /> |
|||
</component> |
|||
</project> |
@ -0,0 +1,8 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="ProjectModuleManager"> |
|||
<modules> |
|||
<module fileurl="file://$PROJECT_DIR$/.idea/anrui-scm.iml" filepath="$PROJECT_DIR$/.idea/anrui-scm.iml" /> |
|||
</modules> |
|||
</component> |
|||
</project> |
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="VcsDirectoryMappings"> |
|||
<mapping directory="$PROJECT_DIR$/.." vcs="Git" /> |
|||
</component> |
|||
</project> |
Before Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 30 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.poptitle[data-v-3dbcfea2]{width:97%;height:auto;line-height:50px;display:-webkit-box;display:-ms-flexbox;display:flex}.poptitle .conter_title[data-v-3dbcfea2]{height:50px;width:16%;text-align:right;line-height:50px;font-size:18px}.poptitle .conter_content[data-v-3dbcfea2]{margin-left:14px}.poptitle .conter_content .addinputw[data-v-3dbcfea2],.poptitle .conter_content .el-select[data-v-3dbcfea2]{width:50%}[data-v-6bb7dc1e] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-6bb7dc1e] .el-collapse-item__content{margin:0;padding:0}[data-v-6bb7dc1e] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-6bb7dc1e] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-6bb7dc1e]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.headInfo[data-v-af37b790]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-af37b790]{width:100%;height:100%;padding:60px 0;font-size:24px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-af37b790]{padding:0}.formadd .el-row[data-v-af37b790]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-left:0!important}.tleftb[data-v-af37b790]{text-align:right;border-left:1px solid #e0e3eb}.tab-headerg[data-v-af37b790]{height:35px;background-color:#edf1f7;padding:20px 20px}.icon[data-v-af37b790]{color:#e84026;margin-right:4px}.headInfo[data-v-87909d48]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-87909d48]{width:100%;height:100%;padding:60px 0;font-size:24px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-87909d48]{padding:0}.formadd .el-row[data-v-87909d48]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-left:0!important}.tleftb[data-v-87909d48]{text-align:right;border-left:1px solid #e0e3eb}.tab-headerg[data-v-87909d48]{height:35px;background-color:#edf1f7;padding:20px 20px}.icon[data-v-87909d48]{color:#e84026;margin-right:4px}[data-v-1dc95008] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-1dc95008] .el-collapse-item__content{margin:0;padding:0}[data-v-1dc95008] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-1dc95008] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-1dc95008]{border:1px solid #2cab69;color:#2cab69} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.headInfo[data-v-4801e3da]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-4801e3da]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-4801e3da]{padding:0}.tleftb[data-v-4801e3da]{text-align:right}.tab-headerg[data-v-4801e3da]{height:35px;background-color:#edf1f7;padding:20px 20px}.headInfo[data-v-a01640f6]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-a01640f6]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-a01640f6]{padding:0}.tleftb[data-v-a01640f6]{text-align:left}.tab-headerg[data-v-a01640f6]{height:35px;background-color:#edf1f7;padding:20px 20px}.app-container-Update[data-v-556ac421]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-556ac421]{margin:0 9px}.app-container-Update .searchbtn[data-v-556ac421]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-556ac421]{margin:0 9px}.app-container-Update .listtop[data-v-556ac421]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-556ac421],.app-container-Update .listtop .tit[data-v-556ac421]{margin-bottom:-10px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-3a6effa6] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-3a6effa6] .el-collapse-item__content{margin:0;padding:0}[data-v-3a6effa6] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-3a6effa6] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-3a6effa6]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-9cd0ba48] .el-table{overflow-x:auto}[data-v-9cd0ba48] .el-table__body-wrapper,[data-v-9cd0ba48] .el-table__footer-wrapper,[data-v-9cd0ba48] .el-table__header-wrapper{overflow:visible}[data-v-9cd0ba48] .el-table:after{position:relative}.el-table--scrollable-x .el-table__body-wrapper[data-v-9cd0ba48]{overflow:visible}.wlInfo[data-v-9cd0ba48]{text-align:center;font-size:28px;line-height:90px}.lineone[data-v-9cd0ba48]{border-bottom:2px solid #e0e3eb}.lineone .el-form-item[data-v-9cd0ba48]{margin-bottom:2px}.lineone[data-v-9cd0ba48] .el-input__inner{border:0}.formadd-copy[data-v-9cd0ba48] .el-input__inner{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #e0e3eb;height:20px!important}.el-form-item-right[data-v-9cd0ba48]{text-align:right}.linetwo[data-v-9cd0ba48]{margin-top:20px}.tableStyle[data-v-9cd0ba48]{background-color:#018ad2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.wlInfo[data-v-0e593ca4]{text-align:center;font-size:28px;line-height:90px}.lineone[data-v-0e593ca4]{border-bottom:2px solid #e0e3eb}.lineone .el-form-item[data-v-0e593ca4]{margin-bottom:2px}.lineone[data-v-0e593ca4] .el-input__inner{border:0}.formadd-copy[data-v-0e593ca4] .el-input__inner{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #e0e3eb;height:20px!important}.el-form-item-right[data-v-0e593ca4]{text-align:right}.linetwo[data-v-0e593ca4]{margin-top:20px}.tableStyle[data-v-0e593ca4]{background-color:#018ad2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #dfe4ed;height:40px}.HWInfo[data-v-0e593ca4],.tableStyle[data-v-0e593ca4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HWInfo[data-v-0e593ca4]{width:100%;height:100px;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.searchbtn[data-v-6c2db783]{border:1px solid #2cab69;color:#2cab69}.listtop[data-v-6c2db783]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.searchcon[data-v-6c2db783]{margin:0 9px}.app-container-copy[data-v-6c2db783]{margin:5px -9px}.listcon[data-v-6c2db783]{margin:0 9px}.pagination[data-v-6c2db783],.tit[data-v-6c2db783]{margin-bottom:-10px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.invoiceadd[data-v-572e508c] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-572e508c] .el-form-item__content{margin-left:0!important}.el-input[data-v-572e508c]{width:230px}.invoiceadd[data-v-2b7fb525] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-2b7fb525] .el-form-item__content{margin-left:0!important}.el-input[data-v-2b7fb525]{width:230px}.el-table{overflow:auto}.el-table .el-table__body-wrapper,.el-table .el-table__footer-wrapper,.el-table .el-table__header-wrapper{overflow:visible}.el-table:after{position:relative!important}[data-v-3d576785] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-3d576785] .el-collapse-item__content{margin:0;padding:0}[data-v-3d576785] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-3d576785] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-3d576785]{border:1px solid #2cab69;color:#2cab69} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-03e9372a] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-03e9372a] .el-collapse-item__content{margin:0;padding:0}[data-v-03e9372a] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-03e9372a] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-03e9372a]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.wscn-http404-container[data-v-c095f994]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:40%;left:50%}.wscn-http404[data-v-c095f994]{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404[data-v-c095f994]{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent[data-v-c095f994]{width:100%}.wscn-http404 .pic-404__child[data-v-c095f994]{position:absolute}.wscn-http404 .pic-404__child.left[data-v-c095f994]{width:80px;top:17px;left:220px;opacity:0;-webkit-animation-name:cloudLeft-data-v-c095f994;animation-name:cloudLeft-data-v-c095f994;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.wscn-http404 .pic-404__child.mid[data-v-c095f994]{width:46px;top:10px;left:420px;opacity:0;-webkit-animation-name:cloudMid-data-v-c095f994;animation-name:cloudMid-data-v-c095f994;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.wscn-http404 .pic-404__child.right[data-v-c095f994]{width:62px;top:100px;left:500px;opacity:0;-webkit-animation-name:cloudRight-data-v-c095f994;animation-name:cloudRight-data-v-c095f994;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cloudLeft-data-v-c095f994{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudLeft-data-v-c095f994{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@-webkit-keyframes cloudMid-data-v-c095f994{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudMid-data-v-c095f994{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@-webkit-keyframes cloudRight-data-v-c095f994{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}@keyframes cloudRight-data-v-c095f994{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit[data-v-c095f994]{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops[data-v-c095f994]{font-size:32px;line-height:40px;color:#1482f0;margin-bottom:20px;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline[data-v-c095f994],.wscn-http404 .bullshit__oops[data-v-c095f994]{font-weight:700;opacity:0;-webkit-animation-name:slideUp-data-v-c095f994;animation-name:slideUp-data-v-c095f994;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__headline[data-v-c095f994]{font-size:20px;line-height:24px;color:#222;margin-bottom:10px;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-c095f994]{font-size:13px;line-height:21px;color:grey;margin-bottom:30px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-c095f994],.wscn-http404 .bullshit__return-home[data-v-c095f994]{opacity:0;-webkit-animation-name:slideUp-data-v-c095f994;animation-name:slideUp-data-v-c095f994;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__return-home[data-v-c095f994]{display:block;float:left;width:110px;height:36px;background:#1482f0;border-radius:100px;text-align:center;color:#fff;font-size:14px;line-height:36px;cursor:pointer;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideUp-data-v-c095f994{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp-data-v-c095f994{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} |
@ -1 +0,0 @@ |
|||
[data-v-684a86af] .lookimg .img{width:100px;margin:10px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.operate[data-v-f7b882d8]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#edf1f7;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:47px;padding:8px 20px}.app-container-Update[data-v-f7b882d8]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-f7b882d8]{margin:0 9px}.app-container-Update .searchbtn[data-v-f7b882d8]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-f7b882d8]{margin:0 9px}.app-container-Update .listtop[data-v-f7b882d8]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-f7b882d8],.app-container-Update .listtop .tit[data-v-f7b882d8]{margin-bottom:-10px}.app-container-Update .btnColse[data-v-f7b882d8]{background-color:#ccc} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-6fccb39b] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-6fccb39b] .el-collapse-item__content{margin:0;padding:0}[data-v-6fccb39b] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-6fccb39b] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-6fccb39b]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-4dbb566c] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-4dbb566c] .el-collapse-item__content{margin:0;padding:0}[data-v-4dbb566c] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-4dbb566c] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-4dbb566c]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-cf39ab12] .el-table{overflow-x:auto}[data-v-cf39ab12] .el-table__body-wrapper,[data-v-cf39ab12] .el-table__footer-wrapper,[data-v-cf39ab12] .el-table__header-wrapper{overflow:visible}[data-v-cf39ab12] .el-table:after{position:relative}[data-v-cf39ab12] .el-table--scrollable-x .el-table__body-wrapper{overflow:visible}.invoiceadd[data-v-cf39ab12] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.tablelist[data-v-cf39ab12] .el-input__inner{border:0}.invoiceadd[data-v-cf39ab12] .el-form-item__content{margin-left:0!important}.el-input[data-v-cf39ab12]{width:230px}.el-col .el-form-item[data-v-cf39ab12]{margin-bottom:10px}.invoiceadd[data-v-55208bd8] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-55208bd8] .el-form-item__content{margin-left:0!important}.el-input[data-v-55208bd8]{width:230px}.el-col .el-form-item[data-v-55208bd8]{margin-bottom:10px}[data-v-7b0fb1e8] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-7b0fb1e8] .el-collapse-item__content{margin:0;padding:0}[data-v-7b0fb1e8] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-7b0fb1e8] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-7b0fb1e8]{border:1px solid #2cab69;color:#2cab69}.search_label[data-v-7b0fb1e8] .el-form-item__label{width:68px}[data-v-7b0fb1e8] .el-form-item{margin-bottom:5px} |
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.operate[data-v-5c318d76]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#edf1f7;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:47px;padding:8px 20px}.app-container-Update[data-v-5c318d76]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-5c318d76]{margin:0 9px}.app-container-Update .searchbtn[data-v-5c318d76]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-5c318d76]{margin:0 9px}.app-container-Update .listtop[data-v-5c318d76]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-5c318d76],.app-container-Update .listtop .tit[data-v-5c318d76]{margin-bottom:-10px}.app-container-Update .btnColse[data-v-5c318d76]{background-color:#ccc} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.avatar-uploader .el-upload[data-v-57b037f9]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-57b037f9]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-57b037f9]{font-size:28px;color:#8c939d;width:100px;height:250px;line-height:100px;text-align:center}.avatar[data-v-57b037f9]{width:200px;height:200px;display:block}.addinputwda[data-v-04c196e6],.addinputwda[data-v-785441ca]{width:600px}[data-v-7f05cdbe] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-7f05cdbe] .el-collapse-item__content{margin:0;padding:0}[data-v-7f05cdbe] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-7f05cdbe] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-7f05cdbe]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-f4bcae2a] .el-table{overflow-x:auto}[data-v-f4bcae2a] .el-table__body-wrapper,[data-v-f4bcae2a] .el-table__footer-wrapper,[data-v-f4bcae2a] .el-table__header-wrapper{overflow:visible}[data-v-f4bcae2a] .el-table:after{position:relative}[data-v-f4bcae2a] .el-table--scrollable-x .el-table__body-wrapper{overflow:visible}.invoiceadd[data-v-f4bcae2a] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-f4bcae2a] .el-form-item__content{margin-left:0!important}.el-input[data-v-f4bcae2a]{width:230px}.el-col .el-form-item[data-v-f4bcae2a]{margin-bottom:10px}.invoiceadd[data-v-2e4fb84a] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-2e4fb84a] .el-form-item__content{margin-left:0!important}.el-input[data-v-2e4fb84a]{width:230px}.el-col .el-form-item[data-v-2e4fb84a]{margin-bottom:10px}[data-v-065612e6] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-065612e6] .el-collapse-item__content{margin:0;padding:0}[data-v-065612e6] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-065612e6] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-065612e6]{border:1px solid #2cab69;color:#2cab69}.search_label[data-v-065612e6] .el-form-item__label{width:68px}[data-v-065612e6] .el-form-item{margin-bottom:5px} |
@ -1 +0,0 @@ |
|||
.avatar-uploader .el-upload[data-v-57b037f9]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-57b037f9]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-57b037f9]{font-size:28px;color:#8c939d;width:100px;height:250px;line-height:100px;text-align:center}.avatar[data-v-57b037f9]{width:200px;height:200px;display:block}[data-v-684a86af] .lookimg .img{width:100px;margin:10px}[data-v-50e282c0] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-50e282c0] .el-collapse-item__content{margin:0;padding:0}[data-v-50e282c0] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-50e282c0] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-50e282c0]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.headInfo[data-v-789257d7]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-789257d7]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-789257d7]{padding:0}.tleftb[data-v-789257d7]{text-align:right}.tab-headerg[data-v-789257d7]{height:35px;background-color:#edf1f7;padding:20px 20px}.icon[data-v-789257d7]{color:#e84026;margin-right:4px}.headInfo[data-v-15dba4be]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-15dba4be]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-15dba4be]{padding:0}.tleftb[data-v-15dba4be]{text-align:right}.tab-headerg[data-v-15dba4be]{height:35px;background-color:#edf1f7;padding:20px 20px}.icon[data-v-15dba4be]{color:#e84026;margin-right:4px}[data-v-74479b57] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-74479b57] .el-collapse-item__content{margin:0;padding:0}[data-v-74479b57] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-74479b57] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-74479b57]{border:1px solid #2cab69;color:#2cab69} |
@ -1 +0,0 @@ |
|||
.el-input__inner[data-v-58ca24cf]{height:40px}.moreInfo_tit[data-v-58ca24cf]{font-size:20px;padding:10px;color:#000}.separate[data-v-58ca24cf]{background-color:#e0e3eb;line-height:3!important;font-size:20px!important}.forminfo .el-row[data-v-58ca24cf]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-left:1px solid}.forminfo .el-row .trightb[data-v-58ca24cf]{text-align:right;font-weight:700;color:#606266}.forminfo .el-row .tleft[data-v-58ca24cf]{text-align:left}.forminfo .el-row .el-col[data-v-58ca24cf]{border-right:1px solid;border-bottom:1px solid;padding:0 15px 0 15px!important;min-height:50px;line-height:50px;font-size:14px}.forminfo .footer[data-v-58ca24cf]{margin:20px} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.headInfo[data-v-597a589d]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-597a589d]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-597a589d]{padding:0}.tleftb[data-v-597a589d]{text-align:right}.tab-headerg[data-v-597a589d]{height:35px;background-color:#edf1f7;padding:20px 20px}addinputw-copy[data-v-597a589d]{width:100%}.headInfo[data-v-be9f67f4]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-be9f67f4]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-be9f67f4]{padding:0}.tleftb[data-v-be9f67f4]{text-align:left}.tab-headerg[data-v-be9f67f4]{height:35px;background-color:#edf1f7;padding:20px 20px}.headInfo[data-v-40a5700e]{margin-left:-14px;margin-right:-14px}.formadd[data-v-40a5700e]{padding:0}.tleftb[data-v-40a5700e]{text-align:right}.tab-headerg[data-v-40a5700e]{height:35px;background-color:#edf1f7;padding:20px 20px}addinputw-copy[data-v-40a5700e]{width:100%}.headInfo[data-v-36240116]{margin-left:-14px;margin-right:-14px}.formadd[data-v-36240116]{padding:0}.tleftb[data-v-36240116]{text-align:left}.tab-headerg[data-v-36240116]{height:35px;background-color:#edf1f7;padding:20px 20px}.operate[data-v-4678fa04]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#edf1f7;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:47px;padding:8px 20px}.app-container-Update[data-v-4678fa04]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-4678fa04]{margin:0 9px}.app-container-Update .searchbtn[data-v-4678fa04]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-4678fa04]{margin:0 9px}.app-container-Update .listtop[data-v-4678fa04]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-4678fa04],.app-container-Update .listtop .tit[data-v-4678fa04]{margin-bottom:-10px}.app-container-Update .btnColse[data-v-4678fa04]{background-color:#ccc}.app-container-Update[data-v-0089738e]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-0089738e]{margin:0 9px}.app-container-Update .searchbtn[data-v-0089738e]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-0089738e]{margin:0 9px}.app-container-Update .listtop[data-v-0089738e]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-0089738e],.app-container-Update .listtop .tit[data-v-0089738e]{margin-bottom:-10px} |
@ -1 +0,0 @@ |
|||
.imgDemo[data-v-24fa6bf4]{width:100%;height:100%;background:radial-gradient(#fff,#f5f7f4,#fff)} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.headInfo[data-v-ba642af2]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-ba642af2]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-ba642af2]{padding:0}.tleftb[data-v-ba642af2]{text-align:right}.tab-headerg[data-v-ba642af2]{height:35px;background-color:#edf1f7;padding:20px 20px}.icon[data-v-ba642af2]{color:#e84026;margin-right:4px}.headInfo[data-v-618afcd4]{margin-left:-14px;margin-right:-14px}.wlInfo[data-v-618afcd4]{width:100%;height:100%;padding:60px 0;font-size:24px;border-width:0 0 1px 0;border-style:solid;border-color:#edf1f7;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formadd[data-v-618afcd4]{padding:0}.tleftb[data-v-618afcd4]{text-align:left}.tab-headerg[data-v-618afcd4]{height:35px;background-color:#edf1f7;padding:20px 20px}.app-container-Update[data-v-2f604466]{margin:5px -9px;background-color:#fff}.app-container-Update .searchcon[data-v-2f604466]{margin:0 9px}.app-container-Update .searchbtn[data-v-2f604466]{border:1px solid #2cab69;color:#2cab69}.app-container-Update .listcon[data-v-2f604466]{margin:0 9px}.app-container-Update .listtop[data-v-2f604466]{margin:0 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dfe4ed;height:40px}.app-container-Update .listtop .pagination[data-v-2f604466],.app-container-Update .listtop .tit[data-v-2f604466]{margin-bottom:-10px} |
@ -1 +0,0 @@ |
|||
.imgDemo[data-v-30a60778]{width:100%;height:100%;background:radial-gradient(#fff,#f5f7f4,#fff)} |
@ -1 +0,0 @@ |
|||
.big-box{position:relative;width:100%;height:200px;background-size:100% 100%}.big-box .codeimg{width:100%;height:100%}.big-box .click-box{width:100%;height:200px;position:absolute;top:0;left:0;z-index:92}.big-box span{position:absolute;width:40px;height:40px;line-height:40px;background:rgba(0,0,0,.4);color:#fff;text-align:center;font-size:20px;border-radius:50%;z-index:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.wordList{font-size:18px;padding-top:5px}.wordList i{padding:0 8px;color:#018ad2}.wordList .restcode{float:right;color:#018ad2;cursor:pointer}.login{position:relative;width:100%;height:100%;background-size:100% 100%;background-image:url(../../static/img/bgImg.9de18398.png);background-position:50%;overflow:hidden}.login .logoTitle{margin:30px}.login .logoTitle img{width:70px}.login .logoTitle span{font-size:40px;color:#191919}.login .logoTitle .title{font-size:25px;font-family:Source Han Sans CN;font-weight:500;color:#191919;margin:0}.login .main{width:30%;background:#fff;-webkit-box-shadow:0 13px 12px 0 rgba(0,0,0,.15);box-shadow:0 13px 12px 0 rgba(0,0,0,.15);opacity:.9;border-radius:20px;position:absolute;right:10%}.login .main .content{position:relative}.login-form{padding:30px 50px}.login-form .title1{margin:0 auto 30px auto;text-align:center;font-size:20px;color:#191919;font-size:23px;font-weight:500}.login-form .el-input{border:none;background-color:transparent}.login-form .code{position:absolute;top:3px;right:5px;width:35%;height:35px;cursor:pointer;z-index:9}.login-form .nopsw{position:absolute;bottom:-30px;right:5px;color:#018ad2;font-size:15px;line-height:30px}.login-form .register{color:#018ad2}.login-form .btn-eye,.login-form .nopsw:hover,.login-form .register:hover{cursor:pointer}.login-form .text-danger{color:#f56c6c}.login-form .login-btn{margin:10px 0 10px 0;width:100%;background-color:#007fff;border:0}.login-form .login-btn:hover{background-color:#007fdd;border:0}.login-form .el-input--prefix .el-input__inner{border:1px solid #018ad2;background:transparent;color:#333!important}.login-form .el-form-item{margin-bottom:40px}.login-form .el-loading-mask{background-color:hsla(0,0%,100%,.6)} |
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}.invoiceadd[data-v-7c9a90c4] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-7c9a90c4] .el-form-item__content{margin-left:0!important}.el-input[data-v-7c9a90c4]{width:230px}.invoiceadd[data-v-4a297e79] .el-input__inner{border:0;border-bottom:1px solid #e0e3eb!important}.invoiceadd[data-v-4a297e79] .el-form-item__content{margin-left:0!important}.el-input[data-v-4a297e79]{width:230px}.el-table{overflow:auto}.el-table .el-table__body-wrapper,.el-table .el-table__footer-wrapper,.el-table .el-table__header-wrapper{overflow:visible}.el-table:after{position:relative!important}[data-v-e619529e] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-e619529e] .el-collapse-item__content{margin:0;padding:0}[data-v-e619529e] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-e619529e] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchbtn[data-v-e619529e]{border:1px solid #2cab69;color:#2cab69} |
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
.pagination-container.pagesize{float:right;padding:0}.pagination-container{background:#fff;padding:16px 16px 0 16px;float:right}.pagination-container.hidden{display:none}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0 20px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.e-pagination .el-icon-arrow-left:before,.e-pagination .el-icon-arrow-right:before{content:"下一页";color:#727272}.e-pagination .el-icon-arrow-left:before{content:"上一页"}[data-v-424cb79e] .el-collapse{border-top:0 solid #e6ebf5;border-bottom:0 solid #e6ebf5}[data-v-424cb79e] .el-collapse-item__content{margin:0;padding:0}[data-v-424cb79e] .el-collapse-item__wrap{border-bottom:0 solid #ebeef5}[data-v-424cb79e] .el-collapse-item__header{border-bottom:0 solid #e6ebf5}.searchli[data-v-424cb79e]{padding:5px 100px} |
@ -1 +0,0 @@ |
|||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none} |
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 6.3 MiB |
Before Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-238c903c"],{"26fc":function(t,s,e){t.exports=e.p+"static/img/404_cloud.0f4bc32b.png"},"8cdb":function(t,s,e){"use strict";e.r(s);var a=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"wscn-http404-container"},[e("div",{staticClass:"wscn-http404"},[t._m(0),e("div",{staticClass:"bullshit"},[e("div",{staticClass:"bullshit__oops"},[t._v("OOPS!")]),t._m(1),e("div",{staticClass:"bullshit__headline"},[t._v(t._s(t.message))]),e("div",{staticClass:"bullshit__info"},[t._v("Please check that the URL you entered is correct, or click the button below to return to the homepage.")]),e("a",{staticClass:"bullshit__return-home",attrs:{href:""}},[t._v("Back to home")])])])])},c=[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"pic-404"},[a("img",{staticClass:"pic-404__parent",attrs:{src:e("a36b"),alt:"404"}}),a("img",{staticClass:"pic-404__child left",attrs:{src:e("26fc"),alt:"404"}}),a("img",{staticClass:"pic-404__child mid",attrs:{src:e("26fc"),alt:"404"}}),a("img",{staticClass:"pic-404__child right",attrs:{src:e("26fc"),alt:"404"}})])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"bullshit__info"},[t._v("All rights reserved "),e("a",{staticStyle:{color:"#20a0ff"},attrs:{href:"https://wallstreetcn.com",target:"_blank"}},[t._v("wallstreetcn")])])}],i={name:"Page404",computed:{message:function(){return"The webmaster said that you can not enter this page..."}}},l=i,n=(e("97ef"),e("2877")),r=Object(n["a"])(l,a,c,!1,null,"c095f994",null);s["default"]=r.exports},"97ef":function(t,s,e){"use strict";e("ed94")},a36b:function(t,s,e){t.exports=e.p+"static/img/404.a57b6f31.png"},ed94:function(t,s,e){}}]); |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-73306c38"],{"096a":function(t,n,e){"use strict";e("b775"),e("4328")},"1e4b":function(t,n,e){"use strict";e.r(n);var a=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"imgDemo"})},c=[],s=(e("096a"),{name:"",data:function(){return{token:""}},methods:{}}),u=s,i=(e("a78e2"),e("2877")),o=Object(i["a"])(u,a,c,!1,null,"24fa6bf4",null);n["default"]=o.exports},"2f65":function(t,n,e){},a78e2:function(t,n,e){"use strict";e("2f65")}}]); |
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-bfb04a0a"],{"096a":function(t,n,a){"use strict";a("b775"),a("4328")},"1c62":function(t,n,a){"use strict";a.r(n);var e=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{staticClass:"imgDemo"})},c=[],s=(a("096a"),{name:"",data:function(){return{token:""}},methods:{}}),u=s,i=(a("4e6d"),a("2877")),o=Object(i["a"])(u,e,c,!1,null,"30a60778",null);n["default"]=o.exports},"4e6d":function(t,n,a){"use strict";a("a5a7")},a5a7:function(t,n,a){}}]); |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,19 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
// 品牌下拉
|
|||
export function brandDown(data) { |
|||
return request({ |
|||
url:'/base/v1/basevehiclebrand/namesDown', |
|||
method:'get', |
|||
params:data |
|||
}) |
|||
} |
|||
// 获取下拉列表
|
|||
export function pullDown(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
@ -0,0 +1,49 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export default { |
|||
// 同意任务
|
|||
agreeTask: function(params) { |
|||
return request({ |
|||
url: '/portal/v1/flow/complete', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 驳回任务
|
|||
rejectTask: function(params) { |
|||
return request({ |
|||
url: '/portal/v1/flow/reject/' + params.businessSid, |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 终止任务
|
|||
breakTask: function(params) { |
|||
return request({ |
|||
url: '/portal/v1/flow/breakProcess/' + params.businessSid, |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 撤回任务
|
|||
revokeTask: function(params) { |
|||
return request({ |
|||
url: '/portal/v1/flow/revokeProcess/' + params.userSid + '/' + params.businessSid, |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
|
|||
} |
@ -0,0 +1,84 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
export default { |
|||
// 选择车辆查询现车库存列表
|
|||
listPage: function(data) { |
|||
return request({ |
|||
url: '/scm/v1/scmvehiclereturn/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 获取下拉列表
|
|||
pullDown: function(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
// 新增、修改保存数据
|
|||
save: function(data) { |
|||
return request({ |
|||
url: '/scm/v1/scmvehiclereturn/saveOrUpdate', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 删除数据
|
|||
delBySids: function(data) { |
|||
return request({ |
|||
url: '/scm/v1/scmvehiclereturn/delete', |
|||
method: 'DELETE', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 提交
|
|||
submitVehicleReturn: function(data) { |
|||
return request({ |
|||
url: '/scm/v1/scmvehiclereturn/submitVehicleReturn', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 初始化回显 query参数
|
|||
detailsInfo: function(params) { |
|||
return request({ |
|||
url: '/scm/v1/scmvehiclereturn/details', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
}, |
|||
// 采购退库选择车辆分页列表
|
|||
pagerList: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/vehicleReturnList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 获取车辆品牌
|
|||
selectBrand: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclebrand/selectAppListByManufacturerSid', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
} |
@ -0,0 +1,243 @@ |
|||
<template> |
|||
<div> |
|||
<el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken" |
|||
:action="uploadFile" accept=".jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP" list-type="picture-card" |
|||
:file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview" |
|||
:on-progress="uploadProgrees" |
|||
:on-error="uploadError" :on-success="uploadImgSuccess_FuJian"> |
|||
<i class="el-icon-plus avatar-uploader-icon"/> |
|||
</el-upload> |
|||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片"> |
|||
<img width="100%" :src="dialogImageUrl" alt=""> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { uploadFile } from '@/api/portal/Upload.js' |
|||
import { getStorage } from '@/utils/auth.js' //token |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
model: { |
|||
prop: 'name', |
|||
event: 'change' |
|||
}, |
|||
props: { |
|||
placeholder: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
bucket: { |
|||
type: String, |
|||
default: 'abc' |
|||
}, |
|||
// 长度 |
|||
width: { |
|||
type: String, |
|||
default: '270px' |
|||
}, |
|||
limit: { |
|||
type: Number, |
|||
default: 1 |
|||
}, |
|||
accept: { |
|||
type: String, |
|||
default: |
|||
'.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx' |
|||
}, |
|||
// 文件名称 |
|||
name: { |
|||
type: Array, |
|||
required: true |
|||
}, |
|||
uploadData: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dialogImageUrl: '', |
|||
dialogVisible: false, |
|||
accessToken: null, |
|||
uploadFile: uploadFile, |
|||
fileList_FuJian: [], |
|||
enclosure: '', |
|||
file_add: '', |
|||
file_catch: '', |
|||
files: [], |
|||
files_list: [], |
|||
filedUrl: '', |
|||
// fileUrl: fileUrl, |
|||
// showpicture:false, |
|||
isview: false, |
|||
nameArr: '', |
|||
loadding: false, |
|||
stateName: '' |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'departmentCode', |
|||
'departmentLevel', |
|||
'departmentType', |
|||
'token' |
|||
]) |
|||
}, |
|||
watch: { |
|||
name: { |
|||
deep: true, |
|||
immediate: true, |
|||
handler(newVal, oldVal) { |
|||
console.log('aaaa1', newVal) |
|||
this.files = newVal |
|||
if (this.stateName = 'xunidingjinAdd') { |
|||
if (this.files.length > 1) { |
|||
this.files.splice(0, 1) |
|||
} |
|||
} |
|||
console.log('aaaa2', this.files) |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.Init() |
|||
}) |
|||
}, |
|||
created() { |
|||
this.uploadFile = uploadFile // 接口 |
|||
this.accessToken = { |
|||
token: getStorage() |
|||
} |
|||
}, |
|||
methods: { |
|||
showImg(imgList) { |
|||
this.stateName = 'xunidingjinAdd' |
|||
this.files = imgList |
|||
console.log('回显图片', this.files) |
|||
}, |
|||
view() { |
|||
// window.open(this.filedUrl) |
|||
}, |
|||
// 页面第一次加载 |
|||
Init() { |
|||
if (this.name !== undefined) { |
|||
this.files = [] |
|||
for (var i = 0; i < this.name.length; i++) { |
|||
this.files.push({ |
|||
name: this.name[i], |
|||
url: this.name[i] |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
// 上传方案--成功后执行 |
|||
uploadImgSuccess_FuJian(response, file, fileList) { |
|||
console.log('您选择的file:', file) |
|||
if (file.response.code === '200') { |
|||
this.loadding = false |
|||
// 返显图片 |
|||
this.filedUrl = this.fileUrl + file.response.data |
|||
// var uid = file.response.data |
|||
this.files.push({ |
|||
name: file.response.data.sourceFileName, |
|||
url: file.response.data.fullUrl, |
|||
size: file.response.data.size |
|||
}) |
|||
this.$emit('change', this.files) |
|||
this.$emit('eett', this.files) |
|||
} |
|||
}, |
|||
|
|||
removeImage(file, ImageFileList) { |
|||
this.files.splice(this.files.indexOf(file), 1) |
|||
const imgFiles = [] |
|||
|
|||
this.files.forEach((o) => { |
|||
imgFiles.push(o.url) |
|||
}) |
|||
this.$emit('fileChange', this.files) |
|||
}, |
|||
handleRemove(file, fileList) { |
|||
console.log('file:' + JSON.stringify(file)) |
|||
console.log('fileList:' + JSON.stringify(fileList)) |
|||
this.enclosure = '' |
|||
// 1. 保存新增文件id(this.file_add) |
|||
this.getNewFileId(fileList) |
|||
// 2. 保存数据库读取的已有文件id(this.file_catch) |
|||
this.getCatchFileId(file) |
|||
// 3. 保存并拼接id |
|||
this.getFileId() |
|||
// 4. 返回拼接id |
|||
this.$emit('change', this.enclosure) |
|||
}, |
|||
// 返回this.file_add(新上传文件的id拼接集合) |
|||
getNewFileId(fileList) { |
|||
// debugger |
|||
this.file_add = '' |
|||
for (var i = 0; i < fileList.length; i++) { |
|||
if (fileList[i].response && fileList[i].response.code === '200') { |
|||
this.file_add = this.file_add + fileList[i].response.data + ',' |
|||
} |
|||
} |
|||
if (this.file_add !== '') { |
|||
this.file_add = this.file_add.substring(0, this.file_add.length - 1) |
|||
} |
|||
// console.log('1. this.file_add: ' + this.file_add) |
|||
}, |
|||
// 返回this.file_catch(数库一寸照的文件的id的拼接集合) |
|||
getCatchFileId(file) { |
|||
for (var i = 0; i < this.files_list.length; i++) { |
|||
if (this.file_catch !== '') { |
|||
// 1. 检查当前删除的文件是否是修改文件列表里面的,如果是,将修改列表里去除此id |
|||
if (this.files_list[i].name === file.name) { |
|||
// 2. 拆开file_catch到fils_arry |
|||
var fils_arry = this.file_catch.split(',') |
|||
// 3. 从fils_arry去除 this.files_list[i].id |
|||
var arry = [] |
|||
fils_arry.forEach((element) => { |
|||
// 不加载文件里面的 |
|||
if (element !== this.files_list[i].id) { |
|||
arry.push(element) |
|||
} |
|||
}) |
|||
// 4. 重新拼接成file_catch |
|||
this.file_catch = arry.join(',') |
|||
} |
|||
} |
|||
} |
|||
// console.log('2. this.file_catch:' + this.file_catch) |
|||
}, |
|||
// 保存并拼接id |
|||
getFileId() { |
|||
// console.log('3. this.file_catch:' + this.file_catch + ',this.file_add:' + this.file_add) |
|||
if (this.file_catch !== '') { |
|||
if (this.file_add !== '') { |
|||
this.enclosure = this.file_catch + ',' + this.file_add |
|||
} else { |
|||
this.enclosure = this.file_catch |
|||
} |
|||
} else { |
|||
this.enclosure = this.file_add |
|||
} |
|||
}, |
|||
handlePictureCardPreview(file) { |
|||
this.dialogImageUrl = file.url |
|||
}, |
|||
// 上传失败 |
|||
uploadError() { |
|||
this.loadding = false |
|||
}, |
|||
uploadProgrees(event, file, fileList) { |
|||
if (Number(event.percent) > 0) { |
|||
this.loadding = true |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
File diff suppressed because it is too large
@ -1,481 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- Start 简述配置页面 --> |
|||
<div class="tab-header webtop"> |
|||
<div>车型简述配置</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleChange()">选择简述配置</el-button> |
|||
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|||
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
<!-- <el-button type="primary" size="small" @click="handleDaoRu()">导入</el-button> --> |
|||
<!-- <el-button type="success" size="small" @click="handleDaoChu()">导出</el-button>--> |
|||
</div> |
|||
<!-- Start 选择简述配置--> |
|||
<el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible"> |
|||
<div class="poptitle"> |
|||
<div class="conter_title">车型简述配置:</div> |
|||
<div class="conter_content" style="flex: 7"> <!--Vehicle configuration--> |
|||
<el-select v-model="vehicleLst.vehicleCode" multiple placeholder="请选择" clearable> |
|||
<el-option |
|||
v-for="item in vehicle_list" |
|||
:key="item.sid" |
|||
:label="item.vehicleCode" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
</div> |
|||
<div class="poptitle"> |
|||
<div class="conter_title">厂家结算价:</div> |
|||
<div class="conter_content" style="flex: 7"> |
|||
<el-input v-model="list.manufactorSettlementPrice" maxlength="11" placeholder="" class="addinputw" |
|||
clearable/> |
|||
</div> |
|||
</div> |
|||
<div class="poptitle"> |
|||
<div class="conter_title">销售参考价:</div> |
|||
<div class="conter_content" style="flex: 7"> |
|||
<el-input v-model="list.salesReferencePrice" maxlength="11" placeholder="" class="addinputw" clearable/> |
|||
</div> |
|||
</div> |
|||
<div class="poptitle"> |
|||
<div class="conter_title">价格有效期:</div> |
|||
<div class="conter_content" style="flex: 7"> |
|||
<el-input v-model="list.priceValidity" maxlength="11" placeholder="" class="addinputw" clearable/> |
|||
</div> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogFormVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- End 选择简述配置--> |
|||
|
|||
<!-- Start 修改简述配置--> |
|||
<!-- <div>--> |
|||
<!-- <!– <el-dialog title="修改简述配置" :visible.sync="dialogFormUpdate">–>--> |
|||
<!-- <!– <div class="poptitle">–>--> |
|||
<!-- <!– <div class="conter_title">车型简述配置:</div>–>--> |
|||
<!-- <!– <div class="conter_content" style="flex: 7"> <!–Vehicle configuration–>–>--> |
|||
<!-- <!– <el-select v-model="vehicleLst.vehicleCode" multiple placeholder="请选择" clearable>–>--> |
|||
<!-- <!– <el-option–>--> |
|||
<!-- <!– v-for="item in vehicle_list"–>--> |
|||
<!-- <!– :key="item.sid"–>--> |
|||
<!-- <!– :label="item.vehicleCode"–>--> |
|||
<!-- <!– :value="item.sid">–>--> |
|||
<!-- <!– </el-option>–>--> |
|||
<!-- <!– </el-select>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– <div class="poptitle">–>--> |
|||
<!-- <!– <div class="conter_title">厂家结算价:</div>–>--> |
|||
<!-- <!– <div class="conter_content" style="flex: 7">–>--> |
|||
<!-- <!– <el-input v-model="list.manufactorSettlementPrice" maxlength="11" placeholder="" class="addinputw"–>--> |
|||
<!-- <!– clearable/>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– <div class="poptitle">–>--> |
|||
<!-- <!– <div class="conter_title">销售参考价:</div>–>--> |
|||
<!-- <!– <div class="conter_content" style="flex: 7">–>--> |
|||
<!-- <!– <el-input v-model="list.salesReferencePrice" maxlength="11" placeholder="" class="addinputw" clearable/>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– <div class="poptitle">–>--> |
|||
<!-- <!– <div class="conter_title">价格有效期:</div>–>--> |
|||
<!-- <!– <div class="conter_content" style="flex: 7">–>--> |
|||
<!-- <!– <el-input v-model="list.priceValidity" maxlength="11" placeholder="" class="addinputw" clearable/>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– <div slot="footer" class="dialog-footer">–>--> |
|||
<!-- <!– <el-button @click="dialogFormUpdate = false">取 消</el-button>–>--> |
|||
<!-- <!– <el-button type="primary" @click="dialogFormUpdate = false">确 定</el-button>–>--> |
|||
<!-- <!– </div>–>--> |
|||
<!-- <!– </el-dialog>–>--> |
|||
<!-- </div>--> |
|||
<!-- <!– End 修改简述配置–>--> |
|||
|
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="整车编码"> |
|||
<el-input v-model="listQuery.params.vehicleCode" placeholder="请输入整车编码" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="驾驶室"> |
|||
<el-input v-model="listQuery.params.specification" placeholder="请输入驾驶室" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="鞍座"> |
|||
<el-input v-model="listQuery.params.saddle" placeholder="请输入鞍座" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">车型信息列表</div> |
|||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="整车编码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="油箱/气罐" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fuelTank }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车身颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="驾驶室" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.specification }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="导流罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.baffleModel }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="独立热源" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.independentSources }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="护轮罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.tireCover }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="鞍座" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.saddle }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="空调" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.airConditioner }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.otherConfig }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="其他配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.otherConfig }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" align="center" width="80px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total>0" |
|||
:total="total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
<!-- End 简述配置页面 --> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { |
|||
getCheXing, |
|||
pagerList |
|||
} from '@/api/cheliang/basevehiclecol' |
|||
import { setMIng, getMIng, getCHeap, setCHeap } from '@/utils/baocun' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
|
|||
export default { |
|||
name: 'chexingpeizhi', |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
isSearchShow: false, |
|||
dialogFormVisible: false, // 选择 |
|||
// dialogFormUpdate: false, // 修改 |
|||
dialogTitle: '', |
|||
searchxianshitit: '显示查询条件', |
|||
// --按钮菜单------- |
|||
// menuState: { |
|||
// add: false, // 添加 |
|||
// edit: false, // 编辑 |
|||
// delete: false, // 删除 |
|||
// view: false, // 查看 |
|||
// audit: false, // 审核 |
|||
// input: false, // 导入 |
|||
// output: false, // 导出 |
|||
// upload: false, // 同步 |
|||
// release: false // 下发 |
|||
// }, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
// list: null, |
|||
vehicle_list: [], // 车型配置下拉款 |
|||
list: [], |
|||
vehicleLst: [], // 车型配置信息列表 |
|||
namesArr: '', |
|||
vehicleSid: '', |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
modelSid: '', |
|||
vehicleCode: '', |
|||
specification: '', |
|||
saddle: '', |
|||
vehicleSid: '' |
|||
}, |
|||
current: 1, |
|||
size: 20 |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
sids: [], |
|||
names: '', // [ {{names}} ] |
|||
chesid: '', |
|||
// dialogFormChange: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
typeOptions: [] |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
this.getList() // 加载列表 |
|||
this.getCheXing() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 打开车型车行简述配置 |
|||
showPei(modelSid) { |
|||
this.listQuery.params.modelSid = modelSid |
|||
console.log('这里是获取到的车型sid', modelSid) |
|||
}, |
|||
|
|||
// 下拉框——车型配置信息 |
|||
getCheXing() { |
|||
getCheXing({}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicle_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 获取信息条数 |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
// this.temp = {} |
|||
// this.$router.go(-1) |
|||
}, |
|||
// ----------------------------功能方法---------------------------- |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
pagerList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
console.log('列表查询', response) |
|||
// if ( |
|||
// response.code === '200' && |
|||
// response.data && |
|||
// response.data.total > 0 |
|||
// ) { |
|||
// this.list = response.data.records |
|||
// this.total = response.data.total |
|||
// } else { |
|||
// this.list = [] |
|||
// this.total = 0 |
|||
// } |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
|
|||
// 打开添加 |
|||
handleChange() { |
|||
this.dialogFormVisible = true |
|||
this.dialogTitle = '选择车型简述配置' |
|||
}, |
|||
// 打开修改 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
// const sid = this.sids[0] |
|||
this.dialogFormVisible = true |
|||
this.dialogTitle = '修改车型简述配置' |
|||
// this.$router.push({ |
|||
// path: `/cheliang/chexingpeizhiAdd/${this.sids[0]}` |
|||
// }) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个车型配置修改!!', |
|||
type: 'info', |
|||
duration: 2000 |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车型配置!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
console.log('111', row) |
|||
this.viewState = 4 |
|||
const sid = row.sid |
|||
this.$refs['divinfo'].showInfo(sid, row) |
|||
// this.$router.push({ |
|||
// path: '/cheliang/chexingpeizhiInfo', |
|||
// query: { |
|||
// sid: row.sid |
|||
// } |
|||
// }) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
// deleteBySids(this.sids).then((response) => { |
|||
// if (response.code === '200') { |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '删除成功', |
|||
// type: 'success', |
|||
// duration: 2000 |
|||
// }) |
|||
// this.getList() |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '失败', |
|||
// message: response.msg, |
|||
// type: 'error' |
|||
// }) |
|||
// } |
|||
// }) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车型配置!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
|
|||
}, |
|||
// 导出 |
|||
handleDaoChu() { |
|||
this.$confirm('确定要导出数据, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.poptitle { |
|||
width: 97%; |
|||
height: auto; |
|||
/*height: 50px;*/ |
|||
line-height: 50px; |
|||
display: flex; |
|||
|
|||
.conter_title { |
|||
/*flex: 1;*/ |
|||
height: 50px; |
|||
width: 16%; |
|||
text-align: right; |
|||
line-height: 50px; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.conter_content { |
|||
margin-left: 14px; |
|||
/*flex: 8;*/ |
|||
.el-select { |
|||
/*height: auto;*/ |
|||
width: 50%; |
|||
} |
|||
|
|||
.addinputw { |
|||
width: 50%; |
|||
} |
|||
} |
|||
} |
|||
</style> |
@ -0,0 +1,904 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!--Start 列表页面--> |
|||
<div v-show="pageState === 3"> |
|||
<div class="tab-header webtop"> |
|||
<div>常用配置管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="车身颜色"> |
|||
<el-select |
|||
v-model="listQuery.params.carColorKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in carColor_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="缓速器"> |
|||
<el-select |
|||
v-model="listQuery.params.slowMachineKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in slowMachine_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后视镜"> |
|||
<el-select |
|||
v-model="listQuery.params.rearViewMirrorKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in rearViewMirror_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮胎规格"> |
|||
<el-select |
|||
v-model="listQuery.params.tireSizeKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in tireSize_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驾驶室"> |
|||
<el-select |
|||
v-model="listQuery.params.specificationKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in specification_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后桥速比"> |
|||
<el-select |
|||
v-model="listQuery.params.rearAxleRatioKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in rearAxleRatio_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="空调"> |
|||
<el-select |
|||
v-model="listQuery.params.airConditionerKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in airConditioner_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮毂材质"> |
|||
<el-select |
|||
v-model="listQuery.params.hubMaterialKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in hubMaterial_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="导流罩"> |
|||
<el-select |
|||
v-model="listQuery.params.baffleModelKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in baffleModel_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="悬架"> |
|||
<el-select |
|||
v-model="listQuery.params.suspensionKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in suspension_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="座椅"> |
|||
<el-select |
|||
v-model="listQuery.params.seatKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in seat_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="护轮罩"> |
|||
<el-select |
|||
v-model="listQuery.params.tireCoverKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in tireCover_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="鞍座"> |
|||
<el-select |
|||
v-model="listQuery.params.saddleKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in saddle_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轴距"> |
|||
<el-select |
|||
v-model="listQuery.params.wheelbaseKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in wheelbase_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="保险杠"> |
|||
<el-select |
|||
v-model="listQuery.params.bumperKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in bumper_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="配置包"> |
|||
<el-select |
|||
v-model="listQuery.params.configuringBaoKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in configuringBao_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="独立热源"> |
|||
<el-select |
|||
v-model="listQuery.params.independentSourcesKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in independentSources_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="油箱/气罐"> |
|||
<el-select |
|||
v-model="listQuery.params.fuelTankKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in fuelTank_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="多媒体"> |
|||
<el-select |
|||
v-model="listQuery.params.multimediaKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in multimedia_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="常用配置名称"> |
|||
<el-input v-model="listQuery.params.otherConfig" maxlength="125" placeholder="请输入常用配置名称" class="addinputw" |
|||
clearable/> |
|||
</el-form-item> |
|||
<el-divider/> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">常用配置列表</div> |
|||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="缓速器" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.slowMachine }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="后视镜" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.rearViewMirror }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="轮胎" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.tireSize }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="驾驶室" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.specification }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="后桥速比" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.rearAxleRatio }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="空调" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.airConditioner }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="轮毂材质" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.hubMaterial }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="导流罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.baffleModel }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="悬架" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.suspension }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="座椅" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.seat }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="护轮罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.tireCover }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="鞍座" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.saddle }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="轴距" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.wheelbase }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="保险杠" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bumper }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="配置包" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.configuringBao }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="独立热源" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.independentSources }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="燃料箱" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fuelTank }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="多媒体" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.multimedia }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
<!--End 列表页面--> |
|||
<changyongpeizhi-add v-show="pageState == 4" ref="divadd" @doback="resetState" @reloadlist="getList"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { pagerList, deleteBySids, pullDown } from '@/api/cheliang/basemodelconfig' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import changyongpeizhiAdd from '../../chexingpeizhi/changyongpeizhiAdd' |
|||
|
|||
export default { |
|||
name: 'changyongpeizhiguanlian', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
changyongpeizhiAdd |
|||
}, |
|||
data() { |
|||
return { |
|||
pageState: 3, |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
// list: null, |
|||
list: [], |
|||
namesArr: '', |
|||
vehicleSid: '', |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
airConditioner: '', // 空调 |
|||
airConditionerKey: '', // 空调key |
|||
baffleModel: '', // 导流罩 |
|||
bumper: '', // 保险杠 |
|||
bumperKey: '', // 保险杠key |
|||
carColor: '', // 车身颜色 |
|||
carColorKey: '', // 车身颜色key |
|||
configuringBao: '', // 配置包 |
|||
configuringBaoKey: '', // 配置包key |
|||
fuelTank: '', // 油箱/气罐 |
|||
fuelTankKey: '', // 油箱/气罐key |
|||
hubMaterial: '', // 轮毂材质 |
|||
hubMaterialKey: '', // 轮毂材质key |
|||
independentSources: '', // 独立热源(有、无) |
|||
independentSourcesKey: '', // 独立热源key(1有、0无) |
|||
multimedia: '', // 多媒体 |
|||
otherConfig: '', // 其他配置 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
rearAxleRatioKey: '', // 后桥速比key |
|||
rearViewMirror: '', // 后视镜 |
|||
rearViewMirrorKey: '', // 后视镜key |
|||
saddle: '', // 鞍座 |
|||
saddleKey: '', // 鞍座key |
|||
seat: '', // 座椅 |
|||
seatKey: '', // 座椅key |
|||
slowMachine: '', // 缓速器 |
|||
slowMachineKey: '', // 缓速器key |
|||
specification: '', // 驾驶室规格 |
|||
specificationKey: '', // 驾驶室规格key |
|||
suspension: '', // 悬架 |
|||
suspensionKey: '', // 悬架key |
|||
tireCover: '', // 护轮罩(有、无) |
|||
tireCoverKey: '', // 护轮罩key(有、无) |
|||
tireSize: '', // 轮胎规格 |
|||
tireSizeKey: '', // 轮胎规格key |
|||
wheelbase: '', // 轴距 |
|||
wheelbaseKey: '' // 轴距key |
|||
}, |
|||
current: 1, |
|||
size: 20 |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
sids: [], |
|||
names: '', // [ {{names}} ] |
|||
chesid: '', |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
typeOptions: [], |
|||
carColor_list: [], // 车身颜色 |
|||
slowMachine_list: [], // 缓速器 |
|||
rearViewMirror_list: [], // 后视镜 |
|||
tireSize_list: [], // 轮胎规格 |
|||
specification_list: [], // 驾驶室 |
|||
rearAxleRatio_list: [], // 后桥速比 |
|||
airConditioner_list: [], // 空调 |
|||
hubMaterial_list: [], // 轮毂材质 |
|||
baffleModel_list: [], // 导流罩 |
|||
suspension_list: [], // 悬架 |
|||
seat_list: [], // 座椅 |
|||
tireCover_list: [], // 护轮罩 |
|||
saddle_list: [], // 鞍座 |
|||
wheelbase_list: [], // 轴距 |
|||
bumper_list: [], // 保险杠 |
|||
configuringBao_list: [], // 配置包 |
|||
independentSources_list: [], // 独立热源 |
|||
fuelTank_list: [], // 油箱 |
|||
multimedia_list: [], // 多媒体 |
|||
tureArrys: [{ |
|||
value: 1, |
|||
label: '是' |
|||
}, |
|||
{ |
|||
value: 0, |
|||
label: '否' |
|||
} |
|||
], |
|||
fenzuOptions: [{ |
|||
value: '1', |
|||
label: '单位' |
|||
}, |
|||
{ |
|||
value: '2', |
|||
label: '个人' |
|||
} |
|||
], |
|||
rules: { |
|||
// title: [{ required: true, message: '请填写', trigger: 'blur' }], |
|||
// qc: [{ required: true, message: '请填写', trigger: 'blur' }], |
|||
} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
this.getList() // 加载列表 |
|||
this.getType() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
var name = this.$store.state.modelName |
|||
console.log('789988888', name) |
|||
this.names = name |
|||
console.log('9639636', this.names) |
|||
}, |
|||
showSetRel(setRelList){ |
|||
|
|||
}, |
|||
getType() { |
|||
// 下拉框-车身颜色 |
|||
pullDown({ |
|||
type: 'bodyColor' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carColor_list = res.data |
|||
console.log('下拉框请求111', res.data) |
|||
} |
|||
}) |
|||
// 缓速器 |
|||
pullDown({ |
|||
type: 'slowMachine ' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.slowMachine_list = res.data |
|||
console.log('下拉框请求缓速器', res.data) |
|||
} |
|||
}) |
|||
// 后视镜 |
|||
pullDown({ |
|||
type: 'rearviewMirror ' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearViewMirror_list = res.data |
|||
console.log('下拉框请求后视镜', res.data) |
|||
} |
|||
}) |
|||
// 轮胎规格 |
|||
pullDown({ |
|||
type: 'tiresize ' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireSize_list = res.data |
|||
console.log('下拉框请求轮胎规格', res.data) |
|||
} |
|||
}) |
|||
// 驾驶室 |
|||
pullDown({ |
|||
type: 'specification ' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.specification_list = res.data |
|||
console.log('下拉框请求驾驶室', res.data) |
|||
} |
|||
}) |
|||
// 后桥速比 |
|||
pullDown({ |
|||
type: 'rearAxleRatio' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearAxleRatio_list = res.data |
|||
console.log('下拉框请求后桥速比', res.data) |
|||
} |
|||
}) |
|||
// 空调 |
|||
pullDown({ |
|||
type: 'whether' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.airConditioner_list = res.data |
|||
console.log('下拉框请求空调', res.data) |
|||
} |
|||
}) |
|||
// 轮毂材质 |
|||
pullDown({ |
|||
type: 'hubMaterial' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.hubMaterial_list = res.data |
|||
console.log('下拉框请求轮毂材质', res.data) |
|||
} |
|||
}) |
|||
// 导流罩 |
|||
pullDown({ |
|||
type: 'whether' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.baffleModel_list = res.data |
|||
console.log('下拉框请求导流罩', res.data) |
|||
} |
|||
}) |
|||
// 悬架 |
|||
pullDown({ |
|||
type: 'suspension' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.suspension_list = res.data |
|||
console.log('下拉框请求悬架', res.data) |
|||
} |
|||
}) |
|||
// 座椅 |
|||
pullDown({ |
|||
type: 'seat' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.seat_list = res.data |
|||
console.log('下拉框请求座椅', res.data) |
|||
} |
|||
}) |
|||
// 护轮罩 |
|||
pullDown({ |
|||
type: 'whether' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireCover_list = res.data |
|||
console.log('下拉框请求护轮罩', res.data) |
|||
} |
|||
}) |
|||
// 鞍座 |
|||
pullDown({ |
|||
type: 'saddle' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.saddle_list = res.data |
|||
console.log('下拉框请求护鞍座', res.data) |
|||
} |
|||
}) |
|||
// 轴距 |
|||
pullDown({ |
|||
type: 'wheelbase' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.wheelbase_list = res.data |
|||
console.log('下拉框请求护轴距', res.data) |
|||
} |
|||
}) |
|||
// 保险杠 |
|||
pullDown({ |
|||
type: 'bumper' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.bumper_list = res.data |
|||
console.log('下拉框请求护保险杠', res.data) |
|||
} |
|||
}) |
|||
// 配置包 |
|||
pullDown({ |
|||
type: 'configuringBao' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.configuringBao_list = res.data |
|||
console.log('下拉框请求护配置包', res.data) |
|||
} |
|||
}) |
|||
// 独立热源 |
|||
pullDown({ |
|||
type: 'whether' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.independentSources_list = res.data |
|||
console.log('下拉框请求护独立热源', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-油箱 |
|||
pullDown({ |
|||
type: 'fuelTank' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelTank_list = res.data |
|||
console.log('下拉框请求111', res.data) |
|||
} |
|||
}) |
|||
// 多媒体 |
|||
pullDown({ |
|||
type: 'whether' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.multimedia_list = res.data |
|||
console.log('下拉框请求多媒体', res.data) |
|||
} |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
resetState() { |
|||
this.pageState = 3 |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('选择的数据', this.sids) |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
pagerList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 重置 |
|||
resetQuery() { |
|||
this.listQuery.params = { |
|||
airConditioner: '', // 空调 |
|||
airConditionerKey: '', // 空调key |
|||
baffleModel: '', // 导流罩 |
|||
bumper: '', // 保险杠 |
|||
bumperKey: '', // 保险杠key |
|||
carColor: '', // 车身颜色 |
|||
carColorKey: '', // 车身颜色key |
|||
configuringBao: '', // 配置包 |
|||
configuringBaoKey: '', // 配置包key |
|||
fuelTank: '', // 油箱/气罐 |
|||
fuelTankKey: '', // 油箱/气罐key |
|||
hubMaterial: '', // 轮毂材质 |
|||
hubMaterialKey: '', // 轮毂材质key |
|||
independentSources: '', // 独立热源(有、无) |
|||
independentSourcesKey: '', // 独立热源key(1有、0无) |
|||
multimedia: '', // 多媒体 |
|||
otherConfig: '', // 其他配置 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
rearAxleRatioKey: '', // 后桥速比key |
|||
rearViewMirror: '', // 后视镜 |
|||
rearViewMirrorKey: '', // 后视镜key |
|||
saddle: '', // 鞍座 |
|||
saddleKey: '', // 鞍座key |
|||
seat: '', // 座椅 |
|||
seatKey: '', // 座椅key |
|||
slowMachine: '', // 缓速器 |
|||
slowMachineKey: '', // 缓速器key |
|||
specification: '', // 驾驶室规格 |
|||
specificationKey: '', // 驾驶室规格key |
|||
suspension: '', // 悬架 |
|||
suspensionKey: '', // 悬架key |
|||
tireCover: '', // 护轮罩(有、无) |
|||
tireCoverKey: '', // 护轮罩key(有、无) |
|||
tireSize: '', // 轮胎规格 |
|||
tireSizeKey: '', // 轮胎规格key |
|||
wheelbase: '', // 轴距 |
|||
wheelbaseKey: '' // 轴距key |
|||
} |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.pageState = 4 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
handleConfirm() { |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
File diff suppressed because it is too large
@ -0,0 +1,194 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>价格维护</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|||
<el-row class="tleftb_one"> |
|||
<el-col :span="6" class="tleftb"> |
|||
<span><span class="icon">*</span>车型名称</span> <!--modelName--> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item prop="modelName"> |
|||
<el-select v-model="temp.modelName" placeholder="请选择" filterable clearable class="addinputw" |
|||
@change="getPinpai()"> |
|||
<el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName" |
|||
:value="item.brandName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6" class="tleftb"> |
|||
<span><span class="icon">*</span>常用配置</span> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item prop="brandName"> |
|||
<el-input v-model="temp.otherConfig" maxlength="125" placeholder="请输入" clearable class="addinputw" |
|||
clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6" class="tleftb"> |
|||
<span><span class="icon">*</span>更多配置</span> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.specifications" type="textarea" maxlength="125" placeholder="请输入" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6" class="tleftb"> |
|||
<span><span class="icon">*</span>厂家结算价</span> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item prop="carModel"> |
|||
<el-input v-model="temp.specifications" type="textarea" maxlength="125" placeholder="请输入" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tleftb"> |
|||
<span><span class="icon">*</span>销售指导价</span> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.specifications" maxlength="125" placeholder="请输入" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="form_btn"> |
|||
<el-button type="primary" size="small" @click="handleCreate()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
mapGetters |
|||
} from 'vuex' |
|||
|
|||
export default { |
|||
name: 'chexingpeizhijiageweihu', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --字段展示------- |
|||
fieldShow: 0, // 0.所有 1.欧曼 2.陕汽 |
|||
// --按钮菜单------- |
|||
imgList: [], |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
useOrgArry: [], // 使用组织 |
|||
createOrgArry: [], // 创建组织 |
|||
temp: { |
|||
sid: '', // 一条数据的sid |
|||
modelName: '' // 车型名称(产品名称 陕汽必须1) |
|||
}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
carBrand_list: [], |
|||
stateId: 0, |
|||
dataArr: [], |
|||
pdateChe: null, |
|||
pdateChang: null, |
|||
side: [], |
|||
options: [], |
|||
useOrg: [], |
|||
props: { |
|||
value: 'sid', |
|||
label: 'name', |
|||
children: 'children', |
|||
checkStrictly: true |
|||
}, |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
fenzuOptions: [], |
|||
rules: {} |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters(['id', 'roles', 'rolesIds', 'departmentId', 'departmentCode']) |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
showWeiHu(modelName) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.temp.modelName = modelName |
|||
}, |
|||
|
|||
// showEdit(sid, row) { |
|||
// console.log(sid) |
|||
// this.$nextTick(() => { |
|||
// this.$refs['dataForm'].clearValidate() |
|||
// }) |
|||
// this.viewTitle = '【修改】车型信息' |
|||
// this.dialogStatus = 'update' |
|||
// this.temp.sid = sid |
|||
// console.log('编辑回显', sid) |
|||
// details(sid).then(resp => { |
|||
// const data = resp.data |
|||
// this.temp = data |
|||
// this.useOrgArry = data.useOrg |
|||
// }) |
|||
// }, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
console.log('价格维护返回', 112233) |
|||
// this.$router.go(-1) |
|||
}, |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 提交添加数据 |
|||
handleCreate() { |
|||
this.$refs['dataForm'].validate(valid => { |
|||
if (valid) { |
|||
|
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.tleftb_one { |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.form_btn { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
</style> |
File diff suppressed because it is too large
@ -1,464 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!--Start 列表页面--> |
|||
<div v-show="viewState === 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>简述配置管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button> |
|||
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|||
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|||
<!-- <el-button type="primary" size="small" @click="handleDaoRu()">导入</el-button> --> |
|||
<!-- <el-button type="success" size="small" @click="handleDaoChu()">导出</el-button> --> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="整车编码"> |
|||
<el-input v-model="listQuery.params.vehicleCode" placeholder="请输入整车编码" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="驾驶室"> |
|||
<el-input v-model="listQuery.params.specification" placeholder="请输入驾驶室" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="鞍座"> |
|||
<el-input v-model="listQuery.params.saddle" placeholder="请输入鞍座" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">简述配置信息列表</div> |
|||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="整车编码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="油箱/气罐" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fuelTank }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车身颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="驾驶室" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.specification }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="导流罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.baffleModel }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="独立热源" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.independentSources }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="护轮罩" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.tireCover }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="鞍座" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.saddle }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="空调" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.airConditioner }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.otherConfig }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="其他配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.otherConfig }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" align="center" width="80px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
<!--End 列表页面--> |
|||
<!--Start 新增以及修改页面--> |
|||
<jianshupeizhi-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" |
|||
@reloadlist="getList"></jianshupeizhi-add> |
|||
<!--End 新增以及修改页面--> |
|||
<!--Start 详情部分--> |
|||
<jianshupeizhi-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></jianshupeizhi-info> |
|||
<!--End 详情部分--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
mapGetters |
|||
} from 'vuex' |
|||
import { |
|||
pagerList, |
|||
SaveList, |
|||
Update, |
|||
deleteBySids, |
|||
details |
|||
} from '@/api/cheliang/basemodelconfig' |
|||
import { |
|||
setMIng, |
|||
getMIng, |
|||
getCHeap, |
|||
setCHeap |
|||
} from '@/utils/baocun' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import jianshupeizhiAdd from './jianshupeizhiAdd' |
|||
import jianshupeizhiInfo from './jianshupeizhiInfo' |
|||
|
|||
export default { |
|||
name: 'Pinpaiguanli', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
jianshupeizhiAdd, |
|||
jianshupeizhiInfo |
|||
}, |
|||
// directives: { |
|||
// drag: { |
|||
// // 指令的定义 |
|||
// bind: function(el) { |
|||
// const odiv = el // 获取当前元素 |
|||
// el.onmousedown = (e) => { |
|||
// // 算出鼠标相对元素的位置 |
|||
// const disX = e.clientX - odiv.offsetLeft |
|||
// const disY = e.clientY - odiv.offsetTop |
|||
// let left = '' |
|||
// let top = '' |
|||
// document.onmousemove = (e) => { |
|||
// // 用鼠标的位置减去鼠标相对元素的位置,得到元素的位置 |
|||
// left = e.clientX - disX |
|||
// top = e.clientY - disY |
|||
// // 绑定元素位置到positionX和positionY上面 |
|||
// // 移动当前元素 |
|||
// odiv.style.left = left + 'px' |
|||
// odiv.style.top = top + 'px' |
|||
// } |
|||
// document.onmouseup = (e) => { |
|||
// document.onmousemove = null |
|||
// document.onmouseup = null |
|||
// } |
|||
// } |
|||
// } |
|||
// }, |
|||
// // 注册一个局部的自定义指令 v-focus |
|||
// focus: { |
|||
// // 指令的定义 |
|||
// inserted: function(el) { |
|||
// // 聚焦元素 |
|||
// el.querySelector('input').focus() |
|||
// } |
|||
// } |
|||
// }, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
// list: null, |
|||
list: [], |
|||
namesArr: '', |
|||
vehicleSid: '', |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
vehicleCode: '', |
|||
specification: '', |
|||
saddle: '', |
|||
vehicleSid: '' |
|||
}, |
|||
current: 1, |
|||
size: 20 |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
sids: [], |
|||
names: '', // [ {{names}} ] |
|||
chesid: '', |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
typeOptions: [], |
|||
tureArrys: [{ |
|||
value: 1, |
|||
label: '是' |
|||
}, |
|||
{ |
|||
value: 0, |
|||
label: '否' |
|||
} |
|||
], |
|||
fenzuOptions: [{ |
|||
value: '1', |
|||
label: '单位' |
|||
}, |
|||
{ |
|||
value: '2', |
|||
label: '个人' |
|||
} |
|||
], |
|||
rules: { |
|||
// title: [{ required: true, message: '请填写', trigger: 'blur' }], |
|||
// qc: [{ required: true, message: '请填写', trigger: 'blur' }], |
|||
} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// this.chesid = this.$route.query.sid |
|||
// 初始化变量 |
|||
// this.init() |
|||
// var ChexinSid = getMIng() |
|||
// console.log('9638888', ChexinSid) |
|||
// this.vehicleSid = ChexinSid |
|||
// this.listQuery.params.vehicleSid = this.vehicleSid |
|||
// console.log('7822222222', this.listQuery.params.vehicleSid) |
|||
this.getList() // 加载列表 |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
var name = this.$store.state.modelName |
|||
console.log('789988888', name) |
|||
this.names = name |
|||
console.log('9639636', this.names) |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$router.go(-1) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
pagerList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
// this.$router.push({ |
|||
// path: '/cheliang/chexingpeizhiAdd/0', |
|||
// query: { |
|||
// sid: this.chesid |
|||
// } |
|||
// }) |
|||
}, |
|||
// 打开修改 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
this.dialogStatus = 'update' |
|||
this.viewState = 3 |
|||
const sid = this.sids[0] |
|||
this.$refs['divadd'].showEdit(sid) |
|||
// this.$router.push({ |
|||
// path: `/cheliang/chexingpeizhiAdd/${this.sids[0]}` |
|||
// }) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个车型配置修改!!', |
|||
type: 'info', |
|||
duration: 2000 |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车型配置!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
console.log('111', row) |
|||
this.viewState = 4 |
|||
const sid = row.sid |
|||
this.$refs['divinfo'].showInfo(sid, row) |
|||
// this.$router.push({ |
|||
// path: '/cheliang/chexingpeizhiInfo', |
|||
// query: { |
|||
// sid: row.sid |
|||
// } |
|||
// }) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
deleteBySids(this.sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: response.msg, |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车型配置!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
|
|||
}, |
|||
// 导出 |
|||
handleDaoChu() { |
|||
this.$confirm('确定要导出数据, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
@ -0,0 +1,371 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd"> |
|||
<div class="title">车型详情</div> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>品牌</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="carBrand"> |
|||
<span>{{temp.carBrand}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>车型编码</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="otherConfig"> |
|||
<span>{{temp.otherConfig}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>功能</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="vehicleFunction"> |
|||
<span>{{temp.vehicleFunction}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>系列</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="series"> |
|||
<span>{{temp.series}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>驱动</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="driveForm"> |
|||
<span>{{temp.driveForm}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>马力</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="power"> |
|||
<span>{{temp.power}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>版本</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="vehicleVersion"> |
|||
<span>{{temp.vehicleVersion}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>燃料</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="fuelType"> |
|||
<span>{{temp.fuelType}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>变速箱</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="gearboxType"> |
|||
<span>{{temp.gearboxType}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>排放标准</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="emissionStandard"> |
|||
<span>{{temp.emissionStandard}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>发动机型号</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="engineType"> |
|||
<span>{{temp.engineType}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>细分市场</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="marketSegments"> |
|||
<span>{{temp.marketSegments}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>规格型号</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="specifications"> |
|||
<span>{{temp.specifications}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>系别</span> <!--???--> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="series"> |
|||
<span>{{temp.series}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>内部编码</span> <!--???--> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="carColor"> |
|||
<span>{{temp.carColor}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>货箱</span> <!--???--> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="slowMachine"> |
|||
<span>{{temp.slowMachine}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="addtable"> |
|||
<div class="tabletitle"> |
|||
<div class="titlename"> |
|||
常用配置列表 |
|||
</div> |
|||
</div> |
|||
<template class="tablelist"> |
|||
<el-table |
|||
:data="temp.list" |
|||
:index="index" |
|||
border |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column |
|||
align="center" |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
/> |
|||
<el-table-column prop="mNum" width="150" label="指导价" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.price}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="mName" width="150" label="颜色" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.carColor}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="model" width="150" label="缓速器" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.slowMachine}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="year" width="95" label="后视镜" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.rearViewMirror}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="logisticsCustomer" width="95" label="轮胎" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.tireSize}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="company" width="150" label="驾驶室" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.specification}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="netReceiptsNum" width="150" label="后桥速比" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.rearAxleRatio}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="receivingWarehouse" width="150" label="空调" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.airConditioner}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="position" width="150" label="轮毂材质" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.hubMaterial}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="batchNum" width="150" label="导流罩" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.baffleModel}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="cargoOwner" width="120" label="悬架" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.suspension}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="座椅" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.seat}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="护轮罩" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.tireCover}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="鞍座" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.saddle}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="轴距" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.wheelbase}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="保险杠" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.bumper}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="配置包" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.configuringBao}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="独立热源" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.independentSources}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="燃料箱" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.fuelTank}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" width="150" label="多媒体" align="center"> |
|||
<template slot-scope="props"> |
|||
<span>{{props.row.multimedia}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</template> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import {} from '@/api/cheliang/basemodelrelationconfigure' |
|||
|
|||
export default { |
|||
name: 'changyongpeizhiInfo', |
|||
data() { |
|||
return { |
|||
// --按钮菜单------- |
|||
index: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
temp: {}, // 添加和修改 |
|||
templook: { titlea: '00000112' }, // 查看实体 |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
fenzuOptions: [] |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
// this.init() |
|||
// 查看 |
|||
// this.handleUpdate() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 查看 |
|||
showInfo(sid, row) { |
|||
this.FormLoading = true |
|||
// details(sid).then((response) => { |
|||
// this.FormLoading = false |
|||
// if (response.code === '200') { |
|||
// this.temp = response.data |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '失败', |
|||
// message: '查询失败', |
|||
// type: 'error' |
|||
// }) |
|||
// } |
|||
// }) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.addinputw { |
|||
width: 100% !important; |
|||
} |
|||
</style> |
@ -0,0 +1,578 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!--Start 列表页面--> |
|||
<div v-show="viewState == 5"> |
|||
<div class="tab-header webtop"> |
|||
<div>常用配置管理</div> |
|||
<div> |
|||
<el-button type="danger" size="small" @click="handleDelete()">解除关系</el-button> |
|||
<el-button type="danger" size="small" @click="handleOpen()">进入车型详情</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="品牌"> |
|||
<el-select |
|||
v-model="listQuery.params.carBrand" |
|||
placeholder="请选择" |
|||
filterable |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in carBrand_list" |
|||
:key="item.sid" |
|||
:label="item.brandName" |
|||
:value="item.brandName" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="功能"> |
|||
<el-select |
|||
v-model="listQuery.params.vehicleFunctionKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in vehicleFunction_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="系列"> |
|||
<el-select |
|||
v-model="listQuery.params.seriesKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in series_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驱动"> |
|||
<el-select |
|||
v-model="listQuery.params.driveFormKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in driveForm_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="马力"> |
|||
<el-select |
|||
v-model="listQuery.params.powerKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in power_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="版本"> |
|||
<el-select |
|||
v-model="listQuery.params.vehicleVersionKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in vehicleVersion_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="燃料"> |
|||
<el-select |
|||
v-model="listQuery.params.fuelTypeKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in fuelType_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="变速箱"> |
|||
<el-select |
|||
v-model="listQuery.params.gearboxTypeKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in gearboxType_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="排放标准"> |
|||
<el-select |
|||
v-model="listQuery.params.emissionStandardKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in emissionStandard_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="发动机型号"> |
|||
<el-select |
|||
v-model="listQuery.params.engineTypeKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in engineType_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="细分市场"> |
|||
<el-select |
|||
v-model="listQuery.params.marketSegmentsKey" |
|||
placeholder="请选择" |
|||
clearable |
|||
class="addinputw" |
|||
> |
|||
<el-option |
|||
v-for="item in marketSegments_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车型编码"> |
|||
<el-input v-model="listQuery.params.otherConfig" maxlength="125" placeholder="请输入车型编码" class="addinputw" |
|||
clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="规格型号"> |
|||
<el-input v-model="listQuery.params.specifications" maxlength="125" placeholder="请输入规格型号" |
|||
class="addinputw" |
|||
clearable/> |
|||
</el-form-item> |
|||
<el-divider/> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">常用配置列表</div> |
|||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="品牌" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.state }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.state }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="版本" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="发动机型号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.slowMachine }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型编码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.rearViewMirror }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
<!--End 列表页面--> |
|||
<changyongpeizhiInfo v-show="viewState == 6" ref="divinfo" @doback="resetState"></changyongpeizhiInfo> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { pullDown, brandDown } from '@/api/cheliang/basemodelrelationconfigure' |
|||
import changyongpeizhiInfo from './changyongpeizhiInfo' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { namesDown } from '../../../../api/cheliang/basevehicle' |
|||
|
|||
export default { |
|||
name: 'changyongpeizhiRel', |
|||
components: { |
|||
changyongpeizhiInfo, |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
viewState: 5, |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
index: 0, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
namesArr: '', |
|||
vehicleSid: '', |
|||
total: 1, |
|||
// list ------ |
|||
carBrand_list: [], // 品牌 |
|||
vehicleFunction_list: [], // 功能 vehicleFunction |
|||
series_list: [], // 系列 series |
|||
driveForm_list: [], // 驱动 driver |
|||
power_list: [], // 马力 horsepower |
|||
vehicleVersion_list: [], // 版本 vehicleVersion |
|||
fuelType_list: [], // 燃料 fuelType |
|||
gearboxType_list: [], // 变速箱 gearbox |
|||
emissionStandard_list: [],// 排放标准 emissionStandard |
|||
engineType_list: [], // 发动机型号 engineType |
|||
marketSegments_list: [], // 细分市场 marketSegments |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: {}, |
|||
current: 1, |
|||
size: 20 |
|||
}, |
|||
temp: {}, // 添加和修改 |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
sids: [], |
|||
names: '', // [ {{names}} ] |
|||
chesid: '', |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
tureArrys: [{ |
|||
value: 1, |
|||
label: '是' |
|||
}, |
|||
{ |
|||
value: 0, |
|||
label: '否' |
|||
} |
|||
], |
|||
fenzuOptions: [{ |
|||
value: '1', |
|||
label: '单位' |
|||
}, |
|||
{ |
|||
value: '2', |
|||
label: '个人' |
|||
} |
|||
] |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
this.getList() // 加载列表 |
|||
this.getType() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
var name = this.$store.state.modelName |
|||
console.log('789988888', name) |
|||
this.names = name |
|||
console.log('9639636', this.names) |
|||
}, |
|||
getType() { |
|||
// 下拉框-品牌 |
|||
brandDown(this.listQuery.params.carBrand).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carBrand_list = res.data |
|||
console.log('下拉框请求品牌', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-功能 |
|||
pullDown({ |
|||
type: 'vehicleFunction' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleFunction_list = res.data |
|||
console.log('下拉框请求功能', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-系列 |
|||
pullDown({ |
|||
type: 'series' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.series_list = res.data |
|||
console.log('下拉框请求系列', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-驱动 |
|||
pullDown({ |
|||
type: 'driver' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.driveForm_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-马力 |
|||
pullDown({ |
|||
type: 'horsepower' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.power_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-版本 |
|||
pullDown({ |
|||
type: 'vehicleVersion' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleVersion_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-燃料 |
|||
pullDown({ |
|||
type: 'fuelType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelType_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-变速箱 |
|||
pullDown({ |
|||
type: 'gearbox' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.gearboxType_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-排放标准 |
|||
pullDown({ |
|||
type: 'emissionStandard' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.emissionStandard_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-发动机型号 |
|||
pullDown({ |
|||
type: 'engineType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.engineType_list = res.data |
|||
console.log('下拉框请求发动机型号', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-细分市场 |
|||
pullDown({ |
|||
type: 'marketSegments' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.marketSegments_list = res.data |
|||
console.log('下拉框请求发动机型号', res.data) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
resetState() { |
|||
this.viewState = 5 |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('选择的数据', this.sids) |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
// pagerList(this.listQuery).then((response) => { |
|||
// this.listLoading = false |
|||
// if ( |
|||
// response.code === '200' && |
|||
// response.data && |
|||
// response.data.total > 0 |
|||
// ) { |
|||
// this.list = response.data.records |
|||
// this.total = response.data.total |
|||
// } else { |
|||
// this.list = [] |
|||
// this.total = 0 |
|||
// } |
|||
// }) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 重置 |
|||
resetQuery() { |
|||
this.listQuery.params = {} |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
console.log('111', row) |
|||
this.viewState = 6 |
|||
const sid = row.sid |
|||
this.$refs['divinfo'].showInfo(sid, row) |
|||
}, |
|||
// 进入车型详情 |
|||
handleOpen() { |
|||
this.viewState = 6 |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
console.log('删除', this.sids) |
|||
if (this.sids.length > 0) { |
|||
// deleteBySids(this.sids).then((response) => { |
|||
// if (response.code === '200') { |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '删除成功', |
|||
// type: 'success', |
|||
// duration: 2000 |
|||
// }) |
|||
// this.getList() |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '失败', |
|||
// message: response.msg, |
|||
// type: 'error' |
|||
// }) |
|||
// } |
|||
// }) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车型配置!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
@ -0,0 +1,398 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState === 1"> |
|||
<button-bar view-title="采购退库管理" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : |
|||
'显示查询条件' }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item class="formItem" label="申请日期"> |
|||
<el-date-picker |
|||
value-format="yyyy-MM-dd" |
|||
v-model="queryParams.params.applicationDateStart" |
|||
clearable |
|||
style="width: 160px;" |
|||
type="date" |
|||
placeholder="开始日期"/> |
|||
<div class="line">至</div> |
|||
<el-date-picker |
|||
value-format="yyyy-MM-dd" |
|||
v-model="queryParams.params.applicationDateEnd" |
|||
clearable |
|||
style="width: 160px;" |
|||
type="date" |
|||
placeholder="结束日期"/> |
|||
</el-form-item> |
|||
<el-form-item label="状态"> |
|||
<!-- <el-select v-model="queryParams.params.billType" @change="changeBillType" style="width:200px"--> |
|||
<!-- filterable placeholder="请选择" clearable>--> |
|||
<!-- <el-option v-for="item in billType_list" :key="item.dictKey" :label="item.dictValue"--> |
|||
<!-- :value="item.dictKey"></el-option>--> |
|||
<!-- </el-select>--> |
|||
<el-input v-model="queryParams.params.vehicleName" placeholder="请输入状态" clearable/> |
|||
<el-date-picker |
|||
value-format="yyyy-MM-dd" |
|||
v-model="queryParams.params.applyDateStart" |
|||
clearable |
|||
style="width: 160px;" |
|||
type="date" |
|||
placeholder="开始日期"/> |
|||
<div class="line">至</div> |
|||
<el-date-picker |
|||
value-format="yyyy-MM-dd" |
|||
v-model="queryParams.params.applyDateEnd" |
|||
clearable |
|||
style="width: 160px;" |
|||
type="date" |
|||
placeholder="结束日期"/> |
|||
</el-form-item> |
|||
<el-form-item label="状态"> |
|||
<el-input v-model="queryParams.params.nodeState" placeholder="请输入状态" clearable/> |
|||
</el-form-item> |
|||
<el-divider/> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
|
|||
<div class="tit">车辆采购退库列表</div> |
|||
<pageye |
|||
v-show="dataList.length > 0" |
|||
:total="queryParams.total" |
|||
:page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" |
|||
class="pagination" |
|||
@pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class="listcon"> |
|||
<el-table |
|||
v-loading="tableLoading" |
|||
:data="dataList" |
|||
border |
|||
style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50" type="selection" align="center"/> |
|||
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
type="primary" |
|||
size="small" |
|||
:disabled="scope.row.nodeState=='' ? false : scope.row.nodeState=='排产申请'?false:true" |
|||
@click="toEdit(scope.row)">办理 |
|||
</el-button> |
|||
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column width="150" prop="nodeState" label="状态" align="center"/> |
|||
<el-table-column width="150" prop="schedulingType" label="排产类型" align="center"/> |
|||
<el-table-column width="200" prop="applicationCode" label="申请编号" align="center"/> |
|||
<el-table-column width="150" prop="applicationDate" label="申请日期" align="center"/> |
|||
<el-table-column width="150" prop="createByName" label="申请人" align="center"/> |
|||
<el-table-column prop="remarks" fit label="备注" align="left" header-align="center"/> |
|||
<el-table |
|||
v-loading="tableLoading" |
|||
:data="dataList" |
|||
border |
|||
style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> |
|||
<el-button |
|||
size="small" |
|||
type="primary" |
|||
:disabled="scope.row. nodeState== '' ? false:scope.row.nodeState == '发起订单'?false : true" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="toInfo(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="nodeState" label="状态" align="center"/> |
|||
<el-table-column prop="applicationCode" label="申请编号" align="center"/> |
|||
<el-table-column prop="applicationName" label="申请人" align="center"/> |
|||
<el-table-column prop="createTime" label="申请日期" align="center"/> |
|||
<el-table-column prop="reason" label="退库原因" align="center"/> |
|||
<el-table-column prop="num" label="台数" align="center"/> |
|||
</el-table> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="queryParams.total" |
|||
:page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" |
|||
class="pagination" |
|||
@pagination="loadList"/> |
|||
</div> |
|||
</div> |
|||
<!--End 查询和其列表部分--> |
|||
|
|||
<!--新增修改部分组件--> |
|||
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList"/> |
|||
<!--详情部分组件--> |
|||
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/supplychain/busvehicleapply' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import divAdd from './caigoutuikuAdd' |
|||
import divInfo from './caigoutuikuInfo' |
|||
|
|||
export default { |
|||
name: 'Caigoutuiku', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
divInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, // 显示隐藏 |
|||
tableLoading: false, |
|||
// 列表数据 |
|||
dataList: [], |
|||
// sid数组 |
|||
sids: [], // 用于导出的时候保存已选择SID |
|||
sides: '', // 一条数据的sid |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
applicationDateStart: '', |
|||
applicationDateEnd: '', |
|||
vehicleName: '' // 车型 |
|||
} |
|||
}, |
|||
row: {} |
|||
} |
|||
}, |
|||
created() { |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX' + btnKey) |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doSubmit': |
|||
this.doSubmit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doImport': |
|||
this.doImport() |
|||
break |
|||
case 'doExport': |
|||
this.doExport() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
// 获取数据sid |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach(element => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
this.row = row |
|||
this.sides = this.sids.join() // 将sid数组的元素转化成字符串 |
|||
console.log('获取sids数组', this.sids) |
|||
}, |
|||
toAdd(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
toEdit() { |
|||
if (this.sids.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' }) |
|||
return |
|||
} |
|||
if (this.sids.length > 1) { |
|||
this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' }) |
|||
return |
|||
} |
|||
this.viewState = 3 |
|||
const sid = this.sids[0] |
|||
const row = this.row |
|||
this.$refs['divadd'].showEdit(sid, row) |
|||
}, |
|||
toInfo(row) { |
|||
this.viewState = 4 |
|||
console.log('这是打开详情接口', row) |
|||
const sid = row.sid |
|||
this.$refs['divinfo'].showInfo(sid, row) |
|||
}, |
|||
// 查询 |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
// 重置 |
|||
resetQuery() { |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
applicationDateStart: '', |
|||
applicationDateEnd: '', |
|||
vehicleName: '' // 车型 |
|||
} |
|||
} |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req.listPage(this.queryParams).then(resp => { |
|||
console.log('查询列表', resp) |
|||
_this.tableLoading = false |
|||
const data = resp.data |
|||
_this.queryParams.total = data.total |
|||
_this.dataList = data.records |
|||
}).catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 删除 |
|||
doDel(row) { |
|||
if (this.sids.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' }) |
|||
return |
|||
} |
|||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
const _this = this |
|||
req.delBySids(this.sids).then(resp => { |
|||
loading.close() |
|||
_this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
_this.loadList() |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
// 子组件关闭(返回) |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.loadList() |
|||
}, |
|||
doSubmit(row) { |
|||
// 提交的代码 |
|||
this.btndisabled = true |
|||
req.doSubmit(this.queryParams.params, this.sids).then(resp => { |
|||
console.log(resp) |
|||
this.btndisabled = false |
|||
}).catch(() => { |
|||
this.btndisabled = false |
|||
}) |
|||
}, |
|||
doImport(row) { |
|||
// 导入的代码 |
|||
req.importExcel(this.queryParams.params, this.sids).then(resp => { |
|||
console.log(resp) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
doExport(sids) { |
|||
// 导出的代码 |
|||
req.exportExcel(this.queryParams.params, this.sids).then(resp => { |
|||
var map = resp.data |
|||
const fileName = map.filename // 导出文件名 |
|||
// // 对于<a>标签,只有 Firefox 和 Chrome(内核) 支持 download 属性 |
|||
// // IE10以上支持blob但是依然不支持download |
|||
const link = document.createElement('a') // 创建a标签 |
|||
link.download = fileName // a标签添加属性 |
|||
link.style.display = 'none' |
|||
link.href = map.downurl |
|||
document.body.appendChild(link) |
|||
link.click() // 执行下载 |
|||
URL.revokeObjectURL(link.href) // 释放url |
|||
document.body.removeChild(link) // 释放标签 |
|||
}).catch(() => { |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.line { |
|||
display: inline-block; |
|||
margin: 0px 15px; |
|||
} |
|||
|
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
|
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
|
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
|
|||
.formItem { |
|||
margin-right: 28px; |
|||
} |
|||
|
|||
.line { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
</style> |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue