Skip to content

S
sample-form-platform
Commit 897bef90 authored by 赵啸非's avatar 赵啸非
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents dfbbb07e 09f6edb7
Hide whitespace changes
Inline Side-by-side
Showing with 482 additions and 305 deletions
sample-form-client-ui/admin/src/App.vue
View file @ 897bef90
...@@ -159,16 +159,17 @@ export default { ...@@ -159,16 +159,17 @@ export default {
} }
:root { :root {
// 标题颜色 // 标题颜色
--main-title-color: #fff; --main-h1-color: #fff;
/* 辅助颜色 */ /* 辅助颜色 */
--main-assist-color: #59d1fe;
--main-assist-color1: #59d1fe; --main-assist-color1: #59d1fe;
--main-assist-color2: #f77234; --main-assist-color2: #f77234;
--main-assist-color3: #f53f3f; --main-assist-color3: #f53f3f;
--main-assist-color4: #58c09e; --main-assist-color4: #58c09e;
/* 主题颜色 */ /* 主题颜色 */
--main-theme-color1: #0857e8; --main-theme-color: #0857e8;
// 底部数据名称 // 底部数据标题名称
--data-name-color: #666; --main-sjbt-color: #666;
// 渐变色(主色) // 渐变色(主色)
--gradient-ramp-theme1: #0857e8; --gradient-ramp-theme1: #0857e8;
--gradient-ramp-theme2: #fd644f; --gradient-ramp-theme2: #fd644f;
...@@ -181,4 +182,7 @@ export default { ...@@ -181,4 +182,7 @@ export default {
.main-bg-img { .main-bg-img {
background: url("./assets/img/bg(1).jpg") no-repeat; background: url("./assets/img/bg(1).jpg") no-repeat;
} }
.main-kstd-img {
background: url("./assets/img/btn_kuaisu.png") no-repeat;
}
</style> </style>
sample-form-client-ui/admin/src/assets/css/common.css
View file @ 897bef90
/* 颜色 */ /* 颜色 */
.primary { .primary {
color: #1890FF; color: #1890ff;
} }
.delete { .delete {
color: #FF4D4F; color: #ff4d4f;
} }
.green { .green {
color: #1BBC9B; color: #1bbc9b;
} }
.clofff { .clofff {
color: #fff; color: #fff;
} }
.orange { .orange {
color: orange; color: orange;
} }
.bgdel { .bgdel {
background-color: #FF4D4F; background-color: #ff4d4f;
} }
.bgpr { .bgpr {
background-color: #1890FF; background-color: #1890ff;
} }
.bgg { .bgg {
background-color: #1BBC9B; background-color: #1bbc9b;
} }
/* 版心 */ /* 版心 */
.container { .container {
width: 1200px; width: 1200px;
} }
/* 弹性布局 */ /* 弹性布局 */
.flex { .flex {
display: flex; display: flex;
} }
.flex1 { .flex1 {
flex: 1 flex: 1;
} }
.flexc { .flexc {
flex-direction: column; flex-direction: column;
} }
.flexwrap { .flexwrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.jcc { .jcc {
justify-content: center; justify-content: center;
} }
.jca { .jca {
justify-content: space-around; justify-content: space-around;
} }
.jcb { .jcb {
justify-content: space-between; justify-content: space-between;
} }
.jce { .jce {
justify-content: space-evenly; justify-content: space-evenly;
} }
.aic { .aic {
align-items: center; align-items: center;
} }
.aca { .aca {
align-content: space-around; align-content: space-around;
} }
.acb { .acb {
align-content: space-between; align-content: space-between;
} }
.ace { .ace {
align-content: space-evenly; align-content: space-evenly;
} }
/* margin */ /* margin */
.m10 { .m10 {
margin: 10px margin: 10px;
} }
.m15 { .m15 {
margin: 15px; margin: 15px;
} }
.m20 { .m20 {
margin: 20px; margin: 20px;
} }
.mt10 { .mt10 {
margin-top: 10px; margin-top: 10px;
} }
.mt15 { .mt15 {
margin-top: 15px; margin-top: 15px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mt28 { .mt28 {
margin-top: 28px; margin-top: 28px;
} }
.mt50 { .mt50 {
margin-top: 50px; margin-top: 50px;
} }
.mt130 { .mt130 {
margin-top: 130px; margin-top: 130px;
} }
.ml10 { .ml10 {
margin-left: 10px; margin-left: 10px;
} }
.ml15 { .ml15 {
margin-left: 15px; margin-left: 15px;
} }
.ml20 { .ml20 {
margin-left: 20px; margin-left: 20px;
} }
.ml25 { .ml25 {
margin-left: 25px; margin-left: 25px;
} }
.mr10 { .mr10 {
margin-right: 10px; margin-right: 10px;
} }
.mr15 { .mr15 {
margin-right: 15px; margin-right: 15px;
} }
.mr20 { .mr20 {
margin-right: 20px; margin-right: 20px;
} }
.mr25 { .mr25 {
margin-right: 25px; margin-right: 25px;
} }
.mr30 { .mr30 {
margin-right: 30px; margin-right: 30px;
} }
.mr50 { .mr50 {
margin-right: 50px; margin-right: 50px;
} }
.mb10 { .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb15 { .mb15 {
margin-bottom: 15px; margin-bottom: 15px;
} }
.mb20 { .mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mb25 { .mb25 {
margin-bottom: 25px; margin-bottom: 25px;
} }
.mb32 { .mb32 {
margin-bottom: 32px; margin-bottom: 32px;
} }
/* padding */ /* padding */
.pd10 { .pd10 {
padding: 10px; padding: 10px;
} }
.pd15 { .pd15 {
padding: 15px; padding: 15px;
} }
.pd20 { .pd20 {
padding: 20px; padding: 20px;
} }
.pdt10 { .pdt10 {
padding-top: 10px; padding-top: 10px;
} }
.pdt15 { .pdt15 {
padding-top: 15px; padding-top: 15px;
} }
.pdt20 { .pdt20 {
padding-top: 20px; padding-top: 20px;
} }
.pdt30 { .pdt30 {
padding-top: 30px; padding-top: 30px;
} }
.pdl8 { .pdl8 {
padding-left: 8px; padding-left: 8px;
} }
.pdl10 { .pdl10 {
padding-left: 10px; padding-left: 10px;
} }
.pdl15 { .pdl15 {
padding-left: 15px; padding-left: 15px;
} }
.pdl20 { .pdl20 {
padding-left: 20px; padding-left: 20px;
} }
.pdr10 { .pdr10 {
padding-right: 10px; padding-right: 10px;
} }
.pdr15 { .pdr15 {
padding-right: 15px; padding-right: 15px;
} }
.pdr20 { .pdr20 {
padding-right: 20px; padding-right: 20px;
} }
.pdb10 { .pdb10 {
padding-bottom: 10px; padding-bottom: 10px;
} }
.pdb15 { .pdb15 {
padding-bottom: 15px; padding-bottom: 15px;
} }
.pdb20 { .pdb20 {
padding-bottom: 20px; padding-bottom: 20px;
} }
/* 字体大小 */ /* 字体大小 */
.font16 { .font16 {
font-size: 16px; font-size: 16px;
} }
.font18 { .font18 {
font-size: 18px; font-size: 18px;
} }
.font20 { .font20 {
font-size: 20px; font-size: 20px;
} }
.font22 { .font22 {
font-size: 22px; font-size: 22px;
} }
.font24 { .font24 {
font-size: 24px; font-size: 24px;
} }
.font26 { .font26 {
font-size: 26px; font-size: 26px;
} }
.font28 { .font28 {
font-size: 28px; font-size: 28px;
} }
.font30 { .font30 {
font-size: 30px; font-size: 30px;
} }
/* 字体位置 */ /* 字体位置 */
.tac { .tac {
text-align: center; text-align: center;
} }
.tal { .tal {
text-align: left; text-align: left;
} }
.tar { .tar {
text-align: right; text-align: right;
} }
/* 加粗 */ /* 加粗 */
.fontw600 { .fontw600 {
font-weight: 600; font-weight: 600;
} }
.fontw700 { .fontw700 {
font-weight: 700; font-weight: 700;
} }
.fontw800 { .fontw800 {
font-weight: 800; font-weight: 800;
} }
/* 手型鼠标 */ /* 手型鼠标 */
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }
.pagination { .pagination {
margin-top: 10px; margin-top: 10px;
text-align: right; text-align: right;
} }
/** /**
...@@ -321,70 +321,70 @@ ...@@ -321,70 +321,70 @@
*/ */
/* el-table列数据为空自动显示-- */ /* el-table列数据为空自动显示-- */
.cell:empty::before { .cell:empty::before {
content: '--'; content: "--";
color: gray; color: gray;
} }
.el-dialog__body { .el-dialog__body {
border-top: 1px solid #ececec; border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec; border-bottom: 1px solid #ececec;
padding: 20px !important; padding: 20px !important;
} }
.el-card { .el-card {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.el-card__body { .el-card__body {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.gutter { .gutter {
width: 6px !important; width: 6px !important;
} }
.el-table__body-wrapper::-webkit-scrollbar { .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; width: 6px;
overflow-y: auto; overflow-y: auto;
} }
.el-table__body-wrapper::-webkit-scrollbar-thumb { .el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 6px; border-radius: 6px;
background-color: rgba(144, 147, 153, .5); background-color: rgba(144, 147, 153, 0.5);
} }
.el-table__body-wrapper::-webkit-scrollbar-track { .el-table__body-wrapper::-webkit-scrollbar-track {
border-radius: 6px; border-radius: 6px;
background: #fff; background: #fff;
} }
.matter-fullName { .matter-fullName {
display: inline-block; display: inline-block;
width: 86px; width: 86px;
height: 30px; height: 30px;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
margin-right: 6px; margin-right: 6px;
background: #dfe9fb; background: #dfe9fb;
border-radius: 4px; border-radius: 4px;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
.scroll3 { .scroll3 {
overflow-y: auto; overflow-y: auto;
} }
.scroll3::-webkit-scrollbar { .scroll3::-webkit-scrollbar {
width: 3px; width: 3px;
overflow-y: auto; overflow-y: auto;
} }
.scroll3::-webkit-scrollbar-thumb { .scroll3::-webkit-scrollbar-thumb {
border-radius: 3px; border-radius: 3px;
background-color: rgba(144, 147, 153, 0.5); background-color: rgba(144, 147, 153, 0.5);
} }
.scroll3::-webkit-scrollbar-track { .scroll3::-webkit-scrollbar-track {
border-radius: 3px; border-radius: 3px;
background: #fff; background: #fff;
} }
\ No newline at end of file
sample-form-client-ui/admin/src/components/MateralsList.vue
View file @ 897bef90
...@@ -212,7 +212,7 @@ export default { ...@@ -212,7 +212,7 @@ export default {
border-radius: 8px; border-radius: 8px;
font-size: 20px; font-size: 20px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: var(--main-theme-color1); color: var(--main-theme-color);
text-align: center; text-align: center;
line-height: 50px; line-height: 50px;
cursor: pointer; cursor: pointer;
......
sample-form-client-ui/admin/src/components/SearchBox.vue
View file @ 897bef90
...@@ -62,8 +62,8 @@ export default { ...@@ -62,8 +62,8 @@ export default {
height: 62px; height: 62px;
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--main-theme-color1), var(--main-theme-color),
var(--main-assist-color1) var(--main-assist-color)
); );
border-radius: 8px; border-radius: 8px;
color: #ffffff; color: #ffffff;
......
sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue
View file @ 897bef90
...@@ -231,11 +231,11 @@ export default { ...@@ -231,11 +231,11 @@ export default {
.next-btn { .next-btn {
width: 130px; width: 130px;
height: 54px; height: 54px;
border: 1px solid var(--main-theme-color1); border: 1px solid var(--main-theme-color);
border-radius: 8px; border-radius: 8px;
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
.print-btn { .print-btn {
width: 130px; width: 130px;
......
sample-form-client-ui/admin/src/pages/home/Home.vue
View file @ 897bef90
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
<div class="right flex flexc aic jcb"> <div class="right flex flexc aic jcb">
<div class="right-top flex aic jcb"> <div class="right-top flex aic jcb">
<router-link to="/matterList"> <router-link to="/matterList">
<div class="fill-btn flex aic jcc pointer"> <div class="fill-btn flex aic jcc pointer main-kstd-img">
<span class="fill-btn-text1">快</span> <span class="fill-btn-text1">快</span>
<span class="fill-btn-text2">速</span> <span class="fill-btn-text2">速</span>
<span class="fill-btn-text3">查</span> <span class="fill-btn-text3">查</span>
...@@ -370,13 +370,13 @@ export default { ...@@ -370,13 +370,13 @@ export default {
.title { .title {
font-weight: 400; font-weight: 400;
font-size: 61px; font-size: 61px;
color: var(--main-title-color); color: var(--main-h1-color);
} }
} }
.right { .right {
.tips-name { .tips-name {
font-size: 18px; font-size: 18px;
color: var(--main-title-color); color: var(--main-h1-color);
} }
.count { .count {
color: #317054; color: #317054;
...@@ -447,8 +447,8 @@ export default { ...@@ -447,8 +447,8 @@ export default {
height: 62px; height: 62px;
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--main-theme-color1), var(--main-theme-color),
var(--main-assist-color1) var(--main-assist-color)
); );
border-radius: 8px; border-radius: 8px;
color: #ffffff; color: #ffffff;
...@@ -512,7 +512,7 @@ export default { ...@@ -512,7 +512,7 @@ export default {
line-height: 56px; line-height: 56px;
border-radius: 8px; border-radius: 8px;
font-size: 22px; font-size: 22px;
color: var(--main-theme-color1); color: var(--main-theme-color);
letter-spacing: 2px; letter-spacing: 2px;
&:nth-child(2n-1) { &:nth-child(2n-1) {
background-color: #fff; background-color: #fff;
...@@ -529,7 +529,6 @@ export default { ...@@ -529,7 +529,6 @@ export default {
.fill-btn { .fill-btn {
width: 530px; width: 530px;
height: 170px; height: 170px;
background: url("../../assets/img/btn_kuaisu.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 50px; font-size: 50px;
font-weight: 500; font-weight: 500;
...@@ -606,7 +605,7 @@ export default { ...@@ -606,7 +605,7 @@ export default {
line-height: 45px; line-height: 45px;
border-radius: 8px; border-radius: 8px;
font-size: 20px; font-size: 20px;
color: var(--main-theme-color1); color: var(--main-theme-color);
letter-spacing: 2px; letter-spacing: 2px;
&:nth-child(2n) { &:nth-child(2n) {
background-color: #f6f9fe; background-color: #f6f9fe;
...@@ -629,17 +628,17 @@ export default { ...@@ -629,17 +628,17 @@ export default {
.data-name { .data-name {
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: var(--data-name-color); color: var(--main-sjbt-color);
} }
.count-box { .count-box {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
font-size: 24px; font-size: 24px;
color: var(--main-theme-color1); color: var(--main-theme-color);
.data-count { .data-count {
font-size: 38px; font-size: 38px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
} }
.line { .line {
...@@ -648,8 +647,8 @@ export default { ...@@ -648,8 +647,8 @@ export default {
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
#ccc, #ccc,
var(--main-theme-color1) 35%, var(--main-theme-color) 35%,
var(--main-theme-color1) 75%, var(--main-theme-color) 75%,
#ccc 100% #ccc 100%
); );
} }
......
sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue
View file @ 897bef90
...@@ -297,7 +297,7 @@ export default { ...@@ -297,7 +297,7 @@ export default {
height: 25px; height: 25px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: var(--main-theme-color1); color: var(--main-theme-color);
line-height: 28px; line-height: 28px;
span { span {
font-size: 28px; font-size: 28px;
......
sample-form-client-ui/admin/src/pages/showpage/MatterList.vue
View file @ 897bef90
...@@ -280,7 +280,7 @@ export default { ...@@ -280,7 +280,7 @@ export default {
height: 25px; height: 25px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: var(--main-theme-color1); color: var(--main-theme-color);
line-height: 28px; line-height: 28px;
span { span {
......
sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue
View file @ 897bef90
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
height: v.height + 'px', height: v.height + 'px',
}" }"
class="preview-img" class="preview-img"
:src="api + v.samplePath" :src="api + v.preViewPath"
/> />
</div> </div>
</div> </div>
...@@ -141,7 +141,7 @@ export default { ...@@ -141,7 +141,7 @@ export default {
let { data } = res.data.data; let { data } = res.data.data;
data.forEach((v) => { data.forEach((v) => {
let image = new Image(); let image = new Image();
image.src = this.api + v.samplePath; image.src = this.api + v.preViewPath;
image.onload = function () { image.onload = function () {
v.height = image.height; v.height = image.height;
}; };
...@@ -215,7 +215,7 @@ export default { ...@@ -215,7 +215,7 @@ export default {
height: 26px; height: 26px;
background: #52a8f6; background: #52a8f6;
border-radius: 50%; border-radius: 50%;
color: var(--main-theme-color1); color: var(--main-theme-color);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
...@@ -232,7 +232,7 @@ export default { ...@@ -232,7 +232,7 @@ export default {
border-radius: 16px; border-radius: 16px;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
color: var(--main-theme-color1); color: var(--main-theme-color);
position: absolute; position: absolute;
right: 28px; right: 28px;
} }
...@@ -249,7 +249,7 @@ export default { ...@@ -249,7 +249,7 @@ export default {
background: #f2f6fe; background: #f2f6fe;
border-radius: 4px; border-radius: 4px;
line-height: 38px; line-height: 38px;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
.materails-item { .materails-item {
height: 42px; height: 42px;
...@@ -270,13 +270,13 @@ export default { ...@@ -270,13 +270,13 @@ export default {
); );
} }
.active { .active {
color: var(--main-theme-color1); color: var(--main-theme-color);
.line { .line {
background-image: linear-gradient( background-image: linear-gradient(
to right, to right,
#fff, #fff,
var(--main-theme-color1) 10%, var(--main-theme-color) 10%,
var(--main-theme-color1) 80%, var(--main-theme-color) 80%,
#fff #fff
); );
} }
...@@ -287,8 +287,8 @@ export default { ...@@ -287,8 +287,8 @@ export default {
height: 276px; height: 276px;
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--main-theme-color1), var(--main-theme-color),
var(--main-assist-color1) var(--main-assist-color)
); );
box-shadow: 6px -1px 10px 0px rgba(11, 92, 233, 0.11); box-shadow: 6px -1px 10px 0px rgba(11, 92, 233, 0.11);
border-radius: 0px 38px 8px 0px; border-radius: 0px 38px 8px 0px;
...@@ -318,7 +318,7 @@ export default { ...@@ -318,7 +318,7 @@ export default {
.short { .short {
font-size: 26px; font-size: 26px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
.full-name { .full-name {
margin-top: 10px; margin-top: 10px;
...@@ -348,7 +348,7 @@ export default { ...@@ -348,7 +348,7 @@ export default {
cursor: pointer; cursor: pointer;
i { i {
font-size: 54px; font-size: 54px;
color: var(--main-theme-color1); color: var(--main-theme-color);
} }
} }
} }
......
sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue
View file @ 897bef90
...@@ -86,8 +86,8 @@ export default { ...@@ -86,8 +86,8 @@ export default {
.active { .active {
background: linear-gradient( background: linear-gradient(
270deg, 270deg,
var(--main-assist-color1), var(--main-assist-color),
var(--main-theme-color1) var(--main-theme-color)
); );
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: #ffffff; color: #ffffff;
......
sample-form-manager-ui/admin/src/App.vue
View file @ 897bef90
...@@ -10,7 +10,7 @@ export default { ...@@ -10,7 +10,7 @@ export default {
return {}; return {};
}, },
created() { created() {
this.readVueXData(); // this.readVueXData();
}, },
methods: { methods: {
// 解决刷新store初始化问题 // 解决刷新store初始化问题
...@@ -36,9 +36,8 @@ export default { ...@@ -36,9 +36,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.app { .app {
width: 100%; width: 100%;
min-width: 1400px; height: 100%;
min-height: 100%;
background-color: #f0f2f5; background-color: #f0f2f5;
display: flex; // display: flex;
} }
</style> </style>
sample-form-manager-ui/admin/src/assets/css/common.css
View file @ 897bef90
/* 颜色 */ /* 颜色 */
.primary { .primary {
color: #1890FF; color: #1890ff;
} }
.delete { .delete {
color: #FF4D4F; color: #ff4d4f;
} }
.green { .green {
color: #1BBC9B; color: #1bbc9b;
} }
.clofff { .clofff {
color: #fff; color: #fff;
} }
.orange { .orange {
color: orange; color: orange;
} }
.bgdel { .bgdel {
background-color: #FF4D4F; background-color: #ff4d4f;
} }
.bgpr { .bgpr {
background-color: #1890FF; background-color: #1890ff;
} }
.bgg { .bgg {
background-color: #1BBC9B; background-color: #1bbc9b;
} }
/* 版心 */ /* 版心 */
.container { .container {
width: 1200px; width: 1200px;
} }
/* 弹性布局 */ /* 弹性布局 */
.flex { .flex {
display: flex; display: flex;
} }
.flex1 { .flex1 {
flex: 1 flex: 1;
} }
.flexc { .flexc {
flex-direction: column; flex-direction: column;
} }
.flexwrap { .flexwrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.jcc { .jcc {
justify-content: center; justify-content: center;
} }
.jca { .jca {
justify-content: space-around; justify-content: space-around;
} }
.jcb { .jcb {
justify-content: space-between; justify-content: space-between;
} }
.jce { .jce {
justify-content: space-evenly; justify-content: space-evenly;
} }
.aic { .aic {
align-items: center; align-items: center;
} }
.aca { .aca {
align-content: space-around; align-content: space-around;
} }
.acb { .acb {
align-content: space-between; align-content: space-between;
} }
.ace { .ace {
align-content: space-evenly; align-content: space-evenly;
} }
/* margin */ /* margin */
.m10 { .m10 {
margin: 10px margin: 10px;
} }
.m15 { .m15 {
margin: 15px; margin: 15px;
} }
.m20 { .m20 {
margin: 20px; margin: 20px;
} }
.mt10 { .mt10 {
margin-top: 10px; margin-top: 10px;
} }
.mt15 { .mt15 {
margin-top: 15px; margin-top: 15px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mt50 { .mt50 {
margin-top: 50px; margin-top: 50px;
} }
.ml10 { .ml10 {
margin-left: 10px; margin-left: 10px;
} }
.ml15 { .ml15 {
margin-left: 15px; margin-left: 15px;
} }
.ml20 { .ml20 {
margin-left: 20px; margin-left: 20px;
} }
.ml25 { .ml25 {
margin-left: 25px; margin-left: 25px;
} }
.mr10 { .mr10 {
margin-right: 10px; margin-right: 10px;
} }
.mr15 { .mr15 {
margin-right: 15px; margin-right: 15px;
} }
.mr20 { .mr20 {
margin-right: 20px; margin-right: 20px;
} }
.mr25 { .mr25 {
margin-right: 25px; margin-right: 25px;
} }
.mr50 { .mr50 {
margin-right: 50px; margin-right: 50px;
} }
.mb10 { .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb15 { .mb15 {
margin-bottom: 15px; margin-bottom: 15px;
} }
.mb20 { .mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mb25 { .mb25 {
margin-bottom: 25px; margin-bottom: 25px;
} }
/* padding */ /* padding */
.pd10 { .pd10 {
padding: 10px; padding: 10px;
} }
.pd15 { .pd15 {
padding: 15px; padding: 15px;
} }
.pd20 { .pd20 {
padding: 20px; padding: 20px;
} }
.pdt10 { .pdt10 {
padding-top: 10px; padding-top: 10px;
} }
.pdt15 { .pdt15 {
padding-top: 15px; padding-top: 15px;
} }
.pdt20 { .pdt20 {
padding-top: 20px; padding-top: 20px;
} }
.pdt30 { .pdt30 {
padding-top: 30px; padding-top: 30px;
} }
.pdl8 { .pdl8 {
padding-left: 8px; padding-left: 8px;
} }
.pdl10 { .pdl10 {
padding-left: 10px; padding-left: 10px;
} }
.pdl15 { .pdl15 {
padding-left: 15px; padding-left: 15px;
} }
.pdl20 { .pdl20 {
padding-left: 20px; padding-left: 20px;
} }
.pdr10 { .pdr10 {
padding-right: 10px; padding-right: 10px;
} }
.pdr15 { .pdr15 {
padding-right: 15px; padding-right: 15px;
} }
.pdr20 { .pdr20 {
padding-right: 20px; padding-right: 20px;
} }
.pdb10 { .pdb10 {
padding-bottom: 10px; padding-bottom: 10px;
} }
.pdb15 { .pdb15 {
padding-bottom: 15px; padding-bottom: 15px;
} }
.pdb20 { .pdb20 {
padding-bottom: 20px; padding-bottom: 20px;
} }
/* 字体大小 */ /* 字体大小 */
.font16 { .font16 {
font-size: 16px; font-size: 16px;
} }
.font18 { .font18 {
font-size: 18px; font-size: 18px;
} }
.font20 { .font20 {
font-size: 20px; font-size: 20px;
} }
.font22 { .font22 {
font-size: 22px; font-size: 22px;
} }
.font24 { .font24 {
font-size: 24px; font-size: 24px;
} }
.font26 { .font26 {
font-size: 26px; font-size: 26px;
} }
.font28 { .font28 {
font-size: 28px; font-size: 28px;
} }
.font30 { .font30 {
font-size: 30px; font-size: 30px;
} }
/* 字体位置 */ /* 字体位置 */
.tac { .tac {
text-align: center; text-align: center;
} }
.tal { .tal {
text-align: left; text-align: left;
} }
.tar { .tar {
text-align: right; text-align: right;
} }
/* 加粗 */ /* 加粗 */
.fontw600 { .fontw600 {
font-weight: 600; font-weight: 600;
} }
.fontw700 { .fontw700 {
font-weight: 700; font-weight: 700;
} }
.fontw800 { .fontw800 {
font-weight: 800; font-weight: 800;
} }
/* 手型鼠标 */ /* 手型鼠标 */
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }
.pagination { .pagination {
margin-top: 10px; margin-top: 10px;
text-align: right; text-align: right;
}
/* title */
.color_title {
margin-left: 15px;
position: relative;
margin-bottom: 15px;
}
.color_title::before {
content: "";
width: 4px;
height: 20px;
position: absolute;
top: 0px;
left: -16px;
background-color: #1890ff;
} }
/** /**
...@@ -309,50 +325,50 @@ ...@@ -309,50 +325,50 @@
*/ */
/* el-table列数据为空自动显示-- */ /* el-table列数据为空自动显示-- */
.cell:empty::before { .cell:empty::before {
content: '--'; content: "--";
color: gray; color: gray;
} }
.el-dialog__body { .el-dialog__body {
border-top: 1px solid #ececec; border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec; border-bottom: 1px solid #ececec;
padding: 20px !important; padding: 20px !important;
} }
.el-card { .el-card {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.el-card__body { .el-card__body {
width: 100%; width: 100%;
flex:1; flex: 1;
padding-bottom:10px !important; padding-bottom: 10px !important;
} }
.gutter { .gutter {
width: 6px !important; width: 6px !important;
} }
.el-table__body-wrapper::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; width: 6px;
overflow-y: auto; overflow-y: auto;
} }
.el-table__body-wrapper::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 6px; border-radius: 6px;
background-color: rgba(144, 147, 153, .5); background-color: rgba(144, 147, 153, 0.5);
} }
.el-table__body-wrapper::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 6px; border-radius: 6px;
background: #fff; background: rgba(0, 0, 0, 0);
} }
.autoWidth { .autoWidth {
min-width: 120px; min-width: 120px;
} }
.autoWidth .el-input__prefix { .autoWidth .el-input__prefix {
position: relative; position: relative;
...@@ -369,5 +385,5 @@ ...@@ -369,5 +385,5 @@
position: absolute; position: absolute;
} }
.el-tooltip__popper { .el-tooltip__popper {
max-width: 20%; max-width: 20%;
} }
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/hardware/NumberWriteDevice.vue
View file @ 897bef90
...@@ -297,7 +297,11 @@ export default { ...@@ -297,7 +297,11 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.device { .device {
width: 100%; width: 100%;
height: 100%; min-height: 100%;
display: flex;
:deep(.el-card) {
height: auto;
}
} }
// .table-content { // .table-content {
// height: 550px; // height: 550px;
......
sample-form-manager-ui/admin/src/pages/layouts/Layouts.vue
View file @ 897bef90
...@@ -88,12 +88,13 @@ export default { ...@@ -88,12 +88,13 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.layouts { .layouts {
width: 100%; width: 100%;
height: auto; min-width: 1500px;
height: 100%;
padding-bottom: 10px; padding-bottom: 10px;
.crumbs { // .crumbs {
margin: 10px 0px; // margin: 10px 0px;
width: 98%; // width: 98%;
} // }
.out-box { .out-box {
width: 98%; width: 98%;
margin-top: 10px; margin-top: 10px;
......
sample-form-manager-ui/admin/src/pages/software/basics/BasicsSet.vue
View file @ 897bef90
...@@ -171,8 +171,8 @@ export default { ...@@ -171,8 +171,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.basics-set { .basics-set {
width: 100%; width: 100%;
height: 100%; min-height: 100%;
display: flex;
.title { .title {
font-size: 15px; font-size: 15px;
color: #000; color: #000;
...@@ -180,7 +180,7 @@ export default { ...@@ -180,7 +180,7 @@ export default {
} }
:deep(.el-card) { :deep(.el-card) {
height: 100%; height: auto;
} }
.header { .header {
......
sample-form-manager-ui/admin/src/pages/software/librarymanage/LibraryManage.vue
View file @ 897bef90
...@@ -264,8 +264,12 @@ export default { ...@@ -264,8 +264,12 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.library-manage { .library-manage {
display: flex;
width: 100%; width: 100%;
height: 100%; min-height: 100%;
:deep(.el-card) {
height: auto;
}
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
sample-form-manager-ui/admin/src/pages/software/materials/MaterialsManage.vue
View file @ 897bef90
...@@ -503,6 +503,7 @@ export default { ...@@ -503,6 +503,7 @@ export default {
if (code === 1) { if (code === 1) {
this.$message.success(msg); this.$message.success(msg);
this.getMaterialsList(); this.getMaterialsList();
this.getWriteMatterList();
this.rightSelectedRowKeys = []; this.rightSelectedRowKeys = [];
} }
}) })
...@@ -532,7 +533,7 @@ export default { ...@@ -532,7 +533,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.materias-manage { .materias-manage {
width: 100%; width: 100%;
height: 100%; min-height: 100%;
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -554,10 +555,10 @@ export default { ...@@ -554,10 +555,10 @@ export default {
.left { .left {
width: 40%; width: 40%;
height: 100%; height: auto;
} }
.right { .right {
width: 60%; width: 60%;
height: 100%; height: auto;
} }
</style> </style>
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/software/materials/modal/AddMaterials.vue
View file @ 897bef90
...@@ -186,9 +186,10 @@ export default { ...@@ -186,9 +186,10 @@ export default {
// 关闭 // 关闭
handleClose() { handleClose() {
this.$refs.form.resetFields(); this.$refs.form.resetFields();
this.fileUrlFileList = []; // this.fileUrlFileList = [];
this.templatePathFileList = []; // this.templatePathFileList = [];
this.samplePathFileList = []; this.samplePathFileList = [];
this.loading = false;
this.Visible = false; this.Visible = false;
}, },
// 上传样表 // 上传样表
......
sample-form-manager-ui/admin/src/pages/software/materials/modal/PreviewMaterials.vue
View file @ 897bef90
...@@ -83,11 +83,9 @@ export default { ...@@ -83,11 +83,9 @@ export default {
methods: { methods: {
handleOk() { handleOk() {
this.$refs.formBuilder.validate(); this.$refs.formBuilder.validate();
console.log(this.val);
}, },
handleClose() { handleClose() {
this.val = ""; this.val = "";
console.log(11);
}, },
}, },
}; };
......
sample-form-manager-ui/admin/src/pages/software/matter/MatterManage.vue
View file @ 897bef90
...@@ -533,7 +533,8 @@ export default { ...@@ -533,7 +533,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.matter-manage { .matter-manage {
width: 100%; width: 100%;
height: 100%; min-height: 100%;
display: flex;
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -546,18 +547,15 @@ export default { ...@@ -546,18 +547,15 @@ export default {
white-space: nowrap; white-space: nowrap;
} }
} }
/deep/.el-card {
height: 100%;
}
// .table-content { // .table-content {
// height: 550px; // height: 550px;
// } // }
.left { .left {
width: 50%; width: 50%;
height: 100%; height: auto;
} }
.right { .right {
width: 50%; width: 50%;
height: 100%; height: auto;
} }
</style> </style>
sample-form-manager-ui/admin/src/pages/software/skinManage/SkinManage.vue 0 → 100644
View file @ 897bef90
<template>
<div class="skin-set">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>皮肤管理</span>
</div>
<!-- 皮肤列表 -->
<div class="skin-box">
<div class="skin-category">
<div class="color_title">分类一</div>
<div class="skin-list">
<div
class="skin-item flex flexc aic"
v-for="v in skinList"
:key="v.skin_id"
>
<span>{{ v.skin_name }}</span>
<div class="skin-img-box">
<img
class="skin-img"
:src="v.previewImagePath"
@click="handlePreview(v.previewImagePath)"
/>
</div>
<el-button
size="small"
:class="{ active: v.check === '1' }"
@click="changeSkin('pdj', v)"
>{{
v.check === "1" ? "使用中(点击取消)" : "点击使用"
}}</el-button
>
</div>
</div>
</div>
</div>
<!-- 图片预览 -->
<el-image-viewer
v-if="previewImg"
:on-close="
() => {
(previewImg = false), (previewUrl = '');
}
"
:url-list="previewUrl"
/>
</el-card>
</div>
</template>
<script>
import local from "@/utils/local";
import ElImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
components: {
ElImageViewer,
},
data() {
return {
siteId: local.getLocal("sampleSiteId")
? local.getLocal("sampleSiteId")
: "",
skinList: [
{
id: 1,
skin_name: "样表普通皮肤",
previewImagePath: require("../../../assets/img/tiandan.png"),
check: "1",
},
],
previewImg: false,
previewUrl: "",
};
},
created() {},
methods: {
// 选择使用皮肤
async changeSkin(device, row) {
if (row.check === "1") {
// let obj = {
// skin_id: "",
// css_path: "",
// skin_name: "",
// previewImagePath: "",
// skinFieldList: "",
// device,
// };
row.check = "0";
console.log(check, device);
// if (code === 1) {
// this.$message.success("设置" + msg);
// }
} else {
row.check = "1";
}
},
// 预览皮肤
handlePreview(url) {
this.previewUrl = [url];
this.previewImg = true;
},
},
};
</script>
<style lang="less" scoped>
.skin-set {
display: flex;
width: 100%;
min-height: 100%;
}
:deep(.el-card) {
height: auto;
}
.skin-category {
margin-bottom: 30px;
}
.skin-list {
display: flex;
flex-wrap: wrap;
.skin-item {
text-align: center;
margin-top: 30px;
margin-right: 30px;
width: 200px;
.skin-img-box {
width: 100%;
height: 130px;
margin: 10px 0px;
background-color: #ccc;
.skin-img {
width: 100%;
height: 100%;
object-fit: contain;
cursor: pointer;
}
}
}
}
.active {
border: 1px solid #1a73e8;
color: #1a73e8;
}
</style>
sample-form-manager-ui/admin/src/router/index.js
View file @ 897bef90
...@@ -92,6 +92,20 @@ const dynamicRouter = [ ...@@ -92,6 +92,20 @@ const dynamicRouter = [
}, },
], ],
}, },
{
path: "/skinmanage",
component: Layouts,
meta: {
icon: "el-icon-orange",
title: "皮肤管理",
},
children: [
{
path: "",
component: () => import("@/pages/software/skinManage/SkinManage"),
},
],
},
{ {
path: "/numberwritedevice", path: "/numberwritedevice",
component: Layouts, component: Layouts,
......
sample-form-manager-ui/admin/src/utils/resetMessage.js
View file @ 897bef90
//防止element点击多次弹出message弹框 //防止element点击多次弹出message弹框
//创建一个js文件将此内容放入即可 //创建一个js文件将此内容放入即可
import { Message } from 'element-ui';
let messageval = null;
const Messages = (opt) => { import { Message } from "element-ui";
if (messageval ) { // 如果已经有一个message let messageval = null;
messageval.close() // 将上一个关闭 const Messages = (opt) => {
if (messageval) {
// 如果已经有一个message
messageval.close(); // 将上一个关闭
} }
messageval = Message(opt) messageval = Message(opt);
}; };
['error', 'success', 'info', 'warning'].forEach(type => { // 判断弹窗类型 ["error", "success", "info", "warning"].forEach((type) => {
// 判断弹窗类型
Messages [type] = opt=> {
if (typeof opt === 'string') {
opt= {
message: opt
}
Messages[type] = (opt) => {
if (typeof opt === "string") {
opt = {
message: opt,
duration: 1000,
};
} }
opt.type = type opt.type = type;
return Messages (opt)
}
}) return Messages(opt);
};
});
export const message = Messages export const message = Messages;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment