|
@@ -21,9 +21,13 @@
|
|
</a-form>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
<a-divider />
|
|
<a-divider />
|
|
- <div class="table-operator">
|
|
+ <a-row type="flex" justify="space-between">
|
|
<a-button type="primary" icon="plus" @click="openModal">新建</a-button>
|
|
<a-button type="primary" icon="plus" @click="openModal">新建</a-button>
|
|
- </div>
|
|
+ <a-col @click="handleDefaultSet">
|
|
|
|
+ <a-icon type="setting" class="setting-icon" />
|
|
|
|
+ <span class="setting">默认方案设置</span>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
<s-table
|
|
<s-table
|
|
ref="table"
|
|
ref="table"
|
|
size="default"
|
|
size="default"
|
|
@@ -44,8 +48,10 @@
|
|
</s-table>
|
|
</s-table>
|
|
<!-- 新增/编辑 弹窗 -->
|
|
<!-- 新增/编辑 弹窗 -->
|
|
<add-evaModal :itemId="itemId" :visible="openAddModal" @refresh="$refs.table.refresh()" @close="openAddModal=false"></add-evaModal>
|
|
<add-evaModal :itemId="itemId" :visible="openAddModal" @refresh="$refs.table.refresh()" @close="openAddModal=false"></add-evaModal>
|
|
- <!-- 设置弹窗 -->
|
|
+ <!-- 选择考评项弹窗 -->
|
|
- <set-evaModal :itemId="itemId" :visible="openSetting" @refresh="$refs.table.refresh()" @close="openSetting=false"></set-evaModal>
|
|
+ <set-evaModal :itemId="itemId" :visible="openSetting" @close="openSetting=false"></set-evaModal>
|
|
|
|
+ <!-- 设置默认方案弹窗 -->
|
|
|
|
+ <set-evaDefaultModal :itemId="itemId" :visible="openDefaultSetting" @close="openDefaultSetting=false"></set-evaDefaultModal>
|
|
</a-card>
|
|
</a-card>
|
|
|
|
|
|
</template>
|
|
</template>
|
|
@@ -61,6 +67,7 @@ import {
|
|
} from '@/api/tenants.js'
|
|
} from '@/api/tenants.js'
|
|
import addEvaModal from './AddEvaModal.vue'
|
|
import addEvaModal from './AddEvaModal.vue'
|
|
import setEvaModal from './SetEvaModal.vue'
|
|
import setEvaModal from './SetEvaModal.vue'
|
|
|
|
+import setEvaDefaultModal from './SetEvaDefaultModal.vue'
|
|
import moment from 'moment'
|
|
import moment from 'moment'
|
|
export default {
|
|
export default {
|
|
name: 'EvaluationPlanList',
|
|
name: 'EvaluationPlanList',
|
|
@@ -68,7 +75,8 @@ export default {
|
|
STable,
|
|
STable,
|
|
VSelect,
|
|
VSelect,
|
|
addEvaModal,
|
|
addEvaModal,
|
|
- setEvaModal
|
|
+ setEvaModal,
|
|
|
|
+ setEvaDefaultModal
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
@@ -76,12 +84,12 @@ export default {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
openAddModal: false, // 打开新增弹窗
|
|
openAddModal: false, // 打开新增弹窗
|
|
- openSetting: false, // 打开设置弹窗
|
|
+ openSetting: false, // 打开选择考评项弹窗
|
|
|
|
+ openDefaultSetting: false, // 打开设置默认方案弹窗
|
|
itemId: '', // 要编辑的租户id
|
|
itemId: '', // 要编辑的租户id
|
|
// 查询参数
|
|
// 查询参数
|
|
queryParam: {
|
|
queryParam: {
|
|
name: '',
|
|
name: '',
|
|
- contactPhone: '',
|
|
|
|
status: '' // 状态
|
|
status: '' // 状态
|
|
},
|
|
},
|
|
// 表头
|
|
// 表头
|
|
@@ -174,6 +182,10 @@ export default {
|
|
this.itemId = row ? row.id : ''
|
|
this.itemId = row ? row.id : ''
|
|
this.openAddModal = true
|
|
this.openAddModal = true
|
|
},
|
|
},
|
|
|
|
+ // 打开默认方案设置弹窗
|
|
|
|
+ handleDefaultSet () {
|
|
|
|
+ this.openDefaultSetting = true
|
|
|
|
+ },
|
|
// 删除
|
|
// 删除
|
|
delect (row) {
|
|
delect (row) {
|
|
const _this = this
|
|
const _this = this
|
|
@@ -211,7 +223,7 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
-<style>
|
|
+<style scoped>
|
|
.table-page-search-wrapper,
|
|
.table-page-search-wrapper,
|
|
.addButton {
|
|
.addButton {
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
@@ -220,35 +232,21 @@ export default {
|
|
.table-page-search-wrapper .ant-form-inline .ant-form-item {
|
|
.table-page-search-wrapper .ant-form-inline .ant-form-item {
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
-
|
|
|
|
- .textCount {
|
|
|
|
- border: 1px solid #91d5ff;
|
|
|
|
- background-color: #e6f7ff;
|
|
|
|
- padding: 10px 0;
|
|
|
|
- border-radius: 5px;
|
|
|
|
- padding-left: 20px;
|
|
|
|
- margin: 10px 0;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .action-button {
|
|
|
|
- line-height: 40px;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- padding: 5px 10px;
|
|
|
|
- background-color: #1890ff;
|
|
|
|
- border-radius: 4px;
|
|
|
|
- color: #fff;
|
|
|
|
- margin-right: 5px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .menu-text {
|
|
|
|
- background-color: #f90;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
.actionBtn {
|
|
.actionBtn {
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
-
|
|
+ .setting-icon {
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ margin-right: 5px;
|
|
|
|
+ color: #1890FF;
|
|
|
|
+ }
|
|
|
|
+ .setting {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ color: #1890FF;
|
|
|
|
+ border-bottom: 1px solid #1890FF;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
.blue {
|
|
.blue {
|
|
color: #1890FF;
|
|
color: #1890FF;
|
|
}
|
|
}
|