|
@@ -2,11 +2,100 @@
|
|
|
.select-project {
|
|
|
width: 50%;
|
|
|
}
|
|
|
+.row-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.row-item:last-of-type {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.row-item .hint-item {
|
|
|
+ width: 24px;
|
|
|
+ min-width: 24px;
|
|
|
+ align-self: flex-start;
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-top: 9px;
|
|
|
+}
|
|
|
+.row-item .label-item {
|
|
|
+ position: relative;
|
|
|
+ align-items: flex-start;
|
|
|
+ align-self: flex-start;
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+ width: 140px;
|
|
|
+ // min-width: 80px;
|
|
|
+ .text-item {
|
|
|
+ font-size: 14px;
|
|
|
+ width: 120px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.row-item .required-item {
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ border-radius: 2px;
|
|
|
+ background: #f45858;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+.row-item .input-item {
|
|
|
+ min-width: 480px;
|
|
|
+ position: relative;
|
|
|
+ // height: 35px;
|
|
|
+ .tip {
|
|
|
+ font-size: 12px;
|
|
|
+ color: tomato;
|
|
|
+ }
|
|
|
+ .inventory-tags-lists-header {
|
|
|
+ background-color: #F8F9FA;
|
|
|
+ border: 1px solid #E4E9ED;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 33px;
|
|
|
+ border-radius: 4px 4px 0 0;
|
|
|
+ font-weight: bold;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .inventory-tags-lists-container {
|
|
|
+ border: 1px solid #E4E9ED;
|
|
|
+ margin-top: -1px;
|
|
|
+ height: 100%;
|
|
|
+ padding: 4px 0px;
|
|
|
+ border-radius: 0 0 4px 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .inventory-tags-lists-item {
|
|
|
+ width: 100%;
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ padding-left: 12px;
|
|
|
+ padding-right: 12px;
|
|
|
+ display: flex;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<template>
|
|
|
<div class="select-project">
|
|
|
<a-modal title="账户选择" v-model="showEdit" @ok="handleOk" @cancel="close" width="80%">
|
|
|
- {{ value }}
|
|
|
+ <!-- <span style="margin-bottom:15px">是否同步快手主页</span> -->
|
|
|
+ <div class="row-item">
|
|
|
+ <div class="hint-item"></div>
|
|
|
+ <div class="label-item">
|
|
|
+ <div class="text-item">是否同步快手主页</div>
|
|
|
+ <!-- <div class="required-item"></div> -->
|
|
|
+ </div>
|
|
|
+ <div class="input-item">
|
|
|
+ <a-form-item>
|
|
|
+ <a-switch v-model="shieldBackwardSwitch" />
|
|
|
+ </a-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- <treeselect
|
|
|
:multiple="multiple"
|
|
|
:disable-branch-nodes="!multiple"
|
|
@@ -67,6 +156,7 @@ export default {
|
|
|
label: 'label',
|
|
|
id: 'id',
|
|
|
},
|
|
|
+ shieldBackwardSwitch: true,
|
|
|
showEdit: false,
|
|
|
value: null,
|
|
|
valueConsistsOf: 'LEAF_PRIORITY',
|
|
@@ -123,7 +213,7 @@ export default {
|
|
|
console.log(e)
|
|
|
var data = this.$refs.tree.getCheckedKeys()
|
|
|
this.showEdit = false
|
|
|
- this.$emit('synchro', data)
|
|
|
+ this.$emit('synchro', {treeData:data,shieldBackwardSwitch:this.shieldBackwardSwitch})
|
|
|
},
|
|
|
close() {
|
|
|
this.showEdit = false
|