Compare commits
No commits in common. "9f39e576eca427d61607757340287250c7c7f7f8" and "34f060c1a4c4b1d9a5cf8d8c291224e93f34b2de" have entirely different histories.
9f39e576ec
...
34f060c1a4
812
package-lock.json
generated
812
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -7,7 +7,6 @@
|
|||||||
"build": "vue-cli-service build"
|
"build": "vue-cli-service build"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@wangeditor/editor-for-vue": "^1.0.2",
|
|
||||||
"axios": "^1.5.0",
|
"axios": "^1.5.0",
|
||||||
"core-js": "^3.8.3",
|
"core-js": "^3.8.3",
|
||||||
"echarts": "^5.4.3",
|
"echarts": "^5.4.3",
|
||||||
@ -22,8 +21,8 @@
|
|||||||
"vue": "^2.7.14",
|
"vue": "^2.7.14",
|
||||||
"vue-router": "^3.5.1",
|
"vue-router": "^3.5.1",
|
||||||
"vue-seamless-scroll": "^1.1.23",
|
"vue-seamless-scroll": "^1.1.23",
|
||||||
"vuex": "^3.6.2",
|
"vue-video-player": "^6.0.0",
|
||||||
"wangeditor": "^4.7.15"
|
"vuex": "^3.6.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@vue/cli-plugin-babel": "~5.0.0",
|
"@vue/cli-plugin-babel": "~5.0.0",
|
||||||
|
|||||||
@ -55,7 +55,7 @@ selectValue(e) {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
// color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-webkit-outer-spin-button,
|
input::-webkit-outer-spin-button,
|
||||||
@ -124,12 +124,7 @@ input::-webkit-inner-spin-button {
|
|||||||
background: linear-gradient(180deg, rgba(6, 72, 167, 0.5) 0%, rgba(6, 72, 167, 0) 100%);
|
background: linear-gradient(180deg, rgba(6, 72, 167, 0.5) 0%, rgba(6, 72, 167, 0) 100%);
|
||||||
|
|
||||||
}
|
}
|
||||||
.el-table{
|
|
||||||
.cell{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.input-50 {
|
.input-50 {
|
||||||
.input-title {
|
.input-title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|||||||
@ -767,15 +767,6 @@ getIccid(data){
|
|||||||
website_getowpManagement(data){
|
website_getowpManagement(data){
|
||||||
return sendGetRequest(`/website/getowpManagement`, data)
|
return sendGetRequest(`/website/getowpManagement`, data)
|
||||||
},
|
},
|
||||||
website_addowp(data){
|
|
||||||
return sendPostRequest(`/website/addowp`, data)
|
|
||||||
},
|
|
||||||
website_updateowp(data){
|
|
||||||
return sendPutRequest(`/website/updateowp`, data)
|
|
||||||
},
|
|
||||||
website_delowp(data){
|
|
||||||
return sendDelRequest(`/website/delowp`, data)
|
|
||||||
},
|
|
||||||
// 综合 产品/案例/新闻列表
|
// 综合 产品/案例/新闻列表
|
||||||
website_getowpabyowpidMan(data){
|
website_getowpabyowpidMan(data){
|
||||||
return sendGetRequest(`/website/getowpabyowpidMan`, data)
|
return sendGetRequest(`/website/getowpabyowpidMan`, data)
|
||||||
|
|||||||
@ -33,7 +33,6 @@
|
|||||||
|
|
||||||
.tips-model {
|
.tips-model {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tips-model .tips-model-title {
|
.tips-model .tips-model-title {
|
||||||
@ -296,7 +295,6 @@ textarea {
|
|||||||
.warning-btn {
|
.warning-btn {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin-top: -70px;
|
margin-top: -70px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-btn .btn.green {
|
.warning-btn .btn.green {
|
||||||
@ -305,7 +303,6 @@ textarea {
|
|||||||
|
|
||||||
.warning-model {
|
.warning-model {
|
||||||
padding: 0 30px 25px;
|
padding: 0 30px 25px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-model .input-main {
|
.warning-model .input-main {
|
||||||
@ -334,7 +331,6 @@ textarea {
|
|||||||
|
|
||||||
.warning-sel {
|
.warning-sel {
|
||||||
width: 200px !important;
|
width: 200px !important;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-title {
|
.table-title {
|
||||||
@ -389,7 +385,6 @@ textarea {
|
|||||||
background: url(../image/index-background.png) no-repeat;
|
background: url(../image/index-background.png) no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.index .no-list {
|
.index .no-list {
|
||||||
@ -443,7 +438,6 @@ textarea {
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.index .header .header-center {
|
.index .header .header-center {
|
||||||
@ -614,7 +608,6 @@ textarea {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-view > div {
|
.input-view > div {
|
||||||
@ -629,10 +622,6 @@ textarea {
|
|||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-sel {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-sel > span {
|
.input-sel > span {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
@ -708,10 +697,6 @@ textarea {
|
|||||||
width: 200px !important;
|
width: 200px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-main {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-main span {
|
.input-main span {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
@ -763,7 +748,6 @@ textarea {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 15px 0 0 !important;
|
margin: 0 15px 0 0 !important;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.number-view > div {
|
.number-view > div {
|
||||||
@ -789,7 +773,6 @@ textarea {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-main-60.table-input {
|
.input-main-60.table-input {
|
||||||
@ -843,7 +826,6 @@ textarea {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-main-one.table-input {
|
.input-main-one.table-input {
|
||||||
@ -889,7 +871,6 @@ textarea {
|
|||||||
width: 300px;
|
width: 300px;
|
||||||
border: none;
|
border: none;
|
||||||
background-color: #014781;
|
background-color: #014781;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dropdown-menu.input-menu-180 {
|
.el-dropdown-menu.input-menu-180 {
|
||||||
@ -970,7 +951,6 @@ textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.formula {
|
.formula {
|
||||||
color: #fff;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -990,7 +970,6 @@ textarea {
|
|||||||
.table-view {
|
.table-view {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .cell {
|
.table-view .cell {
|
||||||
@ -1202,7 +1181,6 @@ textarea {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-view > div {
|
.flex-view > div {
|
||||||
@ -1361,10 +1339,6 @@ textarea {
|
|||||||
border-color: #0294E2;
|
border-color: #0294E2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.PIDSet {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PIDSet .flex-view {
|
.PIDSet .flex-view {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
@ -1468,10 +1442,6 @@ textarea {
|
|||||||
min-height: 101px;
|
min-height: 101px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload .upload-view {
|
.upload .upload-view {
|
||||||
width: 520px;
|
width: 520px;
|
||||||
height: 520px;
|
height: 520px;
|
||||||
@ -1523,7 +1493,6 @@ textarea {
|
|||||||
|
|
||||||
.sensorSet {
|
.sensorSet {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sensorSet .sensor-view {
|
.sensorSet .sensor-view {
|
||||||
@ -1695,10 +1664,6 @@ textarea {
|
|||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__wrapper {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-dialog__wrapper .el-dialog {
|
.el-dialog__wrapper .el-dialog {
|
||||||
background: rgba(0, 59, 114, 0.8);
|
background: rgba(0, 59, 114, 0.8);
|
||||||
border: 2px solid rgba(0, 186, 255, 0.35);
|
border: 2px solid rgba(0, 186, 255, 0.35);
|
||||||
@ -1786,7 +1751,6 @@ textarea {
|
|||||||
|
|
||||||
.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right > div .input-main-60 {
|
.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right > div .input-main-60 {
|
||||||
width: auto;
|
width: auto;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom {
|
.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom {
|
||||||
@ -1837,10 +1801,6 @@ textarea {
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login .login-header {
|
.login .login-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -1986,7 +1946,6 @@ textarea {
|
|||||||
|
|
||||||
.dataModel {
|
.dataModel {
|
||||||
height: 650px;
|
height: 650px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dataModel .view-new {
|
.dataModel .view-new {
|
||||||
@ -2045,7 +2004,6 @@ textarea {
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: unset;
|
justify-content: unset;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.realTime .new-data {
|
.realTime .new-data {
|
||||||
@ -2926,10 +2884,6 @@ textarea {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.synthesis-con {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.synthesis-con .synthesis-content {
|
.synthesis-con .synthesis-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -3088,7 +3042,6 @@ textarea {
|
|||||||
.vrcode .el-menu-item {
|
.vrcode .el-menu-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode .el-submenu__title .img,
|
.vrcode .el-submenu__title .img,
|
||||||
@ -3325,7 +3278,7 @@ textarea {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.manage-input input, .manage-input .input {
|
.manage-input input {
|
||||||
width: 240px;
|
width: 240px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
background: rgba(0, 186, 255, 0.15);
|
background: rgba(0, 186, 255, 0.15);
|
||||||
@ -3334,10 +3287,9 @@ textarea {
|
|||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.manage-input input::placeholder, .manage-input .input::placeholder {
|
.manage-input input::placeholder {
|
||||||
color: #92B1D0;
|
color: #92B1D0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3532,10 +3484,6 @@ textarea {
|
|||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vrcode-model.manage-model .el-dialog {
|
.vrcode-model.manage-model .el-dialog {
|
||||||
background: rgba(0, 59, 114, 0.8);
|
background: rgba(0, 59, 114, 0.8);
|
||||||
border: 2px solid rgba(0, 186, 255, 0.35);
|
border: 2px solid rgba(0, 186, 255, 0.35);
|
||||||
@ -3549,14 +3497,6 @@ textarea {
|
|||||||
grid-column-gap: 20px;
|
grid-column-gap: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model.manage-model .el-dialog__body .vrcode-content.grid-3 {
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vrcode-model.manage-model .el-dialog__body .vrcode-content.flex-no {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vrcode-model.manage-model .el-dialog__footer {
|
.vrcode-model.manage-model .el-dialog__footer {
|
||||||
padding: 15px 22px;
|
padding: 15px 22px;
|
||||||
border-top: 1px solid rgba(0, 180, 255, 0.35);
|
border-top: 1px solid rgba(0, 180, 255, 0.35);
|
||||||
@ -3566,7 +3506,7 @@ textarea {
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model.manage-model .manage-img {
|
.vrcode-model.manage-model .manage-right .manage-img {
|
||||||
width: 380px;
|
width: 380px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: rgba(0, 132, 255, 0.15);
|
background: rgba(0, 132, 255, 0.15);
|
||||||
@ -3578,21 +3518,20 @@ textarea {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model.manage-model .manage-img img {
|
.vrcode-model.manage-model .manage-right .manage-img img {
|
||||||
width: 360px;
|
width: 360px;
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
max-height: 360px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model.manage-model .manage-img .upload-img {
|
.vrcode-model.manage-model .manage-right .manage-img .upload-img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
min-height: unset;
|
min-height: unset;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model.manage-model .manage-img #sel-img, .vrcode-model.manage-model .manage-img #sel-img1 {
|
.vrcode-model.manage-model .manage-right .manage-img #sel-img {
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -3658,7 +3597,6 @@ textarea {
|
|||||||
position: relative;
|
position: relative;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.vrcode-model .vrcode-model-title.vrcode-model-title-282 {
|
.vrcode-model .vrcode-model-title.vrcode-model-title-282 {
|
||||||
@ -3996,7 +3934,6 @@ textarea {
|
|||||||
max-height: 700px;
|
max-height: 700px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.model-sel > div {
|
.model-sel > div {
|
||||||
@ -4014,7 +3951,6 @@ textarea {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.setsuyuan .setsuyuan-page {
|
.setsuyuan .setsuyuan-page {
|
||||||
|
|||||||
@ -35,7 +35,6 @@
|
|||||||
}
|
}
|
||||||
.tips-model{
|
.tips-model{
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
color: #fff;
|
|
||||||
.tips-model-title{
|
.tips-model-title{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -312,7 +311,6 @@ textarea{
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin-top: -70px;
|
margin-top: -70px;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
.btn.green {
|
.btn.green {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -321,7 +319,6 @@ textarea{
|
|||||||
.warning-model {
|
.warning-model {
|
||||||
padding: 0 30px 25px;
|
padding: 0 30px 25px;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
.input-main {
|
.input-main {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
@ -349,7 +346,6 @@ textarea{
|
|||||||
|
|
||||||
.warning-sel {
|
.warning-sel {
|
||||||
width: 200px !important;
|
width: 200px !important;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-title {
|
.table-title {
|
||||||
@ -406,7 +402,6 @@ textarea{
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
.no-list {
|
.no-list {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -452,7 +447,6 @@ textarea{
|
|||||||
.logo-title{
|
.logo-title{
|
||||||
position: relative;z-index: 2;
|
position: relative;z-index: 2;
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -632,7 +626,6 @@ textarea{
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
>div {
|
>div {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
@ -648,7 +641,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.input-sel {
|
.input-sel {
|
||||||
color: #fff;
|
|
||||||
>span {
|
>span {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
@ -731,8 +723,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.input-main {
|
.input-main {
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
span {
|
span {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
@ -796,7 +786,6 @@ textarea{
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 15px 0 0 !important;
|
margin: 0 15px 0 0 !important;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
>div {
|
>div {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@ -822,7 +811,6 @@ textarea{
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&.table-input {
|
&.table-input {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -877,7 +865,6 @@ textarea{
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
&.table-input {
|
&.table-input {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
@ -923,7 +910,6 @@ textarea{
|
|||||||
border: none;
|
border: none;
|
||||||
background-color: #014781;
|
background-color: #014781;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
&.input-menu-180 {
|
&.input-menu-180 {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
}
|
}
|
||||||
@ -1003,7 +989,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.formula {
|
.formula {
|
||||||
color: #fff;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -1027,7 +1012,6 @@ textarea{
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
.cell {
|
.cell {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@ -1241,7 +1225,7 @@ textarea{
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
color: #fff;
|
|
||||||
>div {
|
>div {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin: 4.5px 0;
|
margin: 4.5px 0;
|
||||||
@ -1404,7 +1388,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.PIDSet {
|
.PIDSet {
|
||||||
color: #fff;
|
|
||||||
.flex-view {
|
.flex-view {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
@ -1512,7 +1495,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.upload {
|
.upload {
|
||||||
color: #fff;
|
|
||||||
.upload-view {
|
.upload-view {
|
||||||
width: 520px;
|
width: 520px;
|
||||||
height: 520px;
|
height: 520px;
|
||||||
@ -1571,7 +1553,6 @@ textarea{
|
|||||||
.sensorSet {
|
.sensorSet {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
.sensor-view {
|
.sensor-view {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -1759,7 +1740,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__wrapper {
|
.el-dialog__wrapper {
|
||||||
color: #fff;
|
|
||||||
.el-dialog {
|
.el-dialog {
|
||||||
background: rgba(0, 59, 114, 0.8);
|
background: rgba(0, 59, 114, 0.8);
|
||||||
border: 2px solid rgba(0, 186, 255, 0.35);
|
border: 2px solid rgba(0, 186, 255, 0.35);
|
||||||
@ -1849,7 +1829,6 @@ textarea{
|
|||||||
|
|
||||||
.input-main-60 {
|
.input-main-60 {
|
||||||
width: auto;
|
width: auto;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1918,7 +1897,6 @@ textarea{
|
|||||||
|
|
||||||
|
|
||||||
.login {
|
.login {
|
||||||
color: #fff;
|
|
||||||
.login-header {
|
.login-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -2068,7 +2046,6 @@ textarea{
|
|||||||
|
|
||||||
.dataModel {
|
.dataModel {
|
||||||
height: 650px;
|
height: 650px;
|
||||||
color: #fff;
|
|
||||||
.view-new {
|
.view-new {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -2126,7 +2103,6 @@ textarea{
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: unset;
|
justify-content: unset;
|
||||||
color: #fff;
|
|
||||||
@extend .scroll;
|
@extend .scroll;
|
||||||
|
|
||||||
.new-data {
|
.new-data {
|
||||||
@ -3079,7 +3055,6 @@ textarea{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.synthesis-con {
|
.synthesis-con {
|
||||||
color: #fff;
|
|
||||||
.synthesis-content {
|
.synthesis-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -3248,7 +3223,7 @@ textarea{
|
|||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
|
||||||
.img {
|
.img {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
@ -3504,7 +3479,7 @@ textarea{
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input,.input {
|
input {
|
||||||
width: 240px;
|
width: 240px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
background: rgba(0, 186, 255, 0.15);
|
background: rgba(0, 186, 255, 0.15);
|
||||||
@ -3513,13 +3488,12 @@ textarea{
|
|||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
cursor: pointer;
|
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
color: #92B1D0;
|
color: #92B1D0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-t-34{
|
.m-t-34{
|
||||||
margin-top: 34px;
|
margin-top: 34px;
|
||||||
}
|
}
|
||||||
@ -3701,11 +3675,9 @@ textarea{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.vrcode-model {
|
.vrcode-model {
|
||||||
color: #fff;
|
|
||||||
&.manage-model {
|
&.manage-model {
|
||||||
.el-dialog {
|
.el-dialog {
|
||||||
background: rgba(0, 59, 114, 0.8);
|
background: rgba(0, 59, 114, 0.8);
|
||||||
|
|
||||||
border: 2px solid rgba(0, 186, 255, 0.35);
|
border: 2px solid rgba(0, 186, 255, 0.35);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3716,13 +3688,6 @@ textarea{
|
|||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
grid-row-gap: 0px; //纵向间隔
|
grid-row-gap: 0px; //纵向间隔
|
||||||
grid-column-gap: 20px; //横向间隔
|
grid-column-gap: 20px; //横向间隔
|
||||||
&.grid-3{
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.flex-no{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3734,40 +3699,39 @@ textarea{
|
|||||||
.dialog-footer {
|
.dialog-footer {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.manage-img {
|
|
||||||
width: 380px;
|
|
||||||
position: relative;
|
|
||||||
// height: 290px;
|
|
||||||
background: rgba(0, 132, 255, 0.15);
|
|
||||||
border: 2px solid rgba(0, 132, 255, 0.35);
|
|
||||||
min-height: 200px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
img {
|
|
||||||
width: 360px;
|
|
||||||
height: auto;
|
|
||||||
min-height: 200px;
|
|
||||||
max-height: 360px;
|
|
||||||
}
|
|
||||||
.upload-img{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
min-height: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
#sel-img,#sel-img1 {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.manage-right {
|
.manage-right {
|
||||||
|
.manage-img {
|
||||||
|
width: 380px;
|
||||||
|
position: relative;
|
||||||
|
// height: 290px;
|
||||||
|
background: rgba(0, 132, 255, 0.15);
|
||||||
|
border: 2px solid rgba(0, 132, 255, 0.35);
|
||||||
|
min-height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
img {
|
||||||
|
width: 360px;
|
||||||
|
height: auto;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
.upload-img{
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
min-height: unset;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
#sel-img {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.manage-text {
|
.manage-text {
|
||||||
@ -3830,7 +3794,7 @@ textarea{
|
|||||||
position: relative;
|
position: relative;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff;
|
|
||||||
&.vrcode-model-title-282 {
|
&.vrcode-model-title-282 {
|
||||||
background: url(../img/vrcode-title-282.png) no-repeat;
|
background: url(../img/vrcode-title-282.png) no-repeat;
|
||||||
background-size: 282px 43px;
|
background-size: 282px 43px;
|
||||||
@ -4180,7 +4144,7 @@ color: #FF9999;
|
|||||||
max-height: 700px;
|
max-height: 700px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
color: #fff;
|
|
||||||
>div {
|
>div {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -4199,7 +4163,7 @@ color: #FF9999;
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #fff;
|
|
||||||
.setsuyuan-page {
|
.setsuyuan-page {
|
||||||
width: 375px;
|
width: 375px;
|
||||||
height: 736px;
|
height: 736px;
|
||||||
|
|||||||
@ -149,14 +149,6 @@ const routes = [
|
|||||||
path: '/officialWebsiteCase',
|
path: '/officialWebsiteCase',
|
||||||
name: 'officialWebsiteCase',
|
name: 'officialWebsiteCase',
|
||||||
component: () => import('../views/officialWebsite/case.vue')
|
component: () => import('../views/officialWebsite/case.vue')
|
||||||
}, {
|
|
||||||
path: '/officialWebsiteNews',
|
|
||||||
name: 'officialWebsiteNews',
|
|
||||||
component: () => import('../views/officialWebsite/new.vue')
|
|
||||||
}, {
|
|
||||||
path: '/officialWebsiteProduct',
|
|
||||||
name: 'officialWebsiteProduct',
|
|
||||||
component: () => import('../views/officialWebsite/product.vue')
|
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@ -104,7 +104,7 @@ export default {
|
|||||||
// { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img5.png') },
|
// { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img5.png') },
|
||||||
//systemManage systemManage
|
//systemManage systemManage
|
||||||
// manage
|
// manage
|
||||||
{ name: '管理', router: 'manage', routerList: ['manage','dataDevice','deviceStatusSet','officialWebsiteBanner','officialWebsiteProduct','officialWebsiteCase','officialWebsiteNews','deviceSet','deviceInfoManage','weatherData','mobileControl','userInfoControl','deviceManage','videoManage'], img: require('../assets/image/header-img6.png') },
|
{ name: '管理', router: 'manage', routerList: ['manage','dataDevice','deviceStatusSet','officialWebsiteBanner','officialWebsiteCase','deviceSet','deviceInfoManage','weatherData','mobileControl','userInfoControl','deviceManage','videoManage'], img: require('../assets/image/header-img6.png') },
|
||||||
|
|
||||||
{ name: '大数据', router: 'largeScreen', routerList: ['largeScreen'], img: require('../assets/image/header-img8.png') }
|
{ name: '大数据', router: 'largeScreen', routerList: ['largeScreen'], img: require('../assets/image/header-img8.png') }
|
||||||
],
|
],
|
||||||
@ -138,8 +138,6 @@ export default {
|
|||||||
'mobileControl',
|
'mobileControl',
|
||||||
'userInfoControl',
|
'userInfoControl',
|
||||||
'officialWebsiteCase',
|
'officialWebsiteCase',
|
||||||
'officialWebsiteNews',
|
|
||||||
'officialWebsiteProduct',
|
|
||||||
'deviceManage',
|
'deviceManage',
|
||||||
'videoManage',
|
'videoManage',
|
||||||
'officialWebsiteBanner',],
|
'officialWebsiteBanner',],
|
||||||
@ -409,9 +407,7 @@ export default {
|
|||||||
{deviceTypeName:'用户信息管理',router:'userInfoControl',index:6},
|
{deviceTypeName:'用户信息管理',router:'userInfoControl',index:6},
|
||||||
{deviceTypeName:'设备管理',router:'deviceManage',index:7},
|
{deviceTypeName:'设备管理',router:'deviceManage',index:7},
|
||||||
{deviceTypeName:'官网顶部轮播图管理',router:'officialWebsiteBanner',index:8},
|
{deviceTypeName:'官网顶部轮播图管理',router:'officialWebsiteBanner',index:8},
|
||||||
{deviceTypeName:'官网产品管理',router:'officialWebsiteProduct',index:11},
|
|
||||||
{deviceTypeName:'官网案例管理',router:'officialWebsiteCase',index:9},
|
{deviceTypeName:'官网案例管理',router:'officialWebsiteCase',index:9},
|
||||||
{deviceTypeName:'官网新闻管理',router:'officialWebsiteNews',index:10},
|
|
||||||
// {deviceTypeName:'摄像头信息管理',router:'videoManage',index:8},
|
// {deviceTypeName:'摄像头信息管理',router:'videoManage',index:8},
|
||||||
] },
|
] },
|
||||||
]
|
]
|
||||||
|
|||||||
@ -81,7 +81,14 @@
|
|||||||
placeholder="请输入排序"
|
placeholder="请输入排序"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="manage-textarea">
|
||||||
|
<div class="input-title">案例中文特点(以回车键换行)</div>
|
||||||
|
<textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="manage-textarea">
|
||||||
|
<div class="input-title">案例英文特点(以回车键换行)</div>
|
||||||
|
<textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="manage-right">
|
<div class="manage-right">
|
||||||
<div class="manage-input">
|
<div class="manage-input">
|
||||||
@ -115,16 +122,6 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="vrcode-content flex-no" v-if="nowData">
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">案例中文特点(以回车键换行)</div>
|
|
||||||
<textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">案例英文特点(以回车键换行)</div>
|
|
||||||
<textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<div class="vrcode-btn blue-btn w-100" @click="changeAddModel">
|
<div class="vrcode-btn blue-btn w-100" @click="changeAddModel">
|
||||||
确定
|
确定
|
||||||
|
|||||||
@ -1,12 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="videoManage manage-page">
|
<div class="videoManage manage-page">
|
||||||
<div class="flex-view flex-title">
|
<div class="flex-view flex-title">
|
||||||
<div class="table-title">官网新闻管理</div>
|
<div class="table-title">官网案例管理</div>
|
||||||
<div class="table-title-btn blue" @click="openModel({}, 0)">
|
<div class="table-title-btn blue" @click="openModel({}, 0)">
|
||||||
<img src="../../assets/manageImg/add-btn.png" alt="" />添加
|
<img src="../../assets/manageImg/add-btn.png" alt="" />添加
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="table-view">
|
<div class="table-view">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
@ -16,16 +15,9 @@
|
|||||||
>
|
>
|
||||||
<el-table-column prop="detailedIntroductionSort" label="排序">
|
<el-table-column prop="detailedIntroductionSort" label="排序">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="detailedIntroductionName" label="新闻标题">
|
<el-table-column prop="detailedIntroductionName" label="案例名字">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="detailedIntroductionEnName" label="新闻英文标题">
|
<el-table-column prop="detailedIntroductionEnName" label="案例英文名字">
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="newsTime" label="日期">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="table-flex">
|
|
||||||
<div>{{ scope.row.newsTime | formatDate }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作">
|
<el-table-column label="操作">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
@ -62,25 +54,25 @@
|
|||||||
<div class="vrcode-model-title">
|
<div class="vrcode-model-title">
|
||||||
{{ modelName }}
|
{{ modelName }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="vrcode-content" v-if="nowData">
|
<div class="vrcode-content" v-if="nowData">
|
||||||
<div class="manage-left">
|
<div class="manage-left">
|
||||||
<div class="manage-input">
|
<div class="manage-input">
|
||||||
<div class="input-title">新闻标题</div>
|
<div class="input-title">案例名字</div>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
v-model="nowData.detailedIntroductionName"
|
v-model="nowData.detailedIntroductionName"
|
||||||
placeholder="请输入新闻标题"
|
placeholder="请输入案例名字"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="manage-input">
|
<div class="manage-input">
|
||||||
<div class="input-title">新闻英文标题</div>
|
<div class="input-title">案例英文名字</div>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
v-model="nowData.detailedIntroductionEnName"
|
v-model="nowData.detailedIntroductionEnName"
|
||||||
placeholder="请输入新闻英文标题"
|
placeholder="请输入案例英文名字"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="manage-input">
|
<div class="manage-input">
|
||||||
<div class="input-title">排序</div>
|
<div class="input-title">排序</div>
|
||||||
<input
|
<input
|
||||||
@ -89,40 +81,18 @@
|
|||||||
placeholder="请输入排序"
|
placeholder="请输入排序"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="manage-textarea">
|
||||||
<div class="manage-input">
|
<div class="input-title">案例中文特点(以回车键换行)</div>
|
||||||
<div class="input-title">新闻日期选择</div>
|
<textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
<el-date-picker
|
|
||||||
v-model="nowData.newsTime"
|
|
||||||
type="date"
|
|
||||||
placeholder="选择日期"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="manage-input">
|
<div class="manage-textarea">
|
||||||
<div class="input-title">新闻内容编写</div>
|
<div class="input-title">案例英文特点(以回车键换行)</div>
|
||||||
<div></div>
|
<textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
<input
|
|
||||||
@click="openNewsModel(0)"
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionText"
|
|
||||||
placeholder="点击进行编写内容"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">新闻英文内容编写</div>
|
|
||||||
<input
|
|
||||||
@click="openNewsModel(1)"
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionEnText"
|
|
||||||
placeholder="点击进行编写内容"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="manage-right">
|
<div class="manage-right">
|
||||||
<div class="manage-input">
|
<div class="manage-input">
|
||||||
<div class="input-title">新闻展示图片(图片大小不能超过2MB)</div>
|
<div class="input-title">案例图片(图片大小不能超过2MB)</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="manage-img" v-loading="loading">
|
<div class="manage-img" v-loading="loading">
|
||||||
<label for="sel-img">
|
<label for="sel-img">
|
||||||
@ -148,6 +118,8 @@
|
|||||||
@change="handleImageChange($event, 0)"
|
@change="handleImageChange($event, 0)"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
@ -159,62 +131,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
title="新闻内容编写"
|
|
||||||
top="10vh"
|
|
||||||
:visible.sync="newsModel"
|
|
||||||
width="1000px"
|
|
||||||
class="vrcode-model manage-model"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<div class="vrcode-model-title">
|
|
||||||
新闻{{ newsEdit == 1 ? "英文" : "中文" }}内容编写
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="vrcode-content flex-no">
|
|
||||||
<div style="border: 1px solid #ccc; width: 100%" v-loading="upLoading">
|
|
||||||
<Toolbar
|
|
||||||
style="border-bottom: 1px solid #ccc"
|
|
||||||
:editor="editor"
|
|
||||||
:defaultConfig="toolbarConfig"
|
|
||||||
:mode="mode"
|
|
||||||
/>
|
|
||||||
<Editor
|
|
||||||
style="height: 500px; overflow-y: hidden"
|
|
||||||
v-model="html"
|
|
||||||
:defaultConfig="editorConfig"
|
|
||||||
:mode="mode"
|
|
||||||
@onCreated="handleCreated"
|
|
||||||
@onChange="handleChange"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<div class="vrcode-btn blue-btn w-100" @click="changeNewModel">
|
|
||||||
确定
|
|
||||||
</div>
|
|
||||||
<div class="vrcode-btn cancle-btn w-100" @click="closeNewsModel">
|
|
||||||
取消
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
|
|
||||||
import { DomEditor } from "@wangeditor/editor";
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
|
||||||
Editor,
|
|
||||||
Toolbar,
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
newsModel: false,
|
|
||||||
newsEdit: 0, //编辑/添加的是中文还是英文 0是中文1是英文
|
|
||||||
tableData: [],
|
tableData: [],
|
||||||
addModel: false,
|
addModel: false,
|
||||||
nowData: {
|
nowData: {
|
||||||
@ -224,151 +146,38 @@ export default {
|
|||||||
detailedIntroductionText: "",
|
detailedIntroductionText: "",
|
||||||
detailedIntroductionName: "",
|
detailedIntroductionName: "",
|
||||||
detailedIntroductionSort: "",
|
detailedIntroductionSort: "",
|
||||||
newsTime: "",
|
type:2,
|
||||||
type: 3,
|
|
||||||
},
|
},
|
||||||
modelName: "添加",
|
modelName: "添加",
|
||||||
typeSelList: [],
|
typeSelList: [],
|
||||||
TypeSel: "",
|
TypeSel: "",
|
||||||
selId: "",
|
selId: "",
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
//
|
|
||||||
upLoading: false,
|
|
||||||
editor: null,
|
|
||||||
html: "",
|
|
||||||
mode: "default",
|
|
||||||
editorConfig: {
|
|
||||||
placeholder: "请编写新闻内容...",
|
|
||||||
backColor: "red", // 背景颜色
|
|
||||||
MENU_CONF: {
|
|
||||||
uploadImage: {
|
|
||||||
customUpload: this.uploaadImg,
|
|
||||||
},
|
|
||||||
uploadVideo: {
|
|
||||||
customUpload: this.uploaadVideo,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
toolbarConfig: {},
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
filters: {
|
|
||||||
formatDate: function (value) {
|
|
||||||
if (!value) return "";
|
|
||||||
const date = new Date(value);
|
|
||||||
|
|
||||||
// 处理时区问题，转换为本地时间
|
|
||||||
const year = date.getFullYear();
|
|
||||||
const month = String(date.getMonth() + 1).padStart(2, "0");
|
|
||||||
const day = String(date.getDate()).padStart(2, "0");
|
|
||||||
|
|
||||||
return `${year}-${month}-${day}`;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.dataInit();
|
this.dataInit();
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
|
||||||
const editor = this.editor;
|
|
||||||
if (editor == null) return;
|
|
||||||
editor.destroy(); // 销毁编辑器
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
dataInit() {
|
dataInit() {
|
||||||
this.api.website_getowpabyowpidMan().then((res) => {
|
this.api.website_getowpabyowpidMan().then((res) => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.tableData = res.data.data.filter(
|
this.tableData = res.data.data.filter(item => item && item.type === 2);
|
||||||
(item) => item && item.type === 3
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleCreated(editor) {
|
|
||||||
this.editor = Object.seal(editor); // 一定要用 Object.seal() ，否则会报错
|
|
||||||
// 设置工具栏详情
|
|
||||||
this.toolbarConfig = {
|
|
||||||
excludeKeys: [
|
|
||||||
"insertVideo",
|
|
||||||
"uploadVideo",
|
|
||||||
"group-video",
|
|
||||||
"fullScreen",
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
closeNewsModel() {
|
|
||||||
if (this.upLoading) {
|
|
||||||
this.$message("请等待图片上传完成");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.html = "";
|
|
||||||
this.newsModel = false;
|
|
||||||
},
|
|
||||||
// 新闻弹窗点击确定
|
|
||||||
changeNewModel() {
|
|
||||||
if (this.newsEdit == 0) {
|
|
||||||
this.nowData.detailedIntroductionText = this.html;
|
|
||||||
} else {
|
|
||||||
this.nowData.detailedIntroductionEnText = this.html;
|
|
||||||
}
|
|
||||||
this.newsModel = false;
|
|
||||||
this.newsEdit = 0;
|
|
||||||
},
|
|
||||||
// 打开新闻页面 0是中文编辑 1是英文
|
|
||||||
openNewsModel(type) {
|
|
||||||
if (type == 0) {
|
|
||||||
this.html = this.nowData.detailedIntroductionText
|
|
||||||
? this.nowData.detailedIntroductionText
|
|
||||||
: "";
|
|
||||||
} else {
|
|
||||||
this.html = this.nowData.detailedIntroductionEnText
|
|
||||||
? this.nowData.detailedIntroductionEnText
|
|
||||||
: "";
|
|
||||||
}
|
|
||||||
this.newsEdit = type;
|
|
||||||
this.newsModel = true;
|
|
||||||
},
|
|
||||||
handleChange(content) {
|
|
||||||
const toolbar = DomEditor.getToolbar(content);
|
|
||||||
// 查看工具栏列表toolbar.getConfig().toolbarKeys
|
|
||||||
},
|
|
||||||
// 上传图片到线上 并且插入到富文本编辑器中
|
|
||||||
async uploaadImg(file, insertFn) {
|
|
||||||
// 处理入参
|
|
||||||
this.upLoading = true;
|
|
||||||
var data = { file: file };
|
|
||||||
await this.api
|
|
||||||
.websiteUploadImage(data)
|
|
||||||
.then((res) => {
|
|
||||||
this.upLoading = false;
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message.success("插入图片成功");
|
|
||||||
insertFn(res.data.msg); // 页面插入图片
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
this.upLoading = false;
|
|
||||||
this.$message.error("插入图片失败");
|
|
||||||
});
|
|
||||||
},
|
|
||||||
uploaadVideo(file, insertFn) {
|
|
||||||
this.$emit("uploadVideo", file, insertFn);
|
|
||||||
},
|
|
||||||
|
|
||||||
openModel(item, type) {
|
openModel(item, type) {
|
||||||
if (type == 0) {
|
if (type == 0) {
|
||||||
this.modelName = "添加";
|
this.modelName = "添加";
|
||||||
this.addModel = true;
|
this.addModel = true;
|
||||||
this.nowData = {
|
this.nowData = {
|
||||||
detailedIntroductionImage: "",
|
detailedIntroductionImage: "",
|
||||||
detailedIntroductionEnName: "",
|
detailedIntroductionEnName: "",
|
||||||
detailedIntroductionEnText: "",
|
detailedIntroductionEnText: "",
|
||||||
detailedIntroductionText: "",
|
detailedIntroductionText: "",
|
||||||
detailedIntroductionName: "",
|
detailedIntroductionName: "",
|
||||||
detailedIntroductionSort: "",
|
detailedIntroductionSort: "",
|
||||||
type: 3,
|
type:2,
|
||||||
};
|
};
|
||||||
} else {
|
} else {
|
||||||
this.modelName = "编辑";
|
this.modelName = "编辑";
|
||||||
@ -376,7 +185,6 @@ export default {
|
|||||||
this.addModel = true;
|
this.addModel = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
changeAddModel() {
|
changeAddModel() {
|
||||||
this.Addloading = this.$loading({
|
this.Addloading = this.$loading({
|
||||||
lock: true,
|
lock: true,
|
||||||
@ -384,9 +192,9 @@ export default {
|
|||||||
spinner: "el-icon-loading",
|
spinner: "el-icon-loading",
|
||||||
background: "rgba(0, 0, 0, 0.7)",
|
background: "rgba(0, 0, 0, 0.7)",
|
||||||
});
|
});
|
||||||
|
|
||||||
if (this.modelName == "编辑") {
|
if (this.modelName == "编辑") {
|
||||||
var data = { ...this.nowData, id: this.nowData.id.toString() };
|
var data = { ...this.nowData,id:this.nowData.id.toString() };
|
||||||
this.api.website_updateops(data).then((res) => {
|
this.api.website_updateops(data).then((res) => {
|
||||||
this.Addloading.close();
|
this.Addloading.close();
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
@ -444,7 +252,7 @@ export default {
|
|||||||
this.nowData.detailedIntroductionImage = res.data.msg;
|
this.nowData.detailedIntroductionImage = res.data.msg;
|
||||||
this.$refs.fileInput.value = "";
|
this.$refs.fileInput.value = "";
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.data.msg);
|
this.$message.error(res.data.msg);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@ -473,6 +281,4 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
|
||||||
<style lang="scss"></style>
|
<style lang="scss"></style>
|
||||||
@ -1,614 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="videoManage manage-page">
|
|
||||||
<div class="flex-view flex-title">
|
|
||||||
<div class="table-title">官网产品列表管理</div>
|
|
||||||
<div class="table-title-btn blue" @click="openModel1({}, 0)">
|
|
||||||
<img src="../../assets/manageImg/add-btn.png" alt="" />添加
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="table-view">
|
|
||||||
<el-table
|
|
||||||
:data="tableData1"
|
|
||||||
:row-class-name="tableRowClassName"
|
|
||||||
height="320"
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<el-table-column prop="productDisplaySort" label="排序">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="productDisplayName" label="产品列表名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="productDisplayEnName" label="产品列表英文名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="table-flex">
|
|
||||||
<div class="table-operate blue" @click="openModel1(scope.row, 1)">
|
|
||||||
<img src="../../assets/manageImg/table-edit.png" alt="" />编辑
|
|
||||||
</div>
|
|
||||||
<el-popconfirm
|
|
||||||
@confirm="confirmDel1(scope.row)"
|
|
||||||
title="这一段内容确定删除吗？"
|
|
||||||
icon-color="red"
|
|
||||||
>
|
|
||||||
<div class="table-operate red" slot="reference">
|
|
||||||
<img
|
|
||||||
src="../../assets/manageImg/table-delete.png"
|
|
||||||
alt=""
|
|
||||||
/>删除
|
|
||||||
</div>
|
|
||||||
</el-popconfirm>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div class="flex-view"></div>
|
|
||||||
<div class="flex-view flex-title">
|
|
||||||
<div class="table-title">官网产品管理</div>
|
|
||||||
<div class="table-title-btn blue" @click="openModel({}, 0)">
|
|
||||||
<img src="../../assets/manageImg/add-btn.png" alt="" />添加
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="table-view">
|
|
||||||
<el-table
|
|
||||||
:data="tableData"
|
|
||||||
:row-class-name="tableRowClassName"
|
|
||||||
height="320"
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<el-table-column prop="detailedIntroductionSort" label="排序">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="detailedIntroductionName" label="产品名字">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="detailedIntroductionEnName" label="产品英文名字">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="table-flex">
|
|
||||||
<div class="table-operate blue" @click="openModel(scope.row, 1)">
|
|
||||||
<img src="../../assets/manageImg/table-edit.png" alt="" />编辑
|
|
||||||
</div>
|
|
||||||
<el-popconfirm
|
|
||||||
@confirm="confirmDel(scope.row)"
|
|
||||||
title="这一段内容确定删除吗？"
|
|
||||||
icon-color="red"
|
|
||||||
>
|
|
||||||
<div class="table-operate red" slot="reference">
|
|
||||||
<img
|
|
||||||
src="../../assets/manageImg/table-delete.png"
|
|
||||||
alt=""
|
|
||||||
/>删除
|
|
||||||
</div>
|
|
||||||
</el-popconfirm>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<!-- 产品列表弹窗 -->
|
|
||||||
<el-dialog
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
title="提示"
|
|
||||||
top="10vh"
|
|
||||||
:visible.sync="addModel1"
|
|
||||||
width="700px"
|
|
||||||
class="vrcode-model manage-model"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<div class="vrcode-model-title">
|
|
||||||
{{ modelName1 }}
|
|
||||||
</div>
|
|
||||||
<div class="vrcode-content" v-if="nowData1">
|
|
||||||
<div class="manage-left">
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品列表名字</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData1.productDisplayName"
|
|
||||||
placeholder="请输入产品列表名字"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品列表英文名字</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData1.productDisplayEnName"
|
|
||||||
placeholder="请输入产品列表英文名字"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">排序</div>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
v-model="nowData1.productDisplaySort"
|
|
||||||
placeholder="请输入排序"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="manage-right">
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品列表图片(图片大小不能超过2MB)</div>
|
|
||||||
</div>
|
|
||||||
<div class="manage-img" v-loading="loading">
|
|
||||||
<label for="sel-img1">
|
|
||||||
<img
|
|
||||||
v-show="nowData1.productDisplayImages"
|
|
||||||
class=""
|
|
||||||
:src="nowData1.productDisplayImages"
|
|
||||||
alt="产品列表图片"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
class="upload-img"
|
|
||||||
v-show="!nowData1.productDisplayImages"
|
|
||||||
src="../../assets/img/upload-img.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
ref="fileInput1"
|
|
||||||
type="file"
|
|
||||||
:multiple="false"
|
|
||||||
id="sel-img1"
|
|
||||||
accept="image/*"
|
|
||||||
@change="handleImageChange1($event, 0)"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<div class="vrcode-btn blue-btn w-100" @click="changeAddModel1">
|
|
||||||
确定
|
|
||||||
</div>
|
|
||||||
<div class="vrcode-btn cancle-btn w-100" @click="addModel1 = false">
|
|
||||||
取消
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
<!-- 产品详情弹窗 -->
|
|
||||||
<el-dialog
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
title="提示"
|
|
||||||
top="10vh"
|
|
||||||
:visible.sync="addModel"
|
|
||||||
width="1050px"
|
|
||||||
class="vrcode-model manage-model"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<div class="vrcode-model-title">
|
|
||||||
{{ modelName }}
|
|
||||||
</div>
|
|
||||||
<div class="vrcode-content grid-3" v-if="nowData">
|
|
||||||
<div class="manage-left">
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">所属产品列表</div>
|
|
||||||
<el-select v-model="nowData.productId" placeholder="请选择">
|
|
||||||
<el-option
|
|
||||||
v-for="item in tableData1"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.productDisplayName"
|
|
||||||
:value="item.id">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品名称</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionName"
|
|
||||||
placeholder="请输入产品名称"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品英文名称</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionEnName"
|
|
||||||
placeholder="请输入产品英文名称"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">排序</div>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
v-model="nowData.detailedIntroductionSort"
|
|
||||||
placeholder="请输入排序"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品详情小标题</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionTextTitle"
|
|
||||||
placeholder="请输入产品详情小标题"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品详情小标题英文</div>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="nowData.detailedIntroductionTextEnTitle"
|
|
||||||
placeholder="请输入产品详情小标题英文"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="manage-right">
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">产品中文内容(以回车键换行)</div>
|
|
||||||
<textarea
|
|
||||||
v-model="nowData.detailedIntroductionTextContent"
|
|
||||||
name=""
|
|
||||||
id=""
|
|
||||||
cols="30"
|
|
||||||
rows="10"
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">产品英文内容(以回车键换行)</div>
|
|
||||||
<textarea
|
|
||||||
v-model="nowData.detailedIntroductionTextEnContent"
|
|
||||||
name=""
|
|
||||||
id=""
|
|
||||||
cols="30"
|
|
||||||
rows="10"
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">产品中文讲解(以回车键换行)</div>
|
|
||||||
<textarea
|
|
||||||
v-model="nowData.detailedIntroductionText"
|
|
||||||
name=""
|
|
||||||
id=""
|
|
||||||
cols="30"
|
|
||||||
rows="10"
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="manage-textarea">
|
|
||||||
<div class="input-title">产品英文讲解(以回车键换行)</div>
|
|
||||||
<textarea
|
|
||||||
v-model="nowData.detailedIntroductionEnText"
|
|
||||||
name=""
|
|
||||||
id=""
|
|
||||||
cols="30"
|
|
||||||
rows="10"
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="manage-right">
|
|
||||||
<div class="manage-input">
|
|
||||||
<div class="input-title">产品详情图片(图片大小不能超过2MB)</div>
|
|
||||||
</div>
|
|
||||||
<div class="manage-img" v-loading="loading">
|
|
||||||
<label for="sel-img">
|
|
||||||
<img
|
|
||||||
v-show="nowData.detailedIntroductionImage"
|
|
||||||
class=""
|
|
||||||
:src="nowData.detailedIntroductionImage"
|
|
||||||
alt="案例图片"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
class="upload-img"
|
|
||||||
v-show="!nowData.detailedIntroductionImage"
|
|
||||||
src="../../assets/img/upload-img.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
ref="fileInput"
|
|
||||||
type="file"
|
|
||||||
:multiple="false"
|
|
||||||
id="sel-img"
|
|
||||||
accept="image/*"
|
|
||||||
@change="handleImageChange($event, 0)"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<div class="vrcode-btn blue-btn w-100" @click="changeAddModel">
|
|
||||||
确定
|
|
||||||
</div>
|
|
||||||
<div class="vrcode-btn cancle-btn w-100" @click="addModel = false">
|
|
||||||
取消
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 产品列表
|
|
||||||
tableData1: [],
|
|
||||||
addModel1: false,
|
|
||||||
nowData1: {
|
|
||||||
productDisplayEnName: "",
|
|
||||||
productDisplayImages: "",
|
|
||||||
productDisplayName: "",
|
|
||||||
productDisplaySort: "",
|
|
||||||
},
|
|
||||||
modelName1: "添加",
|
|
||||||
typeSelList: [],
|
|
||||||
TypeSel: "",
|
|
||||||
selId: "",
|
|
||||||
|
|
||||||
// 产品信息
|
|
||||||
tableData: [],
|
|
||||||
addModel: false,
|
|
||||||
nowData: {
|
|
||||||
detailedIntroductionEnName: "",
|
|
||||||
detailedIntroductionEnText: '',
|
|
||||||
detailedIntroductionImage: '',
|
|
||||||
detailedIntroductionName: "",
|
|
||||||
detailedIntroductionSort:'',
|
|
||||||
detailedIntroductionText: '',
|
|
||||||
detailedIntroductionTextContent: '',
|
|
||||||
detailedIntroductionTextEnContent: '',
|
|
||||||
detailedIntroductionTextEnTitle:'',
|
|
||||||
detailedIntroductionTextTitle:'',
|
|
||||||
productId: "",
|
|
||||||
type: 1,
|
|
||||||
},
|
|
||||||
modelName: "添加",
|
|
||||||
selId: "",
|
|
||||||
|
|
||||||
loading: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.dataInit();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
dataInit() {
|
|
||||||
this.getProduct()
|
|
||||||
this.getProductList()
|
|
||||||
},
|
|
||||||
getProduct(){
|
|
||||||
this.api.website_getowpabyowpidMan().then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.tableData = res.data.data.filter(
|
|
||||||
(item) => item && item.type === 1
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getProductList(){
|
|
||||||
this.api.website_getowpManagement().then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.tableData1 = res.data.data;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 产品详情
|
|
||||||
openModel(item, type) {
|
|
||||||
if (type == 0) {
|
|
||||||
this.modelName = "添加";
|
|
||||||
this.addModel = true;
|
|
||||||
this.nowData = {
|
|
||||||
detailedIntroductionEnName: "",
|
|
||||||
detailedIntroductionEnText: '',
|
|
||||||
detailedIntroductionImage: '',
|
|
||||||
detailedIntroductionName: "",
|
|
||||||
detailedIntroductionSort:'',
|
|
||||||
detailedIntroductionText: '',
|
|
||||||
detailedIntroductionTextContent: '',
|
|
||||||
detailedIntroductionTextEnContent: '',
|
|
||||||
detailedIntroductionTextEnTitle:'',
|
|
||||||
detailedIntroductionTextTitle:'',
|
|
||||||
productId: "",
|
|
||||||
type: 1,
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
this.modelName = "编辑";
|
|
||||||
this.nowData = JSON.parse(JSON.stringify(item));
|
|
||||||
this.addModel = true;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 产品列表
|
|
||||||
openModel1(item, type) {
|
|
||||||
if (type == 0) {
|
|
||||||
this.modelName1 = "添加";
|
|
||||||
this.addModel1 = true;
|
|
||||||
this.nowData1 = {
|
|
||||||
productDisplayEnName: "",
|
|
||||||
productDisplayImages: "",
|
|
||||||
productDisplayName: "",
|
|
||||||
productDisplaySort: "",
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
this.modelName1 = "编辑";
|
|
||||||
this.nowData1 = JSON.parse(JSON.stringify(item));
|
|
||||||
this.addModel1 = true;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 产品详情
|
|
||||||
changeAddModel() {
|
|
||||||
this.Addloading = this.$loading({
|
|
||||||
lock: true,
|
|
||||||
text: "加载中",
|
|
||||||
spinner: "el-icon-loading",
|
|
||||||
background: "rgba(0, 0, 0, 0.7)",
|
|
||||||
});
|
|
||||||
|
|
||||||
if (this.modelName == "编辑") {
|
|
||||||
var data = { ...this.nowData, id: this.nowData.id.toString() };
|
|
||||||
this.api.website_updateops(data).then((res) => {
|
|
||||||
this.Addloading.close();
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
this.getProduct()
|
|
||||||
this.addModel = false;
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
this.addModel = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
var data = { ...this.nowData };
|
|
||||||
this.api.website_addops(data).then((res) => {
|
|
||||||
this.Addloading.close();
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
this.getProduct()
|
|
||||||
this.addModel = false;
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
this.addModel = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 产品列表
|
|
||||||
changeAddModel1() {
|
|
||||||
this.Addloading = this.$loading({
|
|
||||||
lock: true,
|
|
||||||
text: "加载中",
|
|
||||||
spinner: "el-icon-loading",
|
|
||||||
background: "rgba(0, 0, 0, 0.7)",
|
|
||||||
});
|
|
||||||
|
|
||||||
if (this.modelName1 == "编辑") {
|
|
||||||
var data = { ...this.nowData1, id: this.nowData1.id.toString() };
|
|
||||||
this.api.website_updateowp(data).then((res) => {
|
|
||||||
this.Addloading.close();
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
this.getProductList()
|
|
||||||
this.addModel1 = false;
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
this.addModel1 = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
var data = { ...this.nowData1 };
|
|
||||||
this.api.website_addowp(data).then((res) => {
|
|
||||||
this.Addloading.close();
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
this.getProductList()
|
|
||||||
this.addModel1 = false;
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
this.addModel1 = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 产品详情
|
|
||||||
handleImageChange(event, type) {
|
|
||||||
this.loading = true;
|
|
||||||
if (event.target.files.length === 0) {
|
|
||||||
// 用户点击了取消
|
|
||||||
this.loading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const file = event.target.files[0];
|
|
||||||
|
|
||||||
const reader = new FileReader();
|
|
||||||
const maxSize = 2 * 1024 * 1024; // 2MB in bytes
|
|
||||||
if (file.size > maxSize) {
|
|
||||||
this.$message.error("图片大小不能超过2MB");
|
|
||||||
this.$refs.fileInput.value = "";
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
reader.onload = (e) => {
|
|
||||||
const imageData = e.target.result;
|
|
||||||
const convertedFile = new File([imageData], file.name, {
|
|
||||||
type: file.type,
|
|
||||||
});
|
|
||||||
// 处理转换后的文件...
|
|
||||||
|
|
||||||
var data = { file: convertedFile };
|
|
||||||
this.api.websiteUploadImage(data).then((res) => {
|
|
||||||
this.loading = false;
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.nowData.detailedIntroductionImage = res.data.msg;
|
|
||||||
this.$refs.fileInput.value = "";
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
reader.readAsArrayBuffer(file);
|
|
||||||
},
|
|
||||||
// 产品列表
|
|
||||||
handleImageChange1(event, type) {
|
|
||||||
this.loading = true;
|
|
||||||
if (event.target.files.length === 0) {
|
|
||||||
// 用户点击了取消
|
|
||||||
this.loading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const file = event.target.files[0];
|
|
||||||
|
|
||||||
const reader = new FileReader();
|
|
||||||
const maxSize = 2 * 1024 * 1024; // 2MB in bytes
|
|
||||||
if (file.size > maxSize) {
|
|
||||||
this.$message.error("图片大小不能超过2MB");
|
|
||||||
this.$refs.fileInput1.value = "";
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
reader.onload = (e) => {
|
|
||||||
const imageData = e.target.result;
|
|
||||||
const convertedFile = new File([imageData], file.name, {
|
|
||||||
type: file.type,
|
|
||||||
});
|
|
||||||
// 处理转换后的文件...
|
|
||||||
|
|
||||||
var data = { file: convertedFile };
|
|
||||||
this.api.websiteUploadImage(data).then((res) => {
|
|
||||||
this.loading = false;
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.nowData1.productDisplayImages = res.data.msg;
|
|
||||||
this.$refs.fileInput1.value = "";
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
reader.readAsArrayBuffer(file);
|
|
||||||
},
|
|
||||||
// 产品详情
|
|
||||||
confirmDel(item) {
|
|
||||||
var data = { id: item.id.toString() };
|
|
||||||
this.api.website_delops(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.getProduct()
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 产品列表
|
|
||||||
confirmDel1(item) {
|
|
||||||
var data = { id: item.id.toString() };
|
|
||||||
this.api.website_delowp(data).then((res) => {
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.getProductList()
|
|
||||||
this.$message.success(res.data.msg);
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.data.msg);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
tableRowClassName({ row, rowIndex }) {
|
|
||||||
if (rowIndex % 2 == 1) {
|
|
||||||
return "warning-row";
|
|
||||||
} else if (rowIndex % 2 == 0) {
|
|
||||||
return "success-row";
|
|
||||||
}
|
|
||||||
return "";
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss"></style>
|
|
||||||
284
src/views/officialWebsite/productList.vue
Normal file
284
src/views/officialWebsite/productList.vue
Normal file
@ -0,0 +1,284 @@
|
|||||||
|
<template>
|
||||||
|
<div class="videoManage manage-page">
|
||||||
|
<div class="flex-view flex-title">
|
||||||
|
<div class="table-title">官网案例管理</div>
|
||||||
|
<div class="table-title-btn blue" @click="openModel({}, 0)">
|
||||||
|
<img src="../../assets/manageImg/add-btn.png" alt="" />添加
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-view">
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
height="620"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column prop="detailedIntroductionSort" label="排序">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="detailedIntroductionName" label="案例名字">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="detailedIntroductionEnName" label="案例英文名字">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="table-flex">
|
||||||
|
<div class="table-operate blue" @click="openModel(scope.row, 1)">
|
||||||
|
<img src="../../assets/manageImg/table-edit.png" alt="" />编辑
|
||||||
|
</div>
|
||||||
|
<el-popconfirm
|
||||||
|
@confirm="confirmDel(scope.row)"
|
||||||
|
title="这一段内容确定删除吗？"
|
||||||
|
icon-color="red"
|
||||||
|
>
|
||||||
|
<div class="table-operate red" slot="reference">
|
||||||
|
<img
|
||||||
|
src="../../assets/manageImg/table-delete.png"
|
||||||
|
alt=""
|
||||||
|
/>删除
|
||||||
|
</div>
|
||||||
|
</el-popconfirm>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<el-dialog
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
title="提示"
|
||||||
|
top="10vh"
|
||||||
|
:visible.sync="addModel"
|
||||||
|
width="700px"
|
||||||
|
class="vrcode-model manage-model"
|
||||||
|
:append-to-body="true"
|
||||||
|
>
|
||||||
|
<div class="vrcode-model-title">
|
||||||
|
{{ modelName }}
|
||||||
|
</div>
|
||||||
|
<div class="vrcode-content" v-if="nowData">
|
||||||
|
<div class="manage-left">
|
||||||
|
<div class="manage-input">
|
||||||
|
<div class="input-title">案例名字</div>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
v-model="nowData.detailedIntroductionName"
|
||||||
|
placeholder="请输入案例名字"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="manage-input">
|
||||||
|
<div class="input-title">案例英文名字</div>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
v-model="nowData.detailedIntroductionEnName"
|
||||||
|
placeholder="请输入案例英文名字"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="manage-input">
|
||||||
|
<div class="input-title">排序</div>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
v-model="nowData.detailedIntroductionSort"
|
||||||
|
placeholder="请输入排序"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="manage-textarea">
|
||||||
|
<div class="input-title">案例中文特点(以回车键换行)</div>
|
||||||
|
<textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="manage-textarea">
|
||||||
|
<div class="input-title">案例英文特点(以回车键换行)</div>
|
||||||
|
<textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="manage-right">
|
||||||
|
<div class="manage-input">
|
||||||
|
<div class="input-title">案例图片(图片大小不能超过2MB)</div>
|
||||||
|
</div>
|
||||||
|
<div class="manage-img" v-loading="loading">
|
||||||
|
<label for="sel-img">
|
||||||
|
<img
|
||||||
|
v-show="nowData.detailedIntroductionImage"
|
||||||
|
class=""
|
||||||
|
:src="nowData.detailedIntroductionImage"
|
||||||
|
alt="案例图片"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
class="upload-img"
|
||||||
|
v-show="!nowData.detailedIntroductionImage"
|
||||||
|
src="../../assets/img/upload-img.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
ref="fileInput"
|
||||||
|
type="file"
|
||||||
|
:multiple="false"
|
||||||
|
id="sel-img"
|
||||||
|
accept="image/*"
|
||||||
|
@change="handleImageChange($event, 0)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<div class="vrcode-btn blue-btn w-100" @click="changeAddModel">
|
||||||
|
确定
|
||||||
|
</div>
|
||||||
|
<div class="vrcode-btn cancle-btn w-100" @click="addModel = false">
|
||||||
|
取消
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
addModel: false,
|
||||||
|
nowData: {
|
||||||
|
detailedIntroductionImage: "",
|
||||||
|
detailedIntroductionEnName: "",
|
||||||
|
detailedIntroductionEnText: "",
|
||||||
|
detailedIntroductionText: "",
|
||||||
|
detailedIntroductionName: "",
|
||||||
|
detailedIntroductionSort: "",
|
||||||
|
type:2,
|
||||||
|
},
|
||||||
|
modelName: "添加",
|
||||||
|
typeSelList: [],
|
||||||
|
TypeSel: "",
|
||||||
|
selId: "",
|
||||||
|
loading: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.dataInit();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
dataInit() {
|
||||||
|
this.api.website_getowpabyowpidMan().then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.tableData = res.data.data.filter(item => item && item.type === 2);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openModel(item, type) {
|
||||||
|
if (type == 0) {
|
||||||
|
this.modelName = "添加";
|
||||||
|
this.addModel = true;
|
||||||
|
this.nowData = {
|
||||||
|
detailedIntroductionImage: "",
|
||||||
|
detailedIntroductionEnName: "",
|
||||||
|
detailedIntroductionEnText: "",
|
||||||
|
detailedIntroductionText: "",
|
||||||
|
detailedIntroductionName: "",
|
||||||
|
detailedIntroductionSort: "",
|
||||||
|
type:2,
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
this.modelName = "编辑";
|
||||||
|
this.nowData = JSON.parse(JSON.stringify(item));
|
||||||
|
this.addModel = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeAddModel() {
|
||||||
|
this.Addloading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: "加载中",
|
||||||
|
spinner: "el-icon-loading",
|
||||||
|
background: "rgba(0, 0, 0, 0.7)",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (this.modelName == "编辑") {
|
||||||
|
var data = { ...this.nowData,id:this.nowData.id.toString() };
|
||||||
|
this.api.website_updateops(data).then((res) => {
|
||||||
|
this.Addloading.close();
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.$message.success(res.data.msg);
|
||||||
|
this.dataInit();
|
||||||
|
this.addModel = false;
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
this.addModel = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
var data = { ...this.nowData };
|
||||||
|
this.api.website_addops(data).then((res) => {
|
||||||
|
this.Addloading.close();
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.$message.success(res.data.msg);
|
||||||
|
this.dataInit();
|
||||||
|
this.addModel = false;
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
this.addModel = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleImageChange(event, type) {
|
||||||
|
this.loading = true;
|
||||||
|
if (event.target.files.length === 0) {
|
||||||
|
// 用户点击了取消
|
||||||
|
this.loading = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const file = event.target.files[0];
|
||||||
|
|
||||||
|
const reader = new FileReader();
|
||||||
|
const maxSize = 2 * 1024 * 1024; // 2MB in bytes
|
||||||
|
if (file.size > maxSize) {
|
||||||
|
this.$message.error("图片大小不能超过2MB");
|
||||||
|
this.$refs.fileInput.value = "";
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
reader.onload = (e) => {
|
||||||
|
const imageData = e.target.result;
|
||||||
|
const convertedFile = new File([imageData], file.name, {
|
||||||
|
type: file.type,
|
||||||
|
});
|
||||||
|
// 处理转换后的文件...
|
||||||
|
|
||||||
|
var data = { file: convertedFile };
|
||||||
|
this.api.websiteUploadImage(data).then((res) => {
|
||||||
|
this.loading = false;
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.nowData.detailedIntroductionImage = res.data.msg;
|
||||||
|
this.$refs.fileInput.value = "";
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
reader.readAsArrayBuffer(file);
|
||||||
|
},
|
||||||
|
|
||||||
|
confirmDel(item) {
|
||||||
|
var data = { id: item.id.toString() };
|
||||||
|
this.api.website_delops(data).then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.dataInit();
|
||||||
|
this.$message.success(res.data.msg);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
tableRowClassName({ row, rowIndex }) {
|
||||||
|
if (rowIndex % 2 == 1) {
|
||||||
|
return "warning-row";
|
||||||
|
} else if (rowIndex % 2 == 0) {
|
||||||
|
return "success-row";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss"></style>
|
||||||
Loading…
x
Reference in New Issue
Block a user