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

Write Preview
Loading…
Cancel
Save