RogerWorkPC
/
dingxin_toolbox_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改页面结构

Browse Source
main
roger_mac 1 year ago
parent 840f81ec39
commit 5d43e56a11
1 changed files with 133 additions and 82 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 215
      src/views/mock/index.vue

215
src/views/mock/index.vue
Unescape View File

@ -7,27 +7,59 @@ import {InfoFilled} from "@element-plus/icons-vue";
let cinema_items = ref([]);
const select_ip = ref('')
let mock_config = ref(
{
// 数据下载
download_film_info: false,
get_cinema_info: false,
get_screen_info: false,
// 数据上报
report_ticket: false,
report_film_schedule: false,
upload_screen_seat_info: false,
// 超时票务审核
get_overtime_ticket_status: false,
// 数据查询
valid_error: false,
// let mock_config = ref(
// {
// // 数据下载
// download_film_info: false,
// get_cinema_info: false,
// get_screen_info: false,
// // 数据上报
// report_ticket: false,
// report_film_schedule: false,
// upload_screen_seat_info: false,
// // 超时票务审核
// get_overtime_ticket_status: false,
// // 数据查询
// valid_error: false,
//
// data_download_check_all: false,
// data_download_indeterminate: false,
// }
// )
const checkAll = ref(false)
const isIndeterminate = ref(false)
const checkedMockConfig = ref([])
const mockConfigItems = ['download_film_info', 'get_cinema_info', 'get_screen_info']
data_download_check_all: false,
data_download_indeterminate: false,
const mockConfig = ref(
[
{
label: '数据下载',
items: [
{
key: 'download_film_info',
name: '影片信息下载接口'
}, {
key: 'get_cinema_info',
name: '影院信息下载接口'
}, {
key: 'get_screen_info',
name: '影厅信息下载接口'
}
]
}, {
label: '数据上报',
items: ['report_ticket', 'report_film_schedule', 'upload_screen_seat_info']
}, {
label: '超时票务审核',
items: ['get_overtime_ticket_status']
}, {
label: '数据查询',
items: ['valid_error']
}
]
)
async function get_cinema_items() {
cinema_items = []
await cinema_list().then(res => {
@ -46,29 +78,29 @@ async function get_cinema_items() {
})
}
const handle_download_all_Change = (val) => {
if (mock_config.value.download_film_info && mock_config.value.get_cinema_info && mock_config.value.get_screen_info) {
mock_config.value.data_download_check_all = true
mock_config.value.data_download_indeterminate = false
} else if (mock_config.value.download_film_info || mock_config.value.get_cinema_info || mock_config.value.get_screen_info){
mock_config.value.data_download_check_all = false
mock_config.value.data_download_indeterminate = true
}
else{
mock_config.value.data_download_check_all = false
mock_config.value.data_download_indeterminate = false
}
// if (mock_config.value.data_download_check_all === true && mock_config.value.data_download_indeterminate === false) {
// mock_config.value.download_film_info = true
// mock_config.value.get_cinema_info = true
// mock_config.value.get_screen_info = true
// }
// else {
// mock_config.value.download_film_info = false
// mock_config.value.get_cinema_info = false
// mock_config.value.get_screen_info = false
// }
}
// const handle_download_all_Change = (val) => {
// if (mock_config.value.download_film_info && mock_config.value.get_cinema_info && mock_config.value.get_screen_info) {
// mock_config.value.data_download_check_all = true
// mock_config.value.data_download_indeterminate = false
// } else if (mock_config.value.download_film_info || mock_config.value.get_cinema_info || mock_config.value.get_screen_info){
// mock_config.value.data_download_check_all = false
// mock_config.value.data_download_indeterminate = true
// }
// else{
// mock_config.value.data_download_check_all = false
// mock_config.value.data_download_indeterminate = false
// }
// // if (mock_config.value.data_download_check_all === true && mock_config.value.data_download_indeterminate === false) {
// // mock_config.value.download_film_info = true
// // mock_config.value.get_cinema_info = true
// // mock_config.value.get_screen_info = true
// // }
// // else {
// // mock_config.value.download_film_info = false
// // mock_config.value.get_cinema_info = false
// // mock_config.value.get_screen_info = false
// // }
// }
onMounted(
async () => {
@ -109,56 +141,75 @@ onMounted(
</el-icon>
</template>
</el-popover>
<el-checkbox
v-model="checkAll"
:indeterminate="isIndeterminate"
@change=""
>
全选
</el-checkbox>
</p>
</div>
<el-divider content-position="left">
<el-checkbox
v-model="mock_config.data_download_check_all"
:indeterminate="mock_config.data_download_indeterminate"
@change="handle_download_all_Change"
>
<span class="api_class">数据下载</span>
</el-checkbox>
</el-divider>
<!-- <el-checkbox-group>-->
<el-row :gutter="0">
<el-col :span="8">
<el-checkbox
v-model="mock_config.download_film_info"
key="download_film_info"
label="download_film_info"
@change="handle_download_all_Change"
>
影片信息下载接口
</el-checkbox>
</el-col>
<el-col :span="8">
<el-checkbox
v-model="mock_config.get_cinema_info"
key="get_cinema_info"
label="get_cinema_info"
@change="handle_download_all_Change">
影院信息下载接口
</el-checkbox>
</el-col>
<el-col :span="8">
<el-checkbox
v-model="mock_config.get_screen_info"
key="get_screen_info"
label="get_screen_info"
@change="handle_download_all_Change">
影厅信息下载接口
</el-checkbox>
</el-col>
</el-row>
<!-- </el-checkbox-group>-->
<el-checkbox-group
v-model="checkedMockConfig"
@change=""
>
<div v-for="(api_items) in mockConfig">
<el-divider content-position="left">
<span class="api_label">{{ api_items.label }}</span>
</el-divider>
<el-row justify="start">
<el-col :span=24/api_items.items.length v-for="api in api_items">
<el-checkbox
:key="api.key"
:label="api.key"
>
{{api.name}}
</el-checkbox>
</el-col>
</el-row>
</div>
</el-checkbox-group>
<!-- &lt;!&ndash; <el-checkbox-group>&ndash;&gt;-->
<!-- <el-row :gutter="0">-->
<!-- <el-col :span="8">-->
<!-- <el-checkbox-->
<!-- v-model="mock_config.download_film_info"-->
<!-- key="download_film_info"-->
<!-- label="download_film_info"-->
<!-- @change="handle_download_all_Change"-->
<!-- >-->
<!-- 影片信息下载接口-->
<!-- </el-checkbox>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <el-checkbox-->
<!-- v-model="mock_config.get_cinema_info"-->
<!-- key="get_cinema_info"-->
<!-- label="get_cinema_info"-->
<!-- @change="handle_download_all_Change">-->
<!-- 影院信息下载接口-->
<!-- </el-checkbox>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <el-checkbox-->
<!-- v-model="mock_config.get_screen_info"-->
<!-- key="get_screen_info"-->
<!-- label="get_screen_info"-->
<!-- @change="handle_download_all_Change">-->
<!-- 影厅信息下载接口-->
<!-- </el-checkbox>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </el-checkbox-group>-->
</el-form>
</template>
<style scoped>
span.api_class {
span.api_label {
font-size: 18px;
}

Write Preview
Loading…
Cancel
Save