
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 |
||||
|
}) |
||||
|
} |
||||
|
} |
@ -1,193 +1,252 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<el-upload class="upload-demo" :data="datas" :accept="accept" :on-success="uploadImgSuccess" :on-change="handleChange" :on-remove="handleRemove" :file-list="fileList_FuJian" :http-request="uploadSectionFile"> |
<!-- <el-upload class="upload-demo" :data="datas" :accept="accept" :on-success="uploadImgSuccess"--> |
||||
|
<!-- :on-change="handleChange" :on-remove="handleRemove" :file-list="fileList_FuJian"--> |
||||
|
<!-- :http-request="uploadSectionFile">--> |
||||
|
<!-- <el-button size="small" type="primary">点击上传</el-button>--> |
||||
|
<!-- <div slot="tip" class="el-upload__tip">单个文件大小不允许超过100M,支持上传文件类型:{{ accept }}</div>--> |
||||
|
<!-- </el-upload>--> |
||||
|
<!-- <el-upload list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove">--> |
||||
|
<!-- <i class="el-icon-plus"></i>--> |
||||
|
<!-- </el-upload>--> |
||||
|
<el-dialog :visible.sync="dialogVisible"> |
||||
|
<img width="100%" :src="dialogImageUrl" alt=""> |
||||
|
</el-dialog> |
||||
|
<el-upload class="upload-demo" :headers="accessToken" :action="uploadFile" :accept="accept" :data="uploadData" |
||||
|
:on-success="uploadImgSuccess_FuJian" :on-remove="handleRemove" :file-list="fileList_FuJian" |
||||
|
:on-preview="handlePictureCardPreview"> |
||||
<el-button size="small" type="primary">点击上传</el-button> |
<el-button size="small" type="primary">点击上传</el-button> |
||||
<div slot="tip" class="el-upload__tip">单个文件大小不允许超过100M,支持上传文件类型:{{ accept }}</div> |
<!-- <el-button v-show="isview" size="small" type="primary" @click="view()">查看</el-button> --> |
||||
|
<!-- <div slot="tip" class="el-upload__tip">单个文件大小不允许超过100M,支持上传文件类型:{{ accept }}</div> --> |
||||
</el-upload> |
</el-upload> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { imgUploadz } from '@/api/jichuxinxi/baseaffiliatcompany' |
import { uploadFile } from '@/api/portal/Upload.js' |
||||
import { mapGetters } from 'vuex' |
import { getStorage } from '@/utils/auth.js' //token |
||||
export default { |
import { mapGetters } from 'vuex' |
||||
props: { |
|
||||
placeholder: { |
export default { |
||||
type: String, |
model: { |
||||
default: '', |
prop: 'name', |
||||
}, |
event: 'change' |
||||
// 长度 |
|
||||
width: { |
|
||||
type: String, |
|
||||
default: '270px', |
|
||||
}, |
|
||||
accept: { |
|
||||
type: String, |
|
||||
default: |
|
||||
'.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx', |
|
||||
}, |
|
||||
// 文件列表 |
|
||||
files: { |
|
||||
type: String, |
|
||||
required: true, |
|
||||
}, |
|
||||
// 文件名称 |
|
||||
name: { |
|
||||
type: String, |
|
||||
required: true, |
|
||||
}, |
|
||||
types:{ |
|
||||
type:String, |
|
||||
required: true, |
|
||||
}, |
|
||||
linkChange: { |
|
||||
type: String, |
|
||||
default: '', |
|
||||
}, |
}, |
||||
}, |
props: { |
||||
data() { |
placeholder: { |
||||
return { |
type: String, |
||||
datas: null, |
default: '' |
||||
types:types, |
}, |
||||
accessToken: {}, |
bucket: { |
||||
fileList_FuJian: [], |
type: String, |
||||
enclosure: '', |
default: 'abc' |
||||
file_add: '', |
}, |
||||
idsz: '', |
// 长度 |
||||
file_catch: '', |
width: { |
||||
files_list: [], |
type: String, |
||||
} |
default: '270px' |
||||
}, |
}, |
||||
computed: { |
limit: { |
||||
...mapGetters([ |
type: Number, |
||||
'id', |
default: 1 |
||||
'departmentCode', |
}, |
||||
'departmentLevel', |
accept: { |
||||
'departmentType', |
type: String, |
||||
'token', |
default: |
||||
]), |
'.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx' |
||||
}, |
}, |
||||
watch: { |
// 文件名称 |
||||
files: { |
name: { |
||||
deep: true, |
type: Array, |
||||
handler(val) { |
required: true |
||||
this.pageLoad(val, '') |
|
||||
}, |
}, |
||||
|
uploadData: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
}, |
}, |
||||
}, |
data() { |
||||
creatd() { |
return { |
||||
this.datas = { types:'0004'} |
dialogImageUrl: '', |
||||
console.log(this.datas,7777777) |
dialogVisible: false, |
||||
console.log(this.types, 11111111) |
accessToken: null, |
||||
}, |
uploadFile: uploadFile, |
||||
mounted() { |
fileList_FuJian: [], |
||||
this.$nextTick(() => { |
enclosure: '', |
||||
// this.Init() |
file_add: '', |
||||
}) |
file_catch: '', |
||||
}, |
files: [], |
||||
methods: { |
files_list: [], |
||||
// 页面第一次加载 |
filedUrl: '', |
||||
Init() { |
// fileUrl: fileUrl, |
||||
// 1. 文件上传用token |
// showpicture:false, |
||||
// this.accessToken = { |
isview: false, |
||||
// token: this.token, |
nameArr: '', |
||||
// } |
loadding: false, |
||||
this.pageLoad(this.files) |
stateName: '' |
||||
|
} |
||||
}, |
}, |
||||
handleChange(file, fileList) { |
computed: { |
||||
|
...mapGetters([ |
||||
|
'id', |
||||
|
'departmentCode', |
||||
|
'departmentLevel', |
||||
|
'departmentType', |
||||
|
'token' |
||||
|
]) |
||||
}, |
}, |
||||
// 传入数据并绑定 |
watch: { |
||||
pageLoad(files) { |
name: { |
||||
// console.log('传入:' + files) |
deep: true, |
||||
if (files !== null && files !== '') { |
immediate: true, |
||||
this.files_list = JSON.parse(files) |
handler(newVal, oldVal) { |
||||
var ids = '' |
console.log('aaaa1', newVal) |
||||
this.fileList_FuJian = [] |
this.files = newVal |
||||
// 1. 回显页面 |
if (this.stateName = 'xunidingjinAdd') { |
||||
for (var i = 0; i < this.files_list.length; i++) { |
if (this.files.length > 1) { |
||||
var body = { |
this.files.splice(0, 1) |
||||
name: this.files_list[i].name, |
} |
||||
url: '', |
|
||||
status: 'finished', |
|
||||
} |
} |
||||
this.fileList_FuJian.push(body) |
console.log('aaaa2', this.files) |
||||
ids = ids + this.files_list[i].id + ',' |
|
||||
} |
|
||||
// 2. 回存文件id |
|
||||
if (ids !== '') { |
|
||||
ids = ids.substring(0, ids.length - 1) |
|
||||
} |
} |
||||
this.enclosure = ids |
|
||||
this.file_catch = ids |
|
||||
} else { |
|
||||
this.file_add = '' |
|
||||
this.file_catch = '' |
|
||||
this.enclosure = '' |
|
||||
this.files_list = [] |
|
||||
this.fileList_FuJian = [] |
|
||||
} |
} |
||||
}, |
}, |
||||
// 上传方案--成功后执行 |
mounted() { |
||||
uploadImgSuccess(response, file, fileList) { |
this.$nextTick(() => { |
||||
// console.log('fileList:' + JSON.stringify(fileList)) |
this.Init() |
||||
|
}) |
||||
// this.enclosure = '' |
|
||||
// 1. 保存新增文件id(this.file_add) |
|
||||
// this.getNewFileId(fileList) |
|
||||
// 2. 保存并拼接id |
|
||||
// this.getFileId() |
|
||||
// console.log('4. 返回拼接:' + this.enclosure) |
|
||||
// 3. 返回拼接id |
|
||||
this.$emit('change', this.enclosure) |
|
||||
}, |
}, |
||||
handleRemove(file, fileList) { |
created() { |
||||
// console.log('file:' + JSON.stringify(file)) |
this.uploadFile = uploadFile // 接口 |
||||
// console.log('fileList:' + JSON.stringify(fileList)) |
this.accessToken = { |
||||
// this.enclosure = '' |
token: getStorage() |
||||
// 1. 保存新增文件id(this.file_add) |
|
||||
// this.getNewFileId(fileList) |
|
||||
// 2. 保存数据库读取的已有文件id(this.file_catch) |
|
||||
// this.getCatchFileId(file) |
|
||||
// 3. 保存并拼接id |
|
||||
// this.getFileId() |
|
||||
// 4. 返回拼接id |
|
||||
if (this.idsz != '') { |
|
||||
this.$emit('handleRemove', this.idsz) |
|
||||
} |
} |
||||
}, |
}, |
||||
// 上传文件 FrontPhoto |
methods: { |
||||
uploadSectionFile(params) { |
showImg(imgList) { |
||||
const file = params.file |
this.stateName = 'xunidingjinAdd' |
||||
// 根据后台需求数据格式 |
this.files = imgList |
||||
const form = new FormData() |
console.log('回显图片', this.files) |
||||
// console.log('77777777777777',form) |
}, |
||||
// 文件对象 |
view() { |
||||
form.append('file', file) |
// window.open(this.filedUrl) |
||||
// 项目封装的请求方法,下面做简单介绍 |
}, |
||||
imgUploadz(form).then((res) => { |
// 页面第一次加载 |
||||
// 自行处理各种情况 |
Init() { |
||||
if (res.code === '200') { |
if (this.name !== undefined) { |
||||
// res.data.attachType = this.types |
this.files = [] |
||||
let a = '' |
for (var i = 0; i < this.name.length; i++) { |
||||
a = res.data.filePath |
this.files.push({ |
||||
this.idsz = a |
name: this.name[i], |
||||
this.$emit('handleSuccess', res) |
url: this.name[i] |
||||
} |
|
||||
// this.FrontPhoto = res.fullUrl |
|
||||
if (res.msg == '操作成功') { |
|
||||
this.$message({ |
|
||||
message: '上传成功!', |
|
||||
type: 'success', |
|
||||
}) |
}) |
||||
} |
} |
||||
|
} |
||||
|
}, |
||||
|
// 上传方案--成功后执行 |
||||
|
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) |
||||
}) |
}) |
||||
.catch((err) => { |
this.$emit('fileChange', this.files) |
||||
console.log(err) |
}, |
||||
// 如果等于备案,就调备案图片上传接口 |
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> |
</script> |
||||
|
|
||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped></style> |
||||
|
@ -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