|
@@ -7,17 +7,11 @@
|
|
</div>
|
|
</div>
|
|
<!-- 学习名称组织名称表单区域 -->
|
|
<!-- 学习名称组织名称表单区域 -->
|
|
<div v-if="isOrgFormVisible" class="table">
|
|
<div v-if="isOrgFormVisible" class="table">
|
|
- <!-- 头部区域 -->
|
|
|
|
- <div class="table_top">
|
|
|
|
- <div class="organzition_top" @click="cn_orgization" :style="{ color: cn_org ? '#0076fe' : '#B3B3B3' }">CN组织</div>
|
|
|
|
- <div class="organzition_top" @click="hk_orgization" :style="{ color: hk_org ? '#0076fe' : '#B3B3B3' }">HK组织</div>
|
|
|
|
- <div class="organzition_top" @click="com_orgization" :style="{ color: com_org ? '#0076fe' : '#B3B3B3' }">COM组织</div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <a @click="close_table" class="table_close">X</a>
|
|
<div class="input-container">
|
|
<div class="input-container">
|
|
<input type="text" v-model="searchQuery" placeholder="搜索学校" class="table_find" @keyup.enter="ajax_school_name(searchQuery)"/>
|
|
<input type="text" v-model="searchQuery" placeholder="搜索学校" class="table_find" @keyup.enter="ajax_school_name(searchQuery)"/>
|
|
<i class="el-icon-search" @click="ajax_school_name(searchQuery)"></i>
|
|
<i class="el-icon-search" @click="ajax_school_name(searchQuery)"></i>
|
|
</div>
|
|
</div>
|
|
- <a @click="close_table" class="table_close">X</a>
|
|
|
|
<div class="table_down">
|
|
<div class="table_down">
|
|
<div v-if="cn_org">
|
|
<div v-if="cn_org">
|
|
<div class="checkbox-container">
|
|
<div class="checkbox-container">
|
|
@@ -47,38 +41,6 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div v-if="hk_org">
|
|
|
|
- <div class="checkbox-container">
|
|
|
|
- <div class="checkbox_comment">
|
|
|
|
- <div class="checkbox-left"><a>学校名称学校名称学校名称2</a></div>
|
|
|
|
- <input type="checkbox" class="checkbox_input">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkbox-company">
|
|
|
|
- <div class="checkbox-right">
|
|
|
|
- <div class="checkbox_comment">
|
|
|
|
- <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
|
|
|
|
- <input type="checkbox" class="checkbox_input">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div v-if="com_org">
|
|
|
|
- <div class="checkbox-container">
|
|
|
|
- <div class="checkbox_comment">
|
|
|
|
- <div class="checkbox-left"><a>学校名称学校名称学校名称3</a></div>
|
|
|
|
- <input type="checkbox" class="checkbox_input">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkbox-company">
|
|
|
|
- <div class="checkbox-right">
|
|
|
|
- <div class="checkbox_comment">
|
|
|
|
- <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
|
|
|
|
- <input type="checkbox" class="checkbox_input">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 新增学校按钮跟确认移动按钮 -->
|
|
<!-- 新增学校按钮跟确认移动按钮 -->
|
|
<el-button type="primary" class="add_school">新增学校</el-button>
|
|
<el-button type="primary" class="add_school">新增学校</el-button>
|
|
@@ -214,7 +176,7 @@ export default {
|
|
showCompanyList: [false, false, false, false, false, false, false, false, false],
|
|
showCompanyList: [false, false, false, false, false, false, false, false, false],
|
|
// 响应式数据
|
|
// 响应式数据
|
|
//移动弹窗
|
|
//移动弹窗
|
|
- isOrgFormVisible: false,
|
|
|
|
|
|
+ isOrgFormVisible: true,
|
|
isTableUseVisible: false,
|
|
isTableUseVisible: false,
|
|
isCompanyDropdownVisible: false,
|
|
isCompanyDropdownVisible: false,
|
|
companyListVisibility: [false, false, false],
|
|
companyListVisibility: [false, false, false],
|
|
@@ -743,11 +705,11 @@ body{
|
|
.table_close{
|
|
.table_close{
|
|
color: #999;
|
|
color: #999;
|
|
position: absolute;
|
|
position: absolute;
|
|
- font-size: 30px;
|
|
|
|
- float: right;
|
|
|
|
- margin-right: 20px;
|
|
|
|
|
|
+ font-size: 25px;
|
|
|
|
+ float: left;
|
|
|
|
+ margin-left: 420px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
- transform: translate(-15px, 15px); /* 向左移动 20px,向下移动 20px */
|
|
|
|
|
|
+ margin-top: 10px;
|
|
}
|
|
}
|
|
/* 输入框样式 */
|
|
/* 输入框样式 */
|
|
.input-container {
|
|
.input-container {
|