主题色更改

master
yujialong 2 months ago
parent a3015b8f92
commit 862cbd8e9a
  1. 2
      src/assets/element-variables.scss
  2. 173
      src/components/Process.vue
  3. 167
      src/components/Set.vue
  4. 4
      src/styles/index.scss
  5. 4
      src/utils/http.js
  6. 41
      src/views/Catalog.vue
  7. 32
      src/views/Flow.vue
  8. 2
      src/views/Home.vue
  9. 60
      src/views/List.vue
  10. 224
      src/views/Loan.vue
  11. 297
      src/views/ProgramOption.vue
  12. 278
      src/views/ProgramOptions.vue
  13. 118
      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>
@ -496,8 +459,7 @@ export default {
},
handleExceed (files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${
files.length
`当前限制选择 3 个文件,本次选择了 ${files.length
} 个文件共选择了 ${files.length + fileList.length} 个文件`
);
},
@ -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;
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>
@ -496,8 +459,7 @@ export default {
},
handleExceed (files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${
files.length
`当前限制选择 3 个文件,本次选择了 ${files.length
} 个文件共选择了 ${files.length + fileList.length} 个文件`
);
},
@ -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">
@ -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;
background-color: #f5f2ff;
}
/deep/ .el-tree-node__content:hover {
height: 20px !important;
background-color: #f5f2ff;
}
/deep/ .el-tree-node__label:active {
height: 20px !important;
color: #9278ff;
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;

@ -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;
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;

@ -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>
</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>
@ -237,12 +227,14 @@ export default {
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,6 +390,7 @@ export default {
display: flex;
justify-content: flex-start;
}
.flex-end {
display: flex;
justify-content: flex-end;

@ -1,8 +1,7 @@
<template>
<div class="content">
<!-- 贷款申请表 -->
<div class="first"><i class="el-icon-error"
style="font-size:26px;padding-right: 10px;"></i></div>
<div class="first"><i class="el-icon-error" style="font-size:26px;padding-right: 10px;"></i></div>
<p class="center">贷款申请表</p>
<div class="footer">
<!-- 申请人基本信息 -->
@ -14,18 +13,13 @@
<div class="flex input">
<div class="flex">
<p>借款人姓名</p>
<el-input placeholder="请输入内容"
v-model="input">
<el-input placeholder="请输入内容" v-model="input">
</el-input>
</div>
<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-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -33,38 +27,27 @@
<div class="flex input">
<div class="flex">
<p>身份证号</p>
<el-input placeholder="请输入内容"
v-model="input1">
<el-input placeholder="请输入内容" v-model="input1">
</el-input>
</div>
<div class="flex date">
<p>出生年月</p>
<el-date-picker v-model="value1"
type="date"
placeholder="选择日期">
<el-date-picker v-model="value1" type="date" placeholder="选择日期">
</el-date-picker>
</div>
</div>
<div class="flex input">
<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-select v-model="value2" placeholder="请选择">
<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-select v-model="value3" placeholder="请选择">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -72,56 +55,48 @@
<div class="flex input">
<div class="flex">
<p>户籍所在地</p>
<el-input placeholder="请输入内容"
v-model="input2">
<el-input placeholder="请输入内容" v-model="input2">
</el-input>
</div>
<div class="flex">
<p>现住地址</p>
<el-input placeholder="请输入内容"
v-model="input3">
<el-input placeholder="请输入内容" v-model="input3">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>住宅电话</p>
<el-input placeholder="请输入内容"
v-model="input4">
<el-input placeholder="请输入内容" v-model="input4">
</el-input>
</div>
<div class="flex">
<p>手机号码</p>
<el-input placeholder="请输入内容"
v-model="input5">
<el-input placeholder="请输入内容" v-model="input5">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>生产经营类型</p>
<el-input placeholder="请输入内容"
v-model="input6">
<el-input placeholder="请输入内容" v-model="input6">
</el-input>
</div>
<div class="flex">
<p>家庭劳动力数量</p>
<el-input placeholder="请输入内容"
v-model="input7">
<el-input placeholder="请输入内容" v-model="input7">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>配偶姓名</p>
<el-input placeholder="请输入内容"
v-model="input8">
<el-input placeholder="请输入内容" v-model="input8">
</el-input>
</div>
<div class="flex">
<p>配偶身份证号</p>
<el-input placeholder="请输入内容"
v-model="input9">
<el-input placeholder="请输入内容" v-model="input9">
</el-input>
</div>
</div>
@ -136,54 +111,41 @@
<div class="flex">
<p>申请金额</p>
<span class="left">大写</span>
<el-input placeholder="请输入内容"
style="width:220px;"
v-model="data">
<el-input placeholder="请输入内容" style="width:220px;" v-model="data">
</el-input>
</div>
<div class="flex">
<p>申请金额</p>
<span class="left">小写</span>
<el-input placeholder="请输入内容"
style="width:220px;"
v-model="data1">
<el-input placeholder="请输入内容" style="width:220px;" v-model="data1">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>贷款期限</p>
<el-input placeholder="请输入内容"
style="width:220px;"
v-model="data2">
<el-input placeholder="请输入内容" style="width:220px;" v-model="data2">
</el-input>
<span class="right_p20"></span>
</div>
<div class="flex date">
<p>借款用途</p>
<el-input placeholder="请输入内容"
v-model="data3">
<el-input placeholder="请输入内容" v-model="data3">
</el-input>
</div>
</div>
<div class="flex input">
<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-select v-model="value4" placeholder="请选择">
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="flex">
<p>首次还本月</p>
<span class="left"></span>
<el-input placeholder="请输入内容"
style="width:210px;"
v-model="data4">
<el-input placeholder="请输入内容" style="width:210px;" v-model="data4">
</el-input>
<span class="right"></span>
</div>
@ -191,14 +153,12 @@
<div class="flex input">
<div class="flex">
<p>()款账户户名</p>
<el-input placeholder="请输入内容"
v-model="data5">
<el-input placeholder="请输入内容" v-model="data5">
</el-input>
</div>
<div class="flex">
<p>账号</p>
<el-input placeholder="请输入内容"
v-model="data6">
<el-input placeholder="请输入内容" v-model="data6">
</el-input>
</div>
</div>
@ -212,18 +172,13 @@
<div class="flex input">
<div class="flex">
<p>保证人姓名</p>
<el-input placeholder="请输入内容"
v-model="bail">
<el-input placeholder="请输入内容" v-model="bail">
</el-input>
</div>
<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-select v-model="value5" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -231,38 +186,27 @@
<div class="flex input">
<div class="flex">
<p>身份证号</p>
<el-input placeholder="请输入内容"
v-model="bail1">
<el-input placeholder="请输入内容" v-model="bail1">
</el-input>
</div>
<div class="flex date">
<p>出生年月</p>
<el-date-picker v-model="value6"
type="date"
placeholder="选择日期">
<el-date-picker v-model="value6" type="date" placeholder="选择日期">
</el-date-picker>
</div>
</div>
<div class="flex input">
<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-select v-model="value7" placeholder="请选择">
<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-select v-model="value8" placeholder="请选择">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -270,44 +214,37 @@
<div class="flex input">
<div class="flex">
<p>户籍所在地</p>
<el-input placeholder="请输入内容"
v-model="bail3">
<el-input placeholder="请输入内容" v-model="bail3">
</el-input>
</div>
<div class="flex">
<p>现住地址</p>
<el-input placeholder="请输入内容"
v-model="bail4">
<el-input placeholder="请输入内容" v-model="bail4">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>联系电话</p>
<el-input placeholder="请输入内容"
v-model="bail5">
<el-input placeholder="请输入内容" v-model="bail5">
</el-input>
</div>
<div class="flex">
<p>工作单位</p>
<el-input placeholder="请输入内容"
v-model="bail6">
<el-input placeholder="请输入内容" v-model="bail6">
</el-input>
</div>
</div>
<div class="flex input">
<div class="flex">
<p>月收入</p>
<el-input placeholder="请输入内容"
style="width:220px;"
v-model="bail7">
<el-input placeholder="请输入内容" style="width:220px;" v-model="bail7">
</el-input>
<span class="right_p20"></span>
</div>
<div class="flex">
<p>与申请人关系</p>
<el-input placeholder="请输入内容"
v-model="bail8">
<el-input placeholder="请输入内容" v-model="bail8">
</el-input>
</div>
</div>
@ -322,34 +259,29 @@
<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;">
<div class="flex small_box" style="margin-top: 20px;">
<p>申请人签字</p>
<el-input placeholder="请输入内容"
v-model="sign">
<el-input placeholder="请输入内容" v-model="sign">
</el-input>
</div>
<div class="flex small_box">
<p>申请人配偶(主要财产共有人)签字</p>
<el-input placeholder="请输入内容"
v-model="sign1">
<el-input placeholder="请输入内容" v-model="sign1">
</el-input>
</div>
<div class="flex small_box">
<p>保证人签字</p>
<el-input placeholder="请输入内容"
v-model="sign2">
<el-input placeholder="请输入内容" v-model="sign2">
</el-input>
</div>
<div class="flex date small_box"
style="justify-content:flex-end;">
<div class="flex date small_box" style="justify-content:flex-end;">
<p>日期</p>
<el-date-picker v-model="value9"
type="date"
placeholder="选择日期">
<el-date-picker v-model="value9" type="date" placeholder="选择日期">
</el-date-picker>
</div>
</div>
@ -360,17 +292,11 @@
<div class="black"></div>
<p>业务审批</p>
</div>
<div class="box"
style="height: 200px;">
<div class="flex small_box"
style="margin-top: 50px;">
<div class="box" style="height: 200px;">
<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-select v-model="sign3" placeholder="请选择">
<el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -484,21 +410,25 @@ export default {
background-color: #333;
margin-top: 10px;
}
//
.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;
@ -506,15 +436,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;
@ -524,10 +457,12 @@ export default {
.date /deep/ .el-input__icon {
line-height: 2;
}
/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;
@ -537,35 +472,43 @@ export default {
content: "\e78f";
font-size: 8px;
padding: 1px;
background-color: #9278ff;
background-color: #062c87;
border-radius: 50%;
color: #ffffff;
}
/deep/ .el-select .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/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-input {
width: 190px;
text-align: right;
}
/deep/ .el-input__inner {
height: 30px;
padding-right: 0;
}
/deep/ .el-input__inner {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/deep/ .el-input__inner:hover {
border: 1px solid #9278ff;
border: 1px solid #062c87;
}
/deep/ .el-table .cell {
line-height: 1;
}
.input p {
width: 120px;
padding-right: 20px;
@ -574,25 +517,30 @@ export default {
margin: 0;
text-align: right;
}
.input {
justify-content: space-around;
margin-bottom: 15px;
}
.footer_one p {
padding-left: 10px;
font-size: 12px;
font-weight: 600;
}
.footer_one {
height: 40px;
justify-content: flex-start;
margin: 50px 0 10px 300px;
}
/deep/ [class*="el-icon-"],
[class^="el-icon-"] {
line-height: 3.5;
color: #9278ff;
color: #062c87;
}
.flex {
display: flex;
}
@ -624,12 +572,14 @@ 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;

@ -2,11 +2,7 @@
<!-- 编程类 -->
<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>
@ -20,12 +16,7 @@
<p>基本信息</p>
</div>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px"
>
<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>
@ -37,30 +28,17 @@
<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 :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">
@ -71,18 +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.name"
: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.name"
:value="item.id"></el-option>
</el-select>
</div>
</div>
@ -90,18 +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.name }}</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.name }}</el-radio>
<!-- <div class="child">
<el-radio :label="9">备选项</el-radio>
<el-radio :label="10">备选项</el-radio>
@ -115,24 +77,12 @@
</el-table-column>
<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">
@ -150,19 +100,10 @@
<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.childrenName"
:value="item.cid"
></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.childrenName" :value="item.cid"></el-option>
</el-select>
</div>
</div>
@ -174,7 +115,8 @@
<div class="line">
<span class="label mini">正确答案</span>
<div class="action" style="flex: none">
<el-date-picker v-model="scope.row.levelFour" type="date" placeholder="选择日期"></el-date-picker>
<el-date-picker v-model="scope.row.levelFour" type="date"
placeholder="选择日期"></el-date-picker>
</div>
</div>
</template>
@ -182,28 +124,14 @@
<div class="line">
<span class="label">
<el-checkbox v-model="scope.row.numOfWords">字数要求</el-checkbox>
</span
>
</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">
@ -211,13 +139,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>
@ -225,17 +148,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.childrenName"
:value="item.cid"
></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.childrenName" :value="item.cid"></el-option>
</el-select>
</div>
</div>
@ -243,29 +158,13 @@
<span class="label">交易指标区间</span>
<div class="action">
<div class="inputs">
<el-select
v-model="scope.row.symbolInput1"
placeholder="请选择"
size="mini"
>
<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-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>
@ -281,38 +180,14 @@
<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>
@ -737,6 +612,7 @@ export default {
/deep/ .el-link.el-link--primary {
padding-right: 10px;
}
/deep/ .btn {
line-height: 0;
height: 30px;
@ -748,44 +624,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;
}
//
@ -793,25 +677,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;
}
@ -820,13 +709,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;
@ -842,47 +733,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;
@ -891,15 +792,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;
@ -907,55 +811,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;
@ -963,33 +880,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%;

@ -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"
<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-column label="流程判分正确答案" align="center">
<template slot-scope="scope">
<template v-if="scope.row.isInput">
<p class="p">
@ -72,13 +49,9 @@
<div class="line">
<span class="label">一级栏目</span>
<div class="action">
<el-select v-model="scope.row.levelOne"
placeholder="请选择"
size="mini"
<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"
<el-option v-for="(item, index) in stepList" :key="index" :label="item.stepName"
:value="item.id"></el-option>
</el-select>
</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"
<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 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"
<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-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,18 +133,11 @@
<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"
<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"
<el-input type="number" min="0" style="margin-left: 5px" size="mini"
v-model="scope.row.numDes"></el-input>
</div>
</div>
@ -207,10 +146,7 @@
<el-checkbox v-model="scope.row.fieldOfReq">字段要求</el-checkbox>
</span>
<div class="action">
<el-input class="mini-textarea"
type="textarea"
cols="3"
size="mini"
<el-input class="mini-textarea" type="textarea" cols="3" size="mini"
v-model="scope.row.levelFour"></el-input>
</div>
</div>
@ -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,30 +184,16 @@
</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"
<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"
<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"
<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"
<el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow"
@click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
</template>
</template>
@ -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,13 +36,8 @@
<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 :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>
@ -50,12 +45,8 @@
<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>
@ -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>
@ -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