主题色更改

master
yujialong 2 months ago
parent a3015b8f92
commit 862cbd8e9a
  1. 2
      src/assets/element-variables.scss
  2. 189
      src/components/Process.vue
  3. 181
      src/components/Set.vue
  4. 4
      src/styles/index.scss
  5. 4
      src/utils/http.js
  6. 57
      src/views/Catalog.vue
  7. 42
      src/views/Flow.vue
  8. 2
      src/views/Home.vue
  9. 160
      src/views/List.vue
  10. 1026
      src/views/Loan.vue
  11. 1187
      src/views/ProgramOption.vue
  12. 302
      src/views/ProgramOptions.vue
  13. 144
      src/views/Tool.vue
  14. 3
      src/views/Transaction.vue

@ -1,6 +1,6 @@
/* 改变主题色变量 */
$--color-primary: #9278ff;
$--color-primary: #062c87;
/* 改变 icon 字体路径变量,必需 */

@ -41,16 +41,9 @@
</el-form-item>
<el-link type="primary" :underline="false" class="file_button">模板下载</el-link>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview" :on-remove="handleRemove" multiple :limit="3" :on-exceed="handleExceed"
:file-list="fileList">
<el-link type="primary" :underline="false" class="file_button">上传</el-link>
</el-upload>
</el-form>
@ -80,12 +73,8 @@
<div class="flex">
<p>性别</p>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -103,23 +92,15 @@
<div class="flex">
<p>婚姻状况</p>
<el-select v-model="value2" placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options1" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
<p>教育程度</p>
<el-select v-model="value3" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options2" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -197,12 +178,8 @@
<div class="flex">
<p>还款方式</p>
<el-select v-model="value4" placeholder="请选择">
<el-option
v-for="item in options3"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options3" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
@ -237,12 +214,8 @@
<div class="flex">
<p>性别</p>
<el-select v-model="value5" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -260,23 +233,15 @@
<div class="flex">
<p>婚姻状况</p>
<el-select v-model="value7" placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options1" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
<p>教育程度</p>
<el-select v-model="value8" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options2" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -322,7 +287,9 @@
<p>1.我承诺以上所填信息完全属实若由xx银行工作人员或其他人员代为填写是经我授权并认可的且按规定报送责行留存的资料复印件属实;</p>
<p>2.我承认本申请表作为向责行申请贷款的依据无论银行是否贷款银行均有权保留此申请书及相关资料;</p>
<p>3.经贵行审查本申请不符合规定的条件而未予通过时我没有异议;</p>
<p>4.本人授权x x银行在本次业务过程中(从业务申请至业务终止)向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位部门及个人查询并留存本人的信用信息并将本人信用信息提供给上述个人信用数据库查询获得的信用报告限用于中国人民银行颁布的个人信用信息基础数据库管理暂行办法规定用途范围内;</p>
<p>4.本人授权x
x银行在本次业务过程中(从业务申请至业务终止)向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位部门及个人查询并留存本人的信用信息并将本人信用信息提供给上述个人信用数据库查询获得的信用报告限用于中国人民银行颁布的个人信用信息基础数据库管理暂行办法规定用途范围内;
</p>
<p>5.保证人已明确知道如果借款人不能及时偿还全部贷款本息时保证人应当替其偿还;</p>
<p>6.我们承诺借款人与保证人家庭之间的经济相互独立且无其他债权债务关系贷款由借款人用于申请时指定的用途不由保证人使用</p>
<div class="flex small_box" style="margin-top: 20px;">
@ -353,12 +320,8 @@
<div class="flex small_box" style="margin-top: 50px;">
<p>申请人签字</p>
<el-select v-model="sign3" placeholder="请选择">
<el-option
v-for="item in options4"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options4" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -371,7 +334,7 @@
<script>
export default {
data() {
data () {
return {
input: "",
textarea: "",
@ -488,26 +451,25 @@ export default {
},
methods: {
//
handleRemove(file, fileList) {
handleRemove (file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
handlePreview (file) {
console.log(file);
},
handleExceed(files, fileList) {
handleExceed (files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${
files.length
`当前限制选择 3 个文件,本次选择了 ${files.length
} 个文件共选择了 ${files.length + fileList.length} 个文件`
);
},
setJump() {
setJump () {
this.$router.push({ path: "/set" });
},
Savejump() {
Savejump () {
this.$router.push({ path: "/" });
},
Back() {
Back () {
this.$router.push({ path: "/" });
}
}
@ -519,41 +481,50 @@ export default {
.file {
padding: 30px;
}
/deep/ .el-dialog--center {
width: 600px;
}
/deep/ .el-dialog__headerbtn .el-icon-close:before {
padding: 3px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
/deep/ .el-dialog__header {
padding: 0;
}
/deep/ .el-button {
width: 130px;
margin: 0 30px;
}
.file /deep/ .el-input {
width: 200px;
}
.file /deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.file /deep/ .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/deep/ .el-dialog--center .el-dialog__body {
padding-bottom: 0;
}
.file_button {
height: 35px;
line-height: 1;
width: 90px;
margin-top: 3px;
border: none;
color: #9278ff;
color: #062c87;
text-align: center;
border-radius: 5px;
margin-left: 30px;
@ -562,18 +533,21 @@ export default {
//
.box {
width: 800px;
border: 1px solid #9278ff;
border: 1px solid #062c87;
padding: 20px;
margin: 0 auto;
}
.box p {
font-size: 14px;
margin: 0;
padding: 2px 0;
}
.small_box {
margin-bottom: 15px;
}
.small_box p {
width: 220px;
padding-right: 20px;
@ -581,15 +555,18 @@ export default {
margin: 0;
text-align: right;
}
//
.left {
padding-right: 10px;
font-size: 14px;
}
.right {
padding-left: 10px;
font-size: 14px;
}
.right_p20 {
padding-left: 20px;
font-size: 14px;
@ -600,48 +577,58 @@ export default {
line-height: 2;
padding-left: 0;
}
/deep/ .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 190px;
}
//
/deep/ .el-select .el-input .el-select__caret {
line-height: 2;
}
/deep/ .el-select__caret:before {
content: "\e78f";
font-size: 8px;
padding: 1px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
.details /deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.details /deep/ .el-input--suffix .el-input__inner:focus,
.el-input--suffix .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
//
.details /deep/ .el-input {
width: 190px;
text-align: right;
}
.details /deep/ .el-input__inner {
height: 30px;
padding-right: 0;
}
.details /deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.details /deep/ .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.details /deep/ .el-table .cell {
line-height: 1;
}
.input p {
width: 120px;
padding-right: 20px;
@ -650,6 +637,7 @@ export default {
margin: 0;
text-align: right;
}
.input {
justify-content: space-around;
margin-bottom: 15px;
@ -660,16 +648,19 @@ export default {
font-size: 12px;
font-weight: 600;
}
.footer_one {
height: 40px;
justify-content: flex-start;
margin: 50px 0 10px 300px;
}
.footer_one /deep/ [class*="el-icon-"],
[class^="el-icon-"] {
line-height: 3.5;
// color: #9278ff;
// color: #062c87;
}
.flex {
display: flex;
}
@ -678,9 +669,10 @@ export default {
.form {
margin: 0 15px;
}
.form p {
height: 30px;
background-color: #9278ff;
background-color: #062c87;
text-align: center;
margin: 0;
line-height: 30px;
@ -692,30 +684,37 @@ export default {
height: 200px;
width: 800px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
/deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer_input p {
font-size: 12px;
padding-right: 20px;
}
.footer_input {
padding: 30px 0 20px 80px;
}
.footer_inputs {
padding: 30px 0 20px 80px;
}
.footer_inputs p {
font-size: 12px;
padding-right: 20px;
}
/deep/ .el-input {
width: 30%;
}
.header {
background-color: #ffffff;
height: 45px;
@ -724,15 +723,18 @@ export default {
font-weight: 600;
position: relative;
}
.header span  {
.header span {
font-size: 16px;
font-weight: 600;
padding-left: 5px;
}
.header p {
padding-left: 20px;
margin: 0;
}
.footer_h {
// padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -741,12 +743,14 @@ export default {
height: 45px;
line-height: 45px;
}
.footer_t p {
// padding-right: 800px;
// padding-right: 800px;
margin: 0;
padding-left: 10px;
font-size: 12px;
}
.footer_t {
padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -754,47 +758,56 @@ export default {
height: 45px;
line-height: 45px;
}
.footer {
background-color: #ffffff;
}
.footer_h p {
padding-left: 10px;
font-size: 12px;
margin: 0;
}
.footer_t /deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
// color: #9278ff;
// color: #062c87;
}
.button {
height: 30px;
width: 80px;
margin-top: 7px;
border: none;
background-color: #9278ff;
background-color: #062c87;
color: #ffffff;
border-radius: 20px;
position: absolute;
right: 30px;
}
.button:focus {
outline: 0;
}
/deep/ .el-button--text {
color: #9278ff;
color: #062c87;
}
/deep/ .el-button--text:focus,
.el-button--text:hover {
color: #9278ff;
color: #062c87;
}
.black {
width: 8px;
height: 18px;
background-color: #333;
margin-top: 10px;
}
.content {
background-color: #fff;
position: relative;

@ -41,16 +41,9 @@
</el-form-item>
<el-link type="primary" :underline="false" class="file_button">模板下载</el-link>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview" :on-remove="handleRemove" multiple :limit="3" :on-exceed="handleExceed"
:file-list="fileList">
<el-link type="primary" :underline="false" class="file_button">上传</el-link>
</el-upload>
</el-form>
@ -80,12 +73,8 @@
<div class="flex">
<p>性别</p>
<el-select v-model="value" disabled placeholder="已设置">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -103,23 +92,15 @@
<div class="flex">
<p>婚姻状况</p>
<el-select v-model="value2" disabled placeholder="已设置">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options1" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
<p>教育程度</p>
<el-select v-model="value3" disabled placeholder="已设置">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options2" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -197,12 +178,8 @@
<div class="flex">
<p>还款方式</p>
<el-select v-model="value4" disabled placeholder="已设置">
<el-option
v-for="item in options3"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options3" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
@ -237,12 +214,8 @@
<div class="flex">
<p>性别</p>
<el-select v-model="value5" disabled placeholder="已设置">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -260,23 +233,15 @@
<div class="flex">
<p>婚姻状况</p>
<el-select v-model="value7" disabled placeholder="已设置">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options1" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="flex">
<p>教育程度</p>
<el-select v-model="value8" disabled placeholder="已设置">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options2" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -322,7 +287,9 @@
<p>1.我承诺以上所填信息完全属实若由xx银行工作人员或其他人员代为填写是经我授权并认可的且按规定报送责行留存的资料复印件属实;</p>
<p>2.我承认本申请表作为向责行申请贷款的依据无论银行是否贷款银行均有权保留此申请书及相关资料;</p>
<p>3.经贵行审查本申请不符合规定的条件而未予通过时我没有异议;</p>
<p>4.本人授权x x银行在本次业务过程中(从业务申请至业务终止)向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位部门及个人查询并留存本人的信用信息并将本人信用信息提供给上述个人信用数据库查询获得的信用报告限用于中国人民银行颁布的个人信用信息基础数据库管理暂行办法规定用途范围内;</p>
<p>4.本人授权x
x银行在本次业务过程中(从业务申请至业务终止)向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位部门及个人查询并留存本人的信用信息并将本人信用信息提供给上述个人信用数据库查询获得的信用报告限用于中国人民银行颁布的个人信用信息基础数据库管理暂行办法规定用途范围内;
</p>
<p>5.保证人已明确知道如果借款人不能及时偿还全部贷款本息时保证人应当替其偿还;</p>
<p>6.我们承诺借款人与保证人家庭之间的经济相互独立且无其他债权债务关系贷款由借款人用于申请时指定的用途不由保证人使用</p>
<div class="flex small_box" style="margin-top: 20px;">
@ -353,12 +320,8 @@
<div class="flex small_box" style="margin-top: 50px;">
<p>申请人签字</p>
<el-select v-model="sign3" disabled placeholder="已设置">
<el-option
v-for="item in options4"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options4" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
@ -371,7 +334,7 @@
<script>
export default {
data() {
data () {
return {
input: "",
textarea: "",
@ -488,26 +451,25 @@ export default {
},
methods: {
//
handleRemove(file, fileList) {
handleRemove (file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
handlePreview (file) {
console.log(file);
},
handleExceed(files, fileList) {
handleExceed (files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${
files.length
`当前限制选择 3 个文件,本次选择了 ${files.length
} 个文件共选择了 ${files.length + fileList.length} 个文件`
);
},
setJump() {
setJump () {
this.$router.push({ path: "/set" });
},
Savejump() {
Savejump () {
this.$router.push({ path: "/" });
},
Back() {
Back () {
this.$router.push({ path: "/" });
}
}
@ -519,41 +481,50 @@ export default {
.file {
padding: 30px;
}
/deep/ .el-dialog--center {
width: 600px;
}
/deep/ .el-dialog__headerbtn .el-icon-close:before {
padding: 3px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
/deep/ .el-dialog__header {
padding: 0;
}
/deep/ .el-button {
width: 130px;
margin: 0 30px;
}
.file /deep/ .el-input {
width: 200px;
}
.file /deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.file /deep/ .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/deep/ .el-dialog--center .el-dialog__body {
padding-bottom: 0;
}
.file_button {
height: 35px;
line-height: 1;
width: 90px;
margin-top: 3px;
border: none;
color: #9278ff;
color: #062c87;
text-align: center;
border-radius: 5px;
margin-left: 30px;
@ -562,18 +533,21 @@ export default {
//
.box {
width: 800px;
border: 1px solid #9278ff;
border: 1px solid #062c87;
padding: 20px;
margin: 0 auto;
}
.box p {
font-size: 14px;
margin: 0;
padding: 2px 0;
}
.small_box {
margin-bottom: 15px;
}
.small_box p {
width: 220px;
padding-right: 20px;
@ -581,15 +555,18 @@ export default {
margin: 0;
text-align: right;
}
//
.left {
padding-right: 10px;
font-size: 14px;
}
.right {
padding-left: 10px;
font-size: 14px;
}
.right_p20 {
padding-left: 20px;
font-size: 14px;
@ -600,19 +577,22 @@ export default {
line-height: 2;
padding-left: 0;
}
/deep/ .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 190px;
}
//
/deep/ .el-select .el-input .el-select__caret {
line-height: 2;
}
/deep/ .el-select__caret:before {
content: "\e78f";
font-size: 8px;
padding: 1px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
@ -623,19 +603,24 @@ export default {
width: 190px;
text-align: right;
}
.details /deep/ .el-input__inner {
height: 30px;
padding-right: 0;
}
.details /deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.details /deep/ .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.details /deep/ .el-table .cell {
line-height: 1;
}
.input p {
width: 120px;
padding-right: 20px;
@ -644,6 +629,7 @@ export default {
margin: 0;
text-align: right;
}
.input {
justify-content: space-around;
margin-bottom: 15px;
@ -654,16 +640,19 @@ export default {
font-size: 12px;
font-weight: 600;
}
.footer_one {
height: 40px;
justify-content: flex-start;
margin: 50px 0 10px 300px;
}
.footer_one /deep/ [class*="el-icon-"],
[class^="el-icon-"] {
line-height: 3.5;
// color: #9278ff;
// color: #062c87;
}
.flex {
display: flex;
}
@ -672,9 +661,10 @@ export default {
.form {
margin: 0 15px;
}
.form p {
height: 30px;
background-color: #9278ff;
background-color: #062c87;
text-align: center;
margin: 0;
line-height: 30px;
@ -686,30 +676,37 @@ export default {
height: 200px;
width: 800px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
/deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer_input p {
font-size: 12px;
padding-right: 20px;
}
.footer_input {
padding: 30px 0 20px 80px;
}
.footer_inputs {
padding: 30px 0 20px 80px;
}
.footer_inputs p {
font-size: 12px;
padding-right: 20px;
}
/deep/ .el-input {
width: 30%;
}
.header {
background-color: #ffffff;
height: 45px;
@ -718,15 +715,18 @@ export default {
font-weight: 600;
position: relative;
}
.header span  {
.header span {
font-size: 16px;
font-weight: 600;
padding-left: 5px;
}
.header p {
padding-left: 20px;
margin: 0;
}
.footer_h {
// padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -735,12 +735,14 @@ export default {
height: 45px;
line-height: 45px;
}
.footer_t p {
// padding-right: 800px;
margin: 0;
padding-left: 10px;
font-size: 12px;
}
.footer_t {
padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -748,47 +750,56 @@ export default {
height: 45px;
line-height: 45px;
}
.footer {
background-color: #ffffff;
}
.footer_h p {
padding-left: 10px;
font-size: 12px;
margin: 0;
}
.footer_t /deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
// color: #9278ff;
// color: #062c87;
}
.button {
height: 30px;
width: 80px;
margin-top: 7px;
border: none;
background-color: #9278ff;
background-color: #062c87;
color: #ffffff;
border-radius: 20px;
position: absolute;
right: 30px;
}
.button:focus {
outline: 0;
}
/deep/ .el-button--text {
color: #9278ff;
color: #062c87;
}
/deep/ .el-button--text:focus,
.el-button--text:hover {
color: #9278ff;
color: #062c87;
}
.black {
width: 8px;
height: 18px;
background-color: #333;
margin-top: 10px;
}
.content {
background-color: #fff;
position: relative;

@ -16,7 +16,7 @@
.active {
color: #fff !important;
background-color: #9278ff !important;
background-color: #062c87 !important;
}
}
@ -26,7 +26,7 @@
line-height: 1;
font-size: 14px;
color: #585858;
border-left: 3px solid #9278ff;
border-left: 3px solid #062c87;
}
::-webkit-scrollbar {

@ -15,8 +15,8 @@ if (isKd) {
if (url.includes('124.71.12.62')) {
host = 'http://124.71.12.62:9000' // 巢湖版
} else if (dev) {
host = 'http://121.37.12.51'
host = 'http://192.168.31.217:9000'
host = 'https://occupationlab.com'
// host = 'http://192.168.31.217:9000'
}
}

@ -19,14 +19,8 @@
<el-row>
<el-col :span="24">
<el-card shadow="hover">
<el-table
:data="tableData"
height="360"
:cell-style="rowClass"
:header-cell-style="headClass"
:stripe="true"
header-align="center"
>
<el-table :data="tableData" height="360" :cell-style="rowClass" :header-cell-style="headClass"
:stripe="true" header-align="center">
<el-table-column prop="id" type="index" label="序号" width="150" align="center"></el-table-column>
<el-table-column prop="name" label="页面名称" align="center"></el-table-column>
<el-table-column prop="operate" label="操作" width="100" align="center">
@ -50,7 +44,7 @@
<script>
export default {
data() {
data () {
return {
data: [
{
@ -125,13 +119,13 @@ export default {
};
},
methods: {
handleNodeClick(data) {
handleNodeClick (data) {
console.log(data);
},
cancel() {
cancel () {
this.$router.push({ path: "/flow" });
},
confirm() {
confirm () {
this.$router.push({ path: "/process" });
}
}
@ -143,10 +137,12 @@ export default {
.bt {
text-align: center;
}
/deep/ .el-button {
width: 100px;
margin: 0 30px;
}
//
.right {
width: 800px;
@ -154,52 +150,64 @@ export default {
margin: 20px 0;
background-color: #ffffff;
}
.table {
margin: 0 20px;
}
/deep/ .el-table--group::after,
.el-table--border::after,
.el-table::before {
background-color: #ffffff;
}
//
/deep/ ::-webkit-scrollbar {
width: 6px; //
height: 6px; //
}
//
/deep/ ::-webkit-scrollbar-thumb {
background-color: #9278ff;
background-color: #062c87;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 5px #dddddd;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px #dddddd;
border-radius: 0;
background: #dddddd;
}
/deep/ .el-row {
padding: 0 20px;
}
/deep/ .el-card__body {
padding: 0;
}
/deep/ .el-card {
border: none;
}
/deep/ .el-table th {
font-size: 16px;
font-family: Microsoft YaHei;
color: rgba(255, 255, 255, 1);
background-color: #9278ff;
background-color: #062c87;
}
/deep/ .el-table__row {
height: 80px;
}
/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
background-color: #f5f2ff;
}
//
.left {
width: 250px;
@ -207,44 +215,53 @@ export default {
margin: 20px 20px;
background-color: #ffffff;
}
/deep/ .el-tree {
width: 150px;
height: 400px;
background-color: #f5f2ff;
margin: 0 50px;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
height: 20px!important;
/deep/ .el-tree-node:focus>.el-tree-node__content {
height: 20px !important;
background-color: #f5f2ff;
}
/deep/ .el-tree-node__content:hover {
height: 20px!important;
height: 20px !important;
background-color: #f5f2ff;
}
/deep/ .el-tree-node__label:active {
height: 20px!important;
color: #9278ff;
height: 20px !important;
color: #062c87;
}
//
.footer_h {
padding: 10px 0;
margin: 0 15px;
}
.flex {
display: flex;
justify-content: flex-start;
}
.footer_h p {
padding-left: 10px;
line-height: 15px;
font-weight: 600;
}
/deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
color: #9278ff;
color: #062c87;
}
.content {
width: 1110px;
height: 650px;

@ -42,20 +42,20 @@
<script>
export default {
data() {
data () {
return {
input: "",
textarea: ""
};
},
methods: {
Savejump() {
Savejump () {
this.$router.push({ path: "/" });
},
Back() {
Back () {
this.$router.push({ path: "/" });
},
iconJump() {
iconJump () {
this.$router.push({ path: "/catalog" });
}
}
@ -67,25 +67,29 @@ export default {
.form {
margin: 0 15px;
}
.form p {
height: 30px;
background-color: #9278ff;
background-color: #062c87;
text-align: center;
margin: 0;
line-height: 30px;
}
.form_i {
height: 300px;
background-color: #f5f2ff;
margin-top: 15px;
text-align: center;
}
.footer_b p {
// padding-right: 800px;
// padding-right: 800px;
margin: 0;
padding-left: 10px;
font-size: 12px;
}
.footer_b {
padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -93,54 +97,65 @@ export default {
height: 45px;
line-height: 45px;
}
#memo {
margin-left: 10px;
height: 200px;
width: 800px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
/deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer_input p {
font-size: 12px;
padding-right: 20px;
}
.footer_input {
padding: 30px 0 20px 80px;
}
.footer_inputs {
padding: 30px 0 20px 80px;
}
.footer_inputs p {
font-size: 12px;
padding-right: 20px;
}
/deep/ .el-input {
width: 30%;
}
.button {
height: 30px;
width: 80px;
margin-top: 7px;
border: none;
background-color: #9278ff;
background-color: #062c87;
color: #ffffff;
border-radius: 20px;
position: absolute;
right: 30px;
}
.button:focus {
outline: 0;
}
/deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
}
// .form /deep/ [class*=" el-icon-"],
// [class^="el-icon-"] {
// line-height: 3;
@ -155,15 +170,18 @@ export default {
font-weight: 600;
position: relative;
}
.header span {
font-size: 14px;
font-weight: 600;
padding-left: 5px;
}
.header p {
padding-left: 20px;
margin: 0;
}
.footer_h {
// padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -172,28 +190,32 @@ export default {
height: 45px;
line-height: 45px;
}
.flex {
display: flex;
justify-content: flex-start;
}
.footer {
background-color: #ffffff;
}
.footer_h p {
padding-left: 10px;
font-size: 12px;
margin: 0;
}
.black {
width: 8px;
height: 18px;
background-color: #333;
margin-top: 10px;
}
.content {
background-color: #f2f6fc;
position: relative;
top: 10px;
}
</style>

@ -430,7 +430,7 @@ export default {
}
th {
background: #9278ff !important;
background: #062c87 !important;
.cell {
color: #fff;

@ -5,7 +5,7 @@
<span>Back</span>
</i>
<p>{{systemName}} 判分点设置</p>
<p>{{ systemName }} 判分点设置</p>
</div>
<div class="footer">
<div class="flex-end">
@ -23,20 +23,16 @@
<el-row>
<el-col :span="24">
<el-card shadow="hover">
<el-table
:data="tableData"
:cell-style="rowClass"
:header-cell-style="headClass"
:stripe="true"
header-align="center"
>
<el-table :data="tableData" :cell-style="rowClass" :header-cell-style="headClass" :stripe="true"
header-align="center">
<el-table-column type="index" label="序号" align="center">
<template slot-scope="scope">{{scope.$index + (pageNo - 1) * pageSize + 1}}</template>
<template slot-scope="scope">{{ scope.$index + (pageNo - 1) * pageSize + 1 }}</template>
</el-table-column>
<el-table-column prop="judgmentPointsName" label="判分点名称" align="center"></el-table-column>
<el-table-column label="实验要求" align="center">
<template slot-scope="scope">
<quill :border="true" :readonly="true" v-model="scope.row.experimentalRequirements" :minHeight="150" :height="150" />
<quill :border="true" :readonly="true" v-model="scope.row.experimentalRequirements" :minHeight="150"
:height="150" />
</template>
</el-table-column>
@ -53,14 +49,8 @@
<!-- 分页 -->
<div class="block">
<el-pagination
background
@current-change="handleCurrentChange"
:current-page="pageNo"
:page-size="10"
layout="total,prev, pager, next, jumper"
:total="dataTotal"
></el-pagination>
<el-pagination background @current-change="handleCurrentChange" :current-page="pageNo" :page-size="10"
layout="total,prev, pager, next, jumper" :total="dataTotal"></el-pagination>
</div>
</div>
</div>
@ -71,7 +61,7 @@
import axios from "axios";
import quill from '@/components/quill'
export default {
data() {
data () {
return {
keyword: '',
tableData: [],
@ -88,21 +78,21 @@ export default {
referrer: atob(decodeURI(this.$route.query.referrer))
};
},
components: {quill},
components: { quill },
watch: {
keyword: function(val) {
keyword: function (val) {
clearTimeout(this.searchTimer)
this.searchTimer = setTimeout(() => {
this.handleCurrentChange(this.pageNo)
},500)
}, 500)
},
},
mounted() {
this.$route.query.token && this.$store.commit('setParam',{token: atob(decodeURI(this.$route.query.token)),referrer: this.referrer})
mounted () {
this.$route.query.token && this.$store.commit('setParam', { token: atob(decodeURI(this.$route.query.token)), referrer: this.referrer })
this.handleCurrentChange(this.pageNo);
},
methods: {
changeSwitch(e, row, index) {
changeSwitch (e, row, index) {
let newData = row;
newData.isopen = newData.isopen === 1 ? 1 : 0;
this.tableData[index] = newData;
@ -111,12 +101,12 @@ export default {
isopen: newData.isopen
});
},
BackMain() {
BackMain () {
// window.location = "http://120.78.198.231:8080/serviceSide/#/configure";
history.back()
},
handleCurrentChange(val) {
handleCurrentChange (val) {
this.$get(`${this.api.queryUserIds}`).then(res => {
this.pageNo = val;
let data = {
@ -127,15 +117,15 @@ export default {
judgmentPointsName: this.keyword,
userIdList: res.message.retvalue.join()
}
this.$get(this.api.queryListTrading,data)
.then(res => {
this.tableData = res.message.rows
this.dataTotal = res.message.total
})
.catch(err => {
console.log(err);
});
}).catch(res => {})
this.$get(this.api.queryListTrading, data)
.then(res => {
this.tableData = res.message.rows
this.dataTotal = res.message.total
})
.catch(err => {
console.log(err);
});
}).catch(res => { })
},
// setCookie(name, value) {
// if (value) {
@ -153,26 +143,26 @@ export default {
// },
//
HomepageJump() {
HomepageJump () {
//ID
// this.setCookie("judgmentPointsId", "");
// console.log(this.getCookie("judgmentPointsId"));
if(this.systemId == 2){
if (this.systemId == 2) {
this.$router.push(`programOption?systemId=${this.systemId}&userId=${this.userId}`);
}else{
} else {
this.$router.push(`programOptions?systemId=${this.systemId}&userId=${this.userId}&pattern=${this.pattern}`);
}
},
//
headClass() {
headClass () {
return "text-align: center;";
},
//
rowClass() {
rowClass () {
return "text-align: center;";
},
getCookie(cookie_name) {
getCookie (cookie_name) {
//cookiekeyvalue
var allcookies = document.cookie; //
var cookie_pos = allcookies.indexOf(cookie_name); // cookie,
@ -191,39 +181,39 @@ export default {
return value;
},
//
getListDelete(row) {
getListDelete (row) {
this.$confirm("此操作将永久删除该内容, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
center: true
})
.then(() => {
let data = [row.id]
this.$post(`${this.api.deleteTrading}`,data)
.then(res => {
this.handleCurrentChange(this.pageNo);
})
.catch(err => {
console.log(err);
});
this.$message({
type: "success",
message: "删除成功!"
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
.then(() => {
let data = [row.id]
this.$post(`${this.api.deleteTrading}`, data)
.then(res => {
this.handleCurrentChange(this.pageNo);
})
.catch(err => {
console.log(err);
});
this.$message({
type: "success",
message: "删除成功!"
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
});
});
},
//
handleClick(res) {
if(this.systemId == 2){
handleClick (res) {
if (this.systemId == 2) {
this.$router.push(`programOption?systemId=${this.systemId}&userId=${this.userId}&id=${res.id}`);
}else{
} else {
this.$router.push(`programOptions?systemId=${this.systemId}&userId=${this.userId}&id=${res.id}&pattern=${this.pattern}`);
}
}
@ -232,17 +222,19 @@ export default {
</script>
<style lang="scss" scoped>
/deep/.ql-toolbar{
/deep/.ql-toolbar {
height: 0;
padding: 0;
border-bottom: 0;
}
//
.footer /deep/ .el-pagination span:not([class*="suffix"]),
.el-pagination button {
font-size: 16px;
margin-right: 30px;
}
.footer /deep/ .el-pagination {
text-align: right;
margin: 20px 0 0 0;
@ -251,15 +243,18 @@ export default {
/deep/ .el-button {
line-height: 0;
}
.footer {
background-color: #ffffff;
margin-top: 10px;
padding: 10px 20px 20px 20px;
}
.footer_h {
position: relative;
line-height: 50px;
}
.footer_h .black {
width: 8px;
height: 18px;
@ -274,38 +269,45 @@ export default {
font-weight: 600;
margin: 0;
}
//
.footer /deep/ .el-textarea__inner {
height: 60px;
width: 540px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
.footer /deep/ .el-textarea__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer /deep/ .el-table th.is-leaf,
.el-table td {
border-bottom: none;
}
.footer /deep/ .el-table--group::after,
.el-table--border::after,
.el-table::before {
background: rgba(255, 255, 255, 1);
}
//
/deep/ ::-webkit-scrollbar {
width: 6px; //
height: 6px; //
}
//
/deep/ ::-webkit-scrollbar-thumb {
background-color: #9278ff;
background-color: #062c87;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 5px #dddddd;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px #dddddd;
@ -316,45 +318,54 @@ export default {
.footer /deep/ .el-card__body {
padding: 0;
}
.footer /deep/ .el-card {
border: none;
}
.footer /deep/ .el-table th {
font-size: 14px;
font-family: Microsoft YaHei;
color: rgba(255, 255, 255, 1);
background-color: #9278ff;
background-color: #062c87;
}
.footer /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
background-color: #f5f2ff;
}
.footer /deep/ .el-button--text {
padding-right: 20px;
color: #9278ff;
color: #062c87;
}
.footer /deep/ .el-button--text:focus,
.el-button--text:hover {
color: #9278ff;
color: #062c87;
}
.button {
height: 30px;
width: 80px;
margin-top: 7px;
border: none;
background-color: #9278ff;
background-color: #062c87;
color: #ffffff;
border-radius: 20px;
position: absolute;
right: 30px;
}
.button:focus {
outline: 0;
}
.header /deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
}
.header {
background-color: #ffffff;
height: 50px;
@ -362,11 +373,13 @@ export default {
line-height: 50px;
font-weight: 600;
}
.header span {
font-size: 16px;
font-weight: 600;
padding-left: 5px;
}
.header p {
font-size: 14px;
padding-left: 20px;
@ -377,7 +390,8 @@ export default {
display: flex;
justify-content: flex-start;
}
.flex-end{
.flex-end {
display: flex;
justify-content: flex-end;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -2,16 +2,12 @@
<!-- 编程类 -->
<div class="content">
<div class="header flex">
<i class="back el-icon-arrow-left"
@click="Back()"
style="cursor: pointer">
<i class="back el-icon-arrow-left" @click="Back()" style="cursor: pointer">
<span>Back</span>
</i>
<p>判分点设置</p>
<el-button class="btn"
type="primary"
@click="Savejump('ruleForm')">保存</el-button>
<el-button class="btn" type="primary" @click="Savejump('ruleForm')">保存</el-button>
</div>
<div class="footer">
<div>
@ -20,49 +16,30 @@
<p>基本信息</p>
</div>
<el-form :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px">
<el-form-item label="请输入判分点名称"
prop="judgmentPointsName">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px">
<el-form-item label="请输入判分点名称" prop="judgmentPointsName">
<el-input v-model="ruleForm.judgmentPointsName"></el-input>
</el-form-item>
<el-form-item label="实验要求"
prop="experimentalRequirements">
<quill :border="true"
v-model="ruleForm.experimentalRequirements"
:minHeight="150"
:height="150" />
<el-form-item label="实验要求" prop="experimentalRequirements">
<quill :border="true" v-model="ruleForm.experimentalRequirements" :minHeight="150" :height="150" />
</el-form-item>
</el-form>
<div class="flex footer_b">
<div class="black"></div>
<p>判分规则</p>
<el-button class="btn"
type="primary"
:disabled="isAdd"
@click="AddListRow()">新增</el-button>
<el-button class="btn" type="primary" :disabled="isAdd" @click="AddListRow()">新增</el-button>
</div>
</div>
<el-row>
<el-col :span="24">
<el-card shadow="hover">
<el-table :data="tableData"
:stripe="true"
:cell-style="rowClass"
:header-cell-style="headClass"
header-align="center"
ref="editTable">
<el-table-column prop="decisionPointRule"
type="index"
label="序号"
align="center"
width="80"></el-table-column>
<el-table-column label="流程判分正确答案"
align="center">
<el-table :data="tableData" :stripe="true" :cell-style="rowClass" :header-cell-style="headClass"
header-align="center" ref="editTable">
<el-table-column prop="decisionPointRule" type="index" label="序号" align="center"
width="80"></el-table-column>
<el-table-column label="流程判分正确答案" align="center">
<template slot-scope="scope">
<template v-if="scope.row.isInput">
<p class="p">
@ -72,14 +49,10 @@
<div class="line">
<span class="label">一级栏目</span>
<div class="action">
<el-select v-model="scope.row.levelOne"
placeholder="请选择"
size="mini"
@change="getSubject(scope.row)">
<el-option v-for="(item, index) in stepList"
:key="index"
:label="item.stepName"
:value="item.id"></el-option>
<el-select v-model="scope.row.levelOne" placeholder="请选择" size="mini"
@change="getSubject(scope.row)">
<el-option v-for="(item, index) in stepList" :key="index" :label="item.stepName"
:value="item.id"></el-option>
</el-select>
</div>
</div>
@ -87,13 +60,10 @@
<span class="label">子级栏目</span>
<div class="action steps">
{{ scope.row.stepName }}
<el-radio-group class="radio-wrap"
v-model="scope.row.levelTwo"
size="mini"
@change="getOption(scope.row)">
<el-radio v-for="(item, index) in scope.row.subjectList"
:key="index"
:label="item.id">{{ item.kdSubjectName }}</el-radio>
<el-radio-group class="radio-wrap" v-model="scope.row.levelTwo" size="mini"
@change="getOption(scope.row)">
<el-radio v-for="(item, index) in scope.row.subjectList" :key="index" :label="item.id">{{
item.kdSubjectName }}</el-radio>
<!-- <div class="child">
<el-radio :label="9">备选项</el-radio>
<el-radio :label="10">备选项</el-radio>
@ -105,25 +75,17 @@
</template>
</template>
</el-table-column>
<el-table-column align="center"
width="150">
<el-table-column align="center" width="150">
<template slot-scope="scope">
<el-button v-if="scope.row.isInput"
type="primary"
:disabled="scope.row.isShow"
style="cursor: pointer; border-radius: 50%"
circle
@click="getPerhaps(scope.row)">{{ scope.row.operatorOne == 1 ? "且" : "或" }}</el-button>
<el-button v-else
type="primary"
:disabled="scope.row.isShow"
style="cursor: pointer; border-radius: 50%"
circle
@click="getPerhapsColumn(scope.row)">{{ operatorTwo == 1 ? "且" : "或" }}</el-button>
<el-button v-if="scope.row.isInput" type="primary" :disabled="scope.row.isShow"
style="cursor: pointer; border-radius: 50%" circle @click="getPerhaps(scope.row)">{{
scope.row.operatorOne == 1 ? "且" : "或" }}</el-button>
<el-button v-else type="primary" :disabled="scope.row.isShow"
style="cursor: pointer; border-radius: 50%" circle @click="getPerhapsColumn(scope.row)">{{
operatorTwo == 1 ? "且" : "或" }}</el-button>
</template>
</el-table-column>
<el-table-column label="交易结果正确答案"
align="center">
<el-table-column label="交易结果正确答案" align="center">
<template slot-scope="scope">
<template v-if="scope.row.isInput">
<p class="p">
@ -133,21 +95,15 @@
<template v-if="scope.row.levelTwo">
<template v-if="scope.row.type == 1 && scope.row.subjectName">
<div class="line">
<span class="label"
style="width: auto;text-align: left">{{scope.row.subjectName}}</span>
<span class="label" style="width: auto;text-align: left">{{ scope.row.subjectName }}</span>
</div>
<div class="line">
<span class="label mini">正确答案</span>
<div class="action">
<el-select multiple
v-model="scope.row.levelFour"
placeholder="请选择"
size="mini"
style="width: 100%">
<el-option v-for="(item, index) in scope.row.optionList"
:key="index"
:label="item.itemDescription"
:value="item.id"></el-option>
<el-select multiple v-model="scope.row.levelFour" placeholder="请选择" size="mini"
style="width: 100%">
<el-option v-for="(item, index) in scope.row.optionList" :key="index"
:label="item.itemDescription" :value="item.id"></el-option>
</el-select>
</div>
</div>
@ -157,25 +113,15 @@
<span class="label">交易指标区间</span>
<div class="action">
<div class="inputs">
<el-select v-model="scope.row.symbolInput1"
placeholder="请选择"
size="mini">
<el-option label="("
value="("></el-option>
<el-option label="["
value="["></el-option>
<el-select v-model="scope.row.symbolInput1" placeholder="请选择" size="mini">
<el-option label="(" value="("></el-option>
<el-option label="[" value="["></el-option>
</el-select>
<el-input v-model="scope.row.symbolInput2"
size="mini"></el-input>
<el-input v-model="scope.row.symbolInput3"
size="mini"></el-input>
<el-select v-model="scope.row.symbolInput4"
placeholder="请选择"
size="mini">
<el-option label=")"
value=")"></el-option>
<el-option label="]"
value="]"></el-option>
<el-input v-model="scope.row.symbolInput2" size="mini"></el-input>
<el-input v-model="scope.row.symbolInput3" size="mini"></el-input>
<el-select v-model="scope.row.symbolInput4" placeholder="请选择" size="mini">
<el-option label=")" value=")"></el-option>
<el-option label="]" value="]"></el-option>
</el-select>
</div>
</div>
@ -187,19 +133,12 @@
<el-checkbox v-model="scope.row.numOfWords">字数要求</el-checkbox>
</span>
<div class="action a-line">
<el-select v-model="scope.row.symbol"
placeholder="请选择"
size="mini">
<el-option v-for="(item, index) in symbolList"
:key="index"
:label="item.name"
:value="item.id"></el-option>
<el-select v-model="scope.row.symbol" placeholder="请选择" size="mini">
<el-option v-for="(item, index) in symbolList" :key="index" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-input type="number"
min="0"
style="margin-left: 5px"
size="mini"
v-model="scope.row.numDes"></el-input>
<el-input type="number" min="0" style="margin-left: 5px" size="mini"
v-model="scope.row.numDes"></el-input>
</div>
</div>
<div class="line">
@ -207,11 +146,8 @@
<el-checkbox v-model="scope.row.fieldOfReq">字段要求</el-checkbox>
</span>
<div class="action">
<el-input class="mini-textarea"
type="textarea"
cols="3"
size="mini"
v-model="scope.row.levelFour"></el-input>
<el-input class="mini-textarea" type="textarea" cols="3" size="mini"
v-model="scope.row.levelFour"></el-input>
</div>
</div>
</template>
@ -219,13 +155,9 @@
<div class="line">
<span class="label">选择指标</span>
<div class="action">
<el-select v-model="scope.row.levelThree"
placeholder="请选择"
size="mini">
<el-option v-for="(item, index) in scope.row.optionList"
:key="index"
:label="item.itemDescription"
:value="item.id"></el-option>
<el-select v-model="scope.row.levelThree" placeholder="请选择" size="mini">
<el-option v-for="(item, index) in scope.row.optionList" :key="index"
:label="item.itemDescription" :value="item.id"></el-option>
</el-select>
</div>
</div>
@ -233,27 +165,15 @@
<span class="label">交易指标区间</span>
<div class="action">
<div class="inputs">
<el-select v-model="scope.row.symbolInput1"
placeholder="请选择"
size="mini">
<el-option label="("
value="("></el-option>
<el-option label="["
value="["></el-option>
<el-select v-model="scope.row.symbolInput1" placeholder="请选择" size="mini">
<el-option label="(" value="("></el-option>
<el-option label="[" value="["></el-option>
</el-select>
<el-input type="number"
v-model="scope.row.symbolInput2"
size="mini"></el-input>
<el-input type="number"
v-model="scope.row.symbolInput3"
size="mini"></el-input>
<el-select v-model="scope.row.symbolInput4"
placeholder="请选择"
size="mini">
<el-option label=")"
value=")"></el-option>
<el-option label="]"
value="]"></el-option>
<el-input type="number" v-model="scope.row.symbolInput2" size="mini"></el-input>
<el-input type="number" v-model="scope.row.symbolInput3" size="mini"></el-input>
<el-select v-model="scope.row.symbolInput4" placeholder="请选择" size="mini">
<el-option label=")" value=")"></el-option>
<el-option label="]" value="]"></el-option>
</el-select>
</div>
</div>
@ -264,31 +184,17 @@
</template>
</template>
</el-table-column>
<el-table-column label="操作"
align="center"
width="300">
<el-table-column label="操作" align="center" width="300">
<template slot-scope="scope">
<template v-if="scope.row.isInput">
<el-link size="mini"
type="primary"
:underline="false"
v-show="scope.row.isShow"
@click="getHandleEdit(scope.row)">编辑</el-link>
<el-link type="primary"
size="mini"
:underline="false"
v-show="!scope.row.isShow"
@click="getRule(scope.row)">保存</el-link>
<el-link size="mini"
type="primary"
:underline="false"
v-show="!scope.row.isShow && !scope.row.id"
@click="dialogFormVisible(scope.$index, scope.row)">取消</el-link>
<el-link size="mini"
type="primary"
:underline="false"
v-show="!scope.row.isShow"
@click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
<el-link size="mini" type="primary" :underline="false" v-show="scope.row.isShow"
@click="getHandleEdit(scope.row)">编辑</el-link>
<el-link type="primary" size="mini" :underline="false" v-show="!scope.row.isShow"
@click="getRule(scope.row)">保存</el-link>
<el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow && !scope.row.id"
@click="dialogFormVisible(scope.$index, scope.row)">取消</el-link>
<el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow"
@click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
</template>
</template>
</el-table-column>
@ -721,6 +627,7 @@ export default {
/deep/ .el-link.el-link--primary {
padding-right: 10px;
}
/deep/ .btn {
line-height: 0;
height: 30px;
@ -732,44 +639,52 @@ export default {
}
/deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
&[type='number'] {
padding-right: 0;
}
}
/deep/ .el-form-item {
margin-top: 15px;
}
//
/deep/ .el-button--text {
color: #9278ff;
color: #062c87;
}
/deep/ .el-button--text:focus,
.el-button--text:hover {
color: #9278ff;
color: #062c87;
}
.border {
width: 50px;
height: 50px;
border: 1px solid #9278ff;
border: 1px solid #062c87;
border-radius: 50%;
margin: auto;
}
.p {
font-size: 12px;
font-weight: 600;
}
//
/deep/ .el-textarea__inner {
height: 145px;
width: 650px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
/deep/ .el-textarea__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
//
@ -777,25 +692,30 @@ export default {
width: 6px; //
height: 6px; //
}
//
/deep/ ::-webkit-scrollbar-thumb {
background-color: #9278ff;
background-color: #062c87;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 5px #dddddd;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px #dddddd;
border-radius: 0;
background: #dddddd;
}
/deep/ .el-row {
padding: 0 20px;
margin-bottom: 60px;
}
/deep/ .el-card__body {
padding: 0;
}
/deep/ .el-card {
border: none;
}
@ -804,13 +724,15 @@ export default {
font-size: 14px;
font-family: Microsoft YaHei;
color: rgba(255, 255, 255, 1);
background-color: #9278ff;
background-color: #062c87;
}
.footer_b p {
margin: 0;
padding-left: 10px;
font-size: 14px;
}
.footer_b {
padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -826,47 +748,57 @@ export default {
height: 200px;
width: 800px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
#memo1 {
height: 300px;
width: 1700px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
padding: 10px 20px;
}
/deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer_input p {
font-size: 12px;
padding-right: 20px;
}
.footer_input {
padding: 30px 0 20px 80px;
}
.footer_inputs {
padding: 30px 0 20px 80px;
}
.footer_inputs1 {
padding-bottom: 50px;
text-align: center;
}
.footer_inputs1 p {
margin: 0 0 15px 0;
font-size: 14px;
}
.footer_inputs p {
font-size: 12px;
padding-right: 20px;
}
/deep/ .el-input {
width: 30%;
}
.header {
background-color: #ffffff;
height: 45px;
@ -875,15 +807,18 @@ export default {
font-weight: 600;
position: relative;
}
.header span {
font-size: 14px;
font-weight: 600;
padding-left: 5px;
}
.header p {
padding-left: 20px;
margin: 0;
}
.footer_h {
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
@ -891,55 +826,68 @@ export default {
height: 45px;
line-height: 45px;
}
.flex {
display: flex;
justify-content: flex-start;
}
.footer {
background-color: #ffffff;
}
.footer_h p {
padding-left: 10px;
font-size: 14px;
margin: 0;
}
.black {
width: 8px;
height: 18px;
background-color: #333;
margin-top: 10px;
}
.content {
position: relative;
top: 10px;
}
.back {
line-height: 3;
padding-left: 10px;
}
.block {
@include block;
height: 230px;
background-color: #fff;
.line {
display: flex;
align-items: center;
margin: 10px 0;
.label {
width: 100px;
margin-right: 10px;
text-align: right;
font-size: 12px;
&.mini {
width: auto;
}
}
.action {
flex: 1;
text-align: left;
/deep/.el-input {
width: 100%;
}
&.steps {
@include block;
display: inline-flex;
@ -947,33 +895,41 @@ export default {
height: 150px;
font-size: 12px;
overflow: auto;
.radio-wrap {
display: flex;
flex-direction: column;
.child {
display: flex;
flex-direction: column;
margin-left: 15px;
}
/deep/.el-radio {
margin: 3px 0;
}
}
}
.inputs {
display: flex;
align-items: center;
/deep/.el-input {
width: 100px;
margin: 0 5px;
&:first-child {
margin-left: 0;
}
}
}
&.a-line {
display: inline-flex;
}
.mini-textarea,
/deep/.mini-textarea .el-textarea__inner {
width: 100%;

@ -36,26 +36,17 @@
<el-row>
<el-col :span="24">
<el-card shadow="hover">
<el-table
:data="tableData"
:stripe="true"
:cell-style="rowClass"
:header-cell-style="headClass"
:row-class-name="tableRowClassName"
>
<el-table-column label="流程判分正确答案" >
<el-table :data="tableData" :stripe="true" :cell-style="rowClass" :header-cell-style="headClass"
:row-class-name="tableRowClassName">
<el-table-column label="流程判分正确答案">
<template slot-scope="scope">
<p class="p">操作一致性规则用户完成的功能操作与下方设置的操作点一致</p>
<div class="box">
<div class="flex box_p">
<p>一级栏目</p>
<el-select v-model="value1" clearable placeholder="数据采集">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options1" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
<!-- `checked` true false -->
<el-checkbox v-model="checked1">是否判分</el-checkbox>
@ -63,12 +54,8 @@
<div class="flex box_p">
<p>二级栏目</p>
<el-select v-model="value2" clearable placeholder="新建任务">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options2" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
<!-- `checked` true false -->
<el-checkbox v-model="checked2">是否判分</el-checkbox>
@ -76,12 +63,8 @@
<div class="flex box_p">
<p>三级选项</p>
<el-select v-model="value3" clearable placeholder="选择'京东电商数据'爬虫">
<el-option
v-for="item in options3"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options3" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
<!-- `checked` true false -->
<el-checkbox v-model="checked3">是否判分</el-checkbox>
@ -89,12 +72,8 @@
<div class="flex box_p">
<p>操作按钮</p>
<el-select v-model="value4" clearable placeholder="启动爬虫">
<el-option
v-for="item in options4"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in options4" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
<!-- `checked` true false -->
<el-checkbox v-model="checked4">是否判分</el-checkbox>
@ -105,8 +84,8 @@
<el-table-column label=" " width="150">
<template slot-scope="scope">
<div class="border">
<p v-show="isQie" @click="getQie()">{{scope.row.qie}}</p>
<p v-show="!isQie" @click="getHuo()">{{scope.row.huo}}</p>
<p v-show="isQie" @click="getQie()">{{ scope.row.qie }}</p>
<p v-show="!isQie" @click="getHuo()">{{ scope.row.huo }}</p>
</div>
</template>
</el-table-column>
@ -119,18 +98,9 @@
<el-table-column label="操作" width="300">
<template slot-scope="scope">
<el-button size="mini" type="text" v-show="isShow" @click="handleEdit()">编辑</el-button>
<el-button
type="text"
size="mini"
v-show="!isShow"
@click="addTab(scope.$index, scope.row)"
>保存</el-button>
<el-button
size="mini"
type="text"
v-show="!isShow"
@click="dialogFormVisible()"
>取消</el-button>
<el-button type="text" size="mini" v-show="!isShow"
@click="addTab(scope.$index, scope.row)">保存</el-button>
<el-button size="mini" type="text" v-show="!isShow" @click="dialogFormVisible()">取消</el-button>
</template>
</el-table-column>
</el-table>
@ -143,7 +113,7 @@
<script>
export default {
data() {
data () {
return {
input: "",
textarea: "",
@ -191,22 +161,22 @@ export default {
},
methods: {
Savejump() {
Savejump () {
this.$router.push({ path: "/" });
},
Back() {
Back () {
this.$router.push({ path: "/" });
},
getQie() {
getQie () {
this.isQie = false;
},
getHuo() {
getHuo () {
this.isQie = true;
},
handleEdit() {
handleEdit () {
this.isShow = false;
},
addTab(tabName, targetName) {
addTab (tabName, targetName) {
let newTabName = ++this.tabIndex + "";
this.editableTabs.push({
title: tabName,
@ -216,15 +186,15 @@ export default {
this.editableTabsValue = newTabName;
this.dialogFormVisible = false;
},
dialogFormVisible() {
dialogFormVisible () {
this.isShow = true;
},
//
headClass() {
headClass () {
return "text-align: center;";
},
//
rowClass() {
rowClass () {
return "text-align: center;";
}
}
@ -236,10 +206,11 @@ export default {
.border {
width: 50px;
height: 50px;
border: 1px solid #9278ff;
border: 1px solid #062c87;
border-radius: 50%;
margin: auto;
}
//
.box /deep/ .el-checkbox:last-of-type {
margin: 15px 0 0 15px;
@ -247,30 +218,37 @@ export default {
//
.box {
border: 1px solid #9278ff;
border: 1px solid #062c87;
width: 500px;
margin: 0 auto;
}
.box /deep/ .el-input {
width: 190px;
}
.box /deep/ .el-input--suffix .el-input__inner {
height: 25px;
padding-right: 0;
}
.box /deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.box /deep/ .el-input--suffix .el-input__inner:focus,
.el-input--suffix .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/deep/ .el-table .cell {
line-height: 1;
}
.box_p {
padding-left: 20px;
}
.box_p p {
padding-right: 20px;
}
@ -281,7 +259,7 @@ export default {
height: 165px;
width: 500px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
margin: 0 auto;
// border-radius: 5px;
@ -292,23 +270,27 @@ export default {
font-size: 10px;
font-weight: 600;
}
/deep/ .el-select {
padding-top: 10px;
}
/deep/ .el-table td,
.el-table th {
padding-top: 0;
}
.box /deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 1;
padding-left: 0;
}
/deep/ .el-select__caret:before {
content: "\e78f";
font-size: 8px;
padding: 1px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
@ -318,32 +300,38 @@ export default {
width: 6px; //
height: 6px; //
}
//
/deep/ ::-webkit-scrollbar-thumb {
background-color: #9278ff;
background-color: #062c87;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 5px #dddddd;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px #dddddd;
border-radius: 0;
background: #dddddd;
}
/deep/ .el-row {
padding: 0 20px;
}
/deep/ .el-card__body {
padding: 0;
}
/deep/ .el-card {
border: none;
}
/deep/ .el-table th {
font-size: 14px;
font-family: Microsoft YaHei;
color: rgba(255, 255, 255, 1);
background-color: #9278ff;
background-color: #062c87;
}
.footer_b p {
@ -352,6 +340,7 @@ export default {
padding-left: 10px;
font-size: 12px;
}
.footer_b {
padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -359,55 +348,66 @@ export default {
height: 45px;
line-height: 45px;
}
//
#memo {
margin-left: 10px;
height: 200px;
width: 800px;
resize: none;
border: 1px solid #9278ff;
border: 1px solid #062c87;
font-size: 12px;
border-radius: 5px;
}
/deep/ .el-input--suffix .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
.footer_input p {
font-size: 12px;
padding-right: 20px;
}
.footer_input {
padding: 30px 0 20px 80px;
}
.footer_inputs {
padding: 30px 0 20px 80px;
}
.footer_inputs p {
font-size: 12px;
padding-right: 20px;
}
/deep/ .el-input {
width: 30%;
}
.button {
height: 30px;
width: 80px;
margin-top: 7px;
border: none;
background-color: #9278ff;
background-color: #062c87;
color: #ffffff;
border-radius: 20px;
position: absolute;
right: 30px;
}
.button:focus {
outline: 0;
}
/deep/ [class*=" el-icon-"],
[class^="el-icon-"] {
line-height: 3;
padding-left: 10px;
}
.header {
background-color: #ffffff;
height: 45px;
@ -416,15 +416,18 @@ export default {
font-weight: 600;
position: relative;
}
.header span  {
.header span {
font-size: 16px;
font-weight: 600;
padding-left: 5px;
}
.header p {
padding-left: 20px;
margin: 0;
}
.footer_h {
// padding: 10px 0;
border-top: 1px dashed #cccccc;
@ -433,24 +436,29 @@ export default {
height: 45px;
line-height: 45px;
}
.flex {
display: flex;
justify-content: flex-start;
}
.footer {
background-color: #ffffff;
}
.footer_h p {
padding-left: 10px;
font-size: 12px;
margin: 0;
}
.black {
width: 8px;
height: 18px;
background-color: #333;
margin-top: 10px;
}
.content {
background-color: #fff;
position: relative;

@ -290,8 +290,7 @@
type="text"
@click="handleCancel(scope.row, scope.$index)">取消
</el-button> -->
<el-button v-show="scope.row.isDisabled" size="mini" type="text"
@click="handleDelete(scope.row, scope.$index)">删除
<el-button size="mini" type="text" @click="handleDelete(scope.row, scope.$index)">删除
</el-button>
</template>
</el-table-column>

Loading…
Cancel
Save