更新
This commit is contained in:
24kycj
@@ -124,23 +124,85 @@ const cd_types = [
|
||||
const defaultData = {
|
||||
// 任务列表
|
||||
task_list: [
|
||||
// {
|
||||
// task_uuid: '20204215',
|
||||
// task_name: '复制任务',
|
||||
// task_size: 100000,
|
||||
// finish_freq: 2,
|
||||
// total_freq: 10,
|
||||
// task_status: 2,
|
||||
// ass_task: [
|
||||
// {
|
||||
// task_size: 100000,
|
||||
// cd_type: 2,
|
||||
// start_time: '2024-04-01 12:00:00',
|
||||
// finish_time: '2024-04-01 12:00:00',
|
||||
// task_status: 2
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
{
|
||||
task_uuid: '20204215',
|
||||
task_name: '复制任务',
|
||||
task_size: 100000,
|
||||
finish_freq: 2,
|
||||
total_freq: 10,
|
||||
task_status: 2,
|
||||
ass_task: [
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
},
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
},
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
task_uuid: '20204215',
|
||||
task_name: '复制任务',
|
||||
task_size: 100000,
|
||||
finish_freq: 2,
|
||||
total_freq: 10,
|
||||
task_status: 2,
|
||||
ass_task: [
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
},
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
},
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
task_uuid: '20204215',
|
||||
task_name: '复制任务',
|
||||
task_size: 100000,
|
||||
finish_freq: 2,
|
||||
total_freq: 10,
|
||||
task_status: 2,
|
||||
ass_task: [
|
||||
{
|
||||
task_size: 100000,
|
||||
cd_type: 2,
|
||||
start_time: '2024-04-01 12:00:00',
|
||||
finish_time: '2024-04-01 12:00:00',
|
||||
task_status: 2
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
// 打印机信息
|
||||
printer_info: {
|
||||
|
||||
@@ -37,285 +37,287 @@
|
||||
</div>
|
||||
<user-info></user-info>
|
||||
</div>
|
||||
<!-- 设备 -->
|
||||
<div class="flex_box device_box">
|
||||
<!-- 左侧 -->
|
||||
<div class="device_left">
|
||||
<div class="flex_box device_left_top">
|
||||
<img v-if="!printer_info.cover_flag" class="flex_shrink device_img" src="@/assets/images/device.png" />
|
||||
<img v-else class="flex_shrink device_img" src="@/assets/images/device-open.png" />
|
||||
<div class="flex_box flex_row_between device_info">
|
||||
<div class="device_info_box">
|
||||
<div class="device_info_main" :class="{ device_info_main1: infoStatus === 1 }">
|
||||
<div class="device_info_item">
|
||||
<div class="device_info_title">卡树光盘刻录一体机{{ printer_info.printer_name }}</div>
|
||||
<div class="device_info_sure">
|
||||
<div v-if="currentRunVal === 6" class="flex_box flex_row_between device_info_sure_box">
|
||||
<div class="device_info_sure_text">{{ sureText }}</div>
|
||||
<el-button @click="sureCD" class="device_info_sure_btn" type="primary">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box device_info_options">
|
||||
<div class="device_info_option">
|
||||
<div class="device_info_option_box">
|
||||
<img src="@/assets/images/device4.png" />
|
||||
<div class="device_info_option_cap">
|
||||
<div
|
||||
class="device_info_option_cap_box"
|
||||
:class="{ 'device_info_option_cap_box1': printer_info.strongList[2].cd_num < 30, 'device_info_option_cap_box2': printer_info.strongList[2].cd_num < 10 }"
|
||||
:style="{ height: $accDiv(printer_info.strongList[2].cd_num, 50) * 100 + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<div class="content_body">
|
||||
<!-- 设备 -->
|
||||
<div class="flex_box device_box">
|
||||
<!-- 左侧 -->
|
||||
<div class="device_left">
|
||||
<div class="flex_box device_left_top">
|
||||
<img v-if="!printer_info.cover_flag" class="flex_shrink device_img" src="@/assets/images/device.png" />
|
||||
<img v-else class="flex_shrink device_img" src="@/assets/images/device-open.png" />
|
||||
<div class="flex_box flex_row_between device_info">
|
||||
<div class="device_info_box">
|
||||
<div class="device_info_main" :class="{ device_info_main1: infoStatus === 1 }">
|
||||
<div class="device_info_item">
|
||||
<div class="device_info_title">卡树光盘刻录一体机{{ printer_info.printer_name }}</div>
|
||||
<div class="device_info_sure">
|
||||
<div v-if="currentRunVal === 6" class="flex_box flex_row_between device_info_sure_box">
|
||||
<div class="device_info_sure_text">{{ sureText }}</div>
|
||||
<el-button @click="sureCD" class="device_info_sure_btn" type="primary">确定</el-button>
|
||||
</div>
|
||||
<div class="flex_box flex_row_center">
|
||||
<el-dropdown trigger="click" :disabled="currentRunVal !== 6" @command="(e) => handleCommandCD(e, 2)">
|
||||
<div class="el-dropdown-link flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text">{{ CDTypes[printer_info.strongList[2].cd_type] }} {{ printer_info.strongList[2].cd_num }}张</div>
|
||||
<i v-if="currentRunVal === 6" class="el-icon-caret-bottom"></i>
|
||||
</div>
|
||||
<div class="flex_box device_info_options">
|
||||
<div class="device_info_option">
|
||||
<div class="device_info_option_box">
|
||||
<img src="@/assets/images/device4.png" />
|
||||
<div class="device_info_option_cap">
|
||||
<div
|
||||
class="device_info_option_cap_box"
|
||||
:class="{ 'device_info_option_cap_box1': printer_info.strongList[2].cd_num < 30, 'device_info_option_cap_box2': printer_info.strongList[2].cd_num < 10 }"
|
||||
:style="{ height: $accDiv(printer_info.strongList[2].cd_num, 50) * 100 + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-for="(item, index) in CDTypes" :key="index" :command="index"><span :style="{'color': index === printer_info.strongList[2].cd_type ? '#409EFF' : '#000', 'font-weight': index === printer_info.strongList[2].cd_type ? '600' : '400' }">{{ item }}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_info_option">
|
||||
<div class="device_info_option_box">
|
||||
<img src="@/assets/images/device4.png" />
|
||||
<div class="device_info_option_cap">
|
||||
<div
|
||||
class="device_info_option_cap_box"
|
||||
:class="{ 'device_info_option_cap_box1': printer_info.strongList[1].cd_num < 30, 'device_info_option_cap_box2': printer_info.strongList[1].cd_num < 10 }"
|
||||
:style="{ height: $accDiv(printer_info.strongList[1].cd_num, 50) * 100 + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<div class="flex_box flex_row_center">
|
||||
<el-dropdown trigger="click" :disabled="currentRunVal !== 6" @command="(e) => handleCommandCD(e, 2)">
|
||||
<div class="el-dropdown-link flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text">{{ CDTypes[printer_info.strongList[2].cd_type] }} {{ printer_info.strongList[2].cd_num }}张</div>
|
||||
<i v-if="currentRunVal === 6" class="el-icon-caret-bottom"></i>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-for="(item, index) in CDTypes" :key="index" :command="index"><span :style="{'color': index === printer_info.strongList[2].cd_type ? '#409EFF' : '#000', 'font-weight': index === printer_info.strongList[2].cd_type ? '600' : '400' }">{{ item }}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box flex_row_center">
|
||||
<el-dropdown trigger="click" :disabled="currentRunVal !== 6" @command="(e) => handleCommandCD(e, 1)">
|
||||
<div class="el-dropdown-link flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text">{{ CDTypes[printer_info.strongList[1].cd_type] }} {{ printer_info.strongList[1].cd_num }}张</div>
|
||||
<i v-if="currentRunVal === 6" class="el-icon-caret-bottom"></i>
|
||||
<div class="device_info_option">
|
||||
<div class="device_info_option_box">
|
||||
<img src="@/assets/images/device4.png" />
|
||||
<div class="device_info_option_cap">
|
||||
<div
|
||||
class="device_info_option_cap_box"
|
||||
:class="{ 'device_info_option_cap_box1': printer_info.strongList[1].cd_num < 30, 'device_info_option_cap_box2': printer_info.strongList[1].cd_num < 10 }"
|
||||
:style="{ height: $accDiv(printer_info.strongList[1].cd_num, 50) * 100 + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-for="(item, index) in CDTypes" :key="index" :command="index"><span :style="{'color': index === printer_info.strongList[1].cd_type ? '#409EFF' : '#000', 'font-weight': index === printer_info.strongList[1].cd_type ? '600' : '400' }">{{ item }}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_info_option">
|
||||
<div class="flex_box flex_row_between device_info_option_list">
|
||||
<div class="device_info_option_item device_info_option_blue">
|
||||
<div :style="{ height: parseInt(printer_info.blue_last) + '%' }" class="device_info_option_content"></div>
|
||||
</div>
|
||||
<div class="device_info_option_item device_info_option_red">
|
||||
<div :style="{ height: parseInt(printer_info.red_last) + '%' }" class="device_info_option_content"></div>
|
||||
</div>
|
||||
<div class="device_info_option_item device_info_option_yellow">
|
||||
<div :style="{ height: parseInt(printer_info.yellow_last) + '%' }" class="device_info_option_content"></div>
|
||||
<div class="flex_box flex_row_center">
|
||||
<el-dropdown trigger="click" :disabled="currentRunVal !== 6" @command="(e) => handleCommandCD(e, 1)">
|
||||
<div class="el-dropdown-link flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text">{{ CDTypes[printer_info.strongList[1].cd_type] }} {{ printer_info.strongList[1].cd_num }}张</div>
|
||||
<i v-if="currentRunVal === 6" class="el-icon-caret-bottom"></i>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-for="(item, index) in CDTypes" :key="index" :command="index"><span :style="{'color': index === printer_info.strongList[1].cd_type ? '#409EFF' : '#000', 'font-weight': index === printer_info.strongList[1].cd_type ? '600' : '400' }">{{ item }}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isLast" @click="isLast = true" class="flex_box flex_row_between device_info_option_b">
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.blue_last) }}%</div>
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.red_last) }}%</div>
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.yellow_last) }}%</div>
|
||||
</div>
|
||||
<div v-if="isLast" @click="isLast = false" class="flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ $accDiv($accAdd($accAdd(printer_info.blue_last,printer_info.red_last),printer_info.yellow_last),3) }}%</div>
|
||||
<div class="device_info_option">
|
||||
<div class="flex_box flex_row_between device_info_option_list">
|
||||
<div class="device_info_option_item device_info_option_blue">
|
||||
<div :style="{ height: parseInt(printer_info.blue_last) + '%' }" class="device_info_option_content"></div>
|
||||
</div>
|
||||
<div class="device_info_option_item device_info_option_red">
|
||||
<div :style="{ height: parseInt(printer_info.red_last) + '%' }" class="device_info_option_content"></div>
|
||||
</div>
|
||||
<div class="device_info_option_item device_info_option_yellow">
|
||||
<div :style="{ height: parseInt(printer_info.yellow_last) + '%' }" class="device_info_option_content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isLast" @click="isLast = true" class="flex_box flex_row_between device_info_option_b">
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.blue_last) }}%</div>
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.red_last) }}%</div>
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ parseInt(printer_info.yellow_last) }}%</div>
|
||||
</div>
|
||||
<div v-if="isLast" @click="isLast = false" class="flex_box flex_row_center device_info_option_b">
|
||||
<div class="device_info_option_b_text device_info_option_b_text1">{{ $accDiv($accAdd($accAdd(printer_info.blue_last,printer_info.red_last),printer_info.yellow_last),3).toFixed(2) }}%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_info_item">
|
||||
<div class="device_info_text">系统序列号：</div>
|
||||
<div class="device_info_text">主机名：{{ printer_info.system_name }}</div>
|
||||
<div class="device_info_text">主机IP：{{ printer_info.system_ip }}</div>
|
||||
<div class="device_info_text">缓存空间：0G（共0G）</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_info_item">
|
||||
<div class="device_info_text">系统序列号：</div>
|
||||
<div class="device_info_text">主机名：{{ printer_info.system_name }}</div>
|
||||
<div class="device_info_text">主机IP：{{ printer_info.system_ip }}</div>
|
||||
<div class="device_info_text">缓存空间：0G（共0G）</div>
|
||||
</div>
|
||||
<div class="device_info_right">
|
||||
<div v-if="infoStatus === 1" @click="infoStatus = 0" class="device_info_right_item">
|
||||
<img src="@/assets/images/Arrow_right1_icon.png" />
|
||||
</div>
|
||||
<div v-if="infoStatus === 0" @click="infoStatus = 1" class="device_info_right_item">
|
||||
<img src="@/assets/images/Arrow_left1_icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_info_right">
|
||||
<div v-if="infoStatus === 1" @click="infoStatus = 0" class="device_info_right_item">
|
||||
<img src="@/assets/images/Arrow_right1_icon.png" />
|
||||
</div>
|
||||
<!-- <div class="flex_box device_status" :class="`flex_box device_status device_status${printer_info.printer_status} device_status${printer_info.cover_flag}`"> -->
|
||||
<div class="flex_box device_status" :class="{ 'device_status1': printer_info.printer_status === 'I', 'device_status2': printer_info.printer_status === 'B' || printer_info.printer_status === 'P', 'device_status3': printer_info.cover_flag || printer_info.calibration_flag || !isConnect || !serviceStatus }">
|
||||
<div class="device_status_dot"></div>
|
||||
<div class="device_status_text">{{ runText }}</div>
|
||||
</div>
|
||||
<div class="flex_box device_run">
|
||||
<div class="flex_box device_run_input">
|
||||
<el-select v-model="runVal" placeholder="请选择">
|
||||
<el-option v-for="item in runList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<el-button @click="handleRun" type="primary" class="device_run_btn">执行</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右侧 -->
|
||||
<div class="device_right">
|
||||
<div class="flex_box device_right_top">
|
||||
<div class="flex_box flex_row_between device_right_top_item">
|
||||
<div class="device_right_top_img">
|
||||
<img v-if="cd_list[0].cd_status == 4" src="@/assets/images/device3.png" />
|
||||
<img v-if="cd_list[0].cd_status != 4" src="@/assets/images/device2.png" />
|
||||
<div class="device_right_top_img_text" v-if="cd_list[0].cd_status != 4">{{ diskTypes[cd_list[0].dev_type] }}</div>
|
||||
<div class="device_right_top_img_text device_right_top_img_text1" v-if="cd_list[0].cd_status == 4">{{ CDTypes[cd_list[0].cd_type] }}</div>
|
||||
</div>
|
||||
<div v-if="infoStatus === 0" @click="infoStatus = 1" class="device_info_right_item">
|
||||
<img src="@/assets/images/Arrow_left1_icon.png" />
|
||||
<div class="device_right_top_content">
|
||||
<div class="device_right_top_title">{{ cd_list[0].dev_path || '' }}({{ $store.state.chat.CDName[cd_list[0].cd_pos] }})</div>
|
||||
<template v-if="cd_list[0].copy_scheduler > 0">
|
||||
<div class="flex_box device_right_top_progress">
|
||||
<div class="device_right_top_progress_box" :style="{ 'width': cd_list[0].copy_scheduler + '%' }"></div>
|
||||
</div>
|
||||
<div class="device_right_top_text">已刻录{{ $filterSize(cd_list[0].use_size) }}，共{{ $filterSize(cd_list[0].total_size) }}<span v-if="cd_list[0].burn_speed">，速度{{ cd_list[0].burn_speed }}X</span></div>
|
||||
</template>
|
||||
<div class="device_right_top_text">状态：{{ $store.state.chat.CDStatus[cd_list[0].cd_status] }}</div>
|
||||
<div class="device_right_top_text">任务：{{ cd_list[0].cd_taskid || '' }}</div>
|
||||
<div class="device_right_top_text">光盘：{{ cd_list[0].cd_assid || '' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_right_top_line"></div>
|
||||
<div class="flex_box flex_row_between device_right_top_item">
|
||||
<div class="device_right_top_img">
|
||||
<img v-if="cd_list[1].cd_status == 4" src="@/assets/images/device3.png" />
|
||||
<img v-if="cd_list[1].cd_status != 4" src="@/assets/images/device2.png" />
|
||||
<div class="device_right_top_img_text" v-if="cd_list[1].cd_status != 4">{{ diskTypes[cd_list[1].dev_type] }}</div>
|
||||
<div class="device_right_top_img_text device_right_top_img_text1" v-if="cd_list[1].cd_status == 4">{{ CDTypes[cd_list[1].cd_type] }}</div>
|
||||
</div>
|
||||
<div class="device_right_top_content">
|
||||
<div class="device_right_top_title">{{ cd_list[1].dev_path || '' }}({{ $store.state.chat.CDName[cd_list[1].cd_pos] }})</div>
|
||||
<template v-if="cd_list[1].copy_scheduler">
|
||||
<div class="flex_box device_right_top_progress">
|
||||
<div class="device_right_top_progress_box" :style="{ 'width': cd_list[1].copy_scheduler + '%' }"></div>
|
||||
</div>
|
||||
<div class="device_right_top_text">已刻录{{ $filterSize(cd_list[1].use_size) }}，共{{ $filterSize(cd_list[1].total_size) }}<span v-if="cd_list[1].burn_speed">，速度{{ cd_list[1].burn_speed }}X</span></div>
|
||||
</template>
|
||||
<div class="device_right_top_text">状态：{{ $store.state.chat.CDStatus[cd_list[1].cd_status] }}</div>
|
||||
<div class="device_right_top_text">任务：{{ cd_list[1].cd_taskid || '' }}</div>
|
||||
<div class="device_right_top_text">光盘：{{ cd_list[1].cd_assid || '' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="flex_box device_status" :class="`flex_box device_status device_status${printer_info.printer_status} device_status${printer_info.cover_flag}`"> -->
|
||||
<div class="flex_box device_status" :class="{ 'device_status1': printer_info.printer_status === 'I', 'device_status2': printer_info.printer_status === 'B' || printer_info.printer_status === 'P', 'device_status3': printer_info.cover_flag || printer_info.calibration_flag || !isConnect || !serviceStatus }">
|
||||
<div class="device_status_dot"></div>
|
||||
<div class="device_status_text">{{ runText }}</div>
|
||||
</div>
|
||||
<div class="flex_box device_run">
|
||||
<div class="flex_box device_run_input">
|
||||
<el-select v-model="runVal" placeholder="请选择">
|
||||
<el-option v-for="item in runList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
||||
</el-select>
|
||||
<div class="notice_box">
|
||||
<div class="flex_box flex_row_between notice_top">
|
||||
<div class="flex_box notice_title">
|
||||
<img src="@/assets/images/inform1_icon.png" />
|
||||
<div>动态</div>
|
||||
</div>
|
||||
<div @click="noticeChange" class="flex_box notice_all">
|
||||
<img src="@/assets/images/Calendar_icon.png" />
|
||||
<div>{{ showAll ? '最新日志' : '全部日志' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notice_list">
|
||||
<template v-if="!showAll">
|
||||
<div v-for="(item, index) in logList" :key="index" :class="`flex_box flex_row_between notice_item notice_${item.status}`">
|
||||
<div class="notice_content">
|
||||
<span>{{ index + 1 }}</span
|
||||
>[{{ item.status }}]{{ item.text }}
|
||||
</div>
|
||||
<div class="notice_time">{{ item.time }}</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="showAll">
|
||||
<div v-for="(item, index) in allLogList" :key="index" :class="`flex_box flex_row_between notice_item notice_${item.status}`">
|
||||
<div class="notice_content">
|
||||
<span>{{ index + 1 }}</span
|
||||
>[{{ item.status }}]{{ item.text }}
|
||||
</div>
|
||||
<div class="notice_time">{{ item.time }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<el-button @click="handleRun" type="primary" class="device_run_btn">执行</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右侧 -->
|
||||
<div class="device_right">
|
||||
<div class="flex_box device_right_top">
|
||||
<div class="flex_box flex_row_between device_right_top_item">
|
||||
<div class="device_right_top_img">
|
||||
<img v-if="cd_list[0].cd_status == 4" src="@/assets/images/device3.png" />
|
||||
<img v-if="cd_list[0].cd_status != 4" src="@/assets/images/device2.png" />
|
||||
<div class="device_right_top_img_text" v-if="cd_list[0].cd_status != 4">{{ diskTypes[cd_list[0].dev_type] }}</div>
|
||||
<div class="device_right_top_img_text device_right_top_img_text1" v-if="cd_list[0].cd_status == 4">{{ CDTypes[cd_list[0].cd_type] }}</div>
|
||||
</div>
|
||||
<div class="device_right_top_content">
|
||||
<div class="device_right_top_title">{{ cd_list[0].dev_path || '' }}({{ $store.state.chat.CDName[cd_list[0].cd_pos] }})</div>
|
||||
<template v-if="cd_list[0].copy_scheduler > 0">
|
||||
<div class="flex_box device_right_top_progress">
|
||||
<div class="device_right_top_progress_box" :style="{ 'width': cd_list[0].copy_scheduler + '%' }"></div>
|
||||
</div>
|
||||
<div class="device_right_top_text">已刻录{{ $filterSize(cd_list[0].use_size) }}，共{{ $filterSize(cd_list[0].total_size) }}<span v-if="cd_list[0].burn_speed">，速度{{ cd_list[0].burn_speed }}X</span></div>
|
||||
</template>
|
||||
<div class="device_right_top_text">状态：{{ $store.state.chat.CDStatus[cd_list[0].cd_status] }}</div>
|
||||
<div class="device_right_top_text">任务：{{ cd_list[0].cd_taskid || '' }}</div>
|
||||
<div class="device_right_top_text">光盘：{{ cd_list[0].cd_assid || '' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="device_right_top_line"></div>
|
||||
<div class="flex_box flex_row_between device_right_top_item">
|
||||
<div class="device_right_top_img">
|
||||
<img v-if="cd_list[1].cd_status == 4" src="@/assets/images/device3.png" />
|
||||
<img v-if="cd_list[1].cd_status != 4" src="@/assets/images/device2.png" />
|
||||
<div class="device_right_top_img_text" v-if="cd_list[1].cd_status != 4">{{ diskTypes[cd_list[1].dev_type] }}</div>
|
||||
<div class="device_right_top_img_text device_right_top_img_text1" v-if="cd_list[1].cd_status == 4">{{ CDTypes[cd_list[1].cd_type] }}</div>
|
||||
</div>
|
||||
<div class="device_right_top_content">
|
||||
<div class="device_right_top_title">{{ cd_list[1].dev_path || '' }}({{ $store.state.chat.CDName[cd_list[1].cd_pos] }})</div>
|
||||
<template v-if="cd_list[1].copy_scheduler">
|
||||
<div class="flex_box device_right_top_progress">
|
||||
<div class="device_right_top_progress_box" :style="{ 'width': cd_list[1].copy_scheduler + '%' }"></div>
|
||||
</div>
|
||||
<div class="device_right_top_text">已刻录{{ $filterSize(cd_list[1].use_size) }}，共{{ $filterSize(cd_list[1].total_size) }}<span v-if="cd_list[1].burn_speed">，速度{{ cd_list[1].burn_speed }}X</span></div>
|
||||
</template>
|
||||
<div class="device_right_top_text">状态：{{ $store.state.chat.CDStatus[cd_list[1].cd_status] }}</div>
|
||||
<div class="device_right_top_text">任务：{{ cd_list[1].cd_taskid || '' }}</div>
|
||||
<div class="device_right_top_text">光盘：{{ cd_list[1].cd_assid || '' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 作业队列 -->
|
||||
<div class="work_box">
|
||||
<div class="flex_box work_top">
|
||||
<div class="work_top_text">作业列表</div>
|
||||
</div>
|
||||
<div class="notice_box">
|
||||
<div class="flex_box flex_row_between notice_top">
|
||||
<div class="flex_box notice_title">
|
||||
<img src="@/assets/images/inform1_icon.png" />
|
||||
<div>动态</div>
|
||||
</div>
|
||||
<div @click="noticeChange" class="flex_box notice_all">
|
||||
<img src="@/assets/images/Calendar_icon.png" />
|
||||
<div>{{ showAll ? '最新日志' : '全部日志' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notice_list">
|
||||
<template v-if="!showAll">
|
||||
<div v-for="(item, index) in logList" :key="index" :class="`flex_box flex_row_between notice_item notice_${item.status}`">
|
||||
<div class="notice_content">
|
||||
<span>{{ index + 1 }}</span
|
||||
>[{{ item.status }}]{{ item.text }}
|
||||
</div>
|
||||
<div class="notice_time">{{ item.time }}</div>
|
||||
<el-table default-expand-all class="work_table" :data="task_list" empty-text="暂无作业列表">
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="scope">
|
||||
<el-table class="child_table" :show-header="false" :data="scope.row.ass_task">
|
||||
<el-table-column width="48" label=""></el-table-column>
|
||||
<el-table-column type="index" width="80" label="序号">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.$index + 1 }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_uuid" label="作业ID">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.row.task_uuid }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_name" label="子任务名称">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.row.task_name }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型">
|
||||
<template slot-scope="child">
|
||||
<div>{{ CDTypes[child.row.cd_type] }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_size" label="大小">
|
||||
<template slot-scope="child">
|
||||
<div>{{ $filterSize(child.row.task_size) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="start_time" label="开始时间"></el-table-column>
|
||||
<el-table-column prop="finish_time" label="结束时间"></el-table-column>
|
||||
<el-table-column label="完成"></el-table-column>
|
||||
<el-table-column prop="task_status" label="状态">
|
||||
<template slot-scope="child">
|
||||
<div class="flex_box work_status_box">
|
||||
<div>{{ statusList[child.row.task_status] }}</div>
|
||||
<!-- <i class="el-icon-caret-bottom"></i> -->
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column type="index" width="80" label="序号"></el-table-column>
|
||||
<el-table-column prop="task_uuid" label="作业ID"></el-table-column>
|
||||
<el-table-column prop="task_name" label="任务名称"></el-table-column>
|
||||
<!-- <el-table-column prop="DataSource" label="来源"></el-table-column> -->
|
||||
<el-table-column label="类型">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ CDTypes[scope.row.ass_task[0].cd_type] }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_size" label="大小">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ $filterSize(scope.row.task_size) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="start_time" label="开始时间"></el-table-column>
|
||||
<el-table-column prop="finish_time" label="结束时间"></el-table-column>
|
||||
<el-table-column label="完成">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ scope.row.finish_freq }}/{{ scope.row.total_freq }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_status" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex_box work_status_box">
|
||||
<div>{{ statusList[scope.row.task_status] }}</div>
|
||||
<!-- <i class="el-icon-caret-bottom"></i> -->
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="showAll">
|
||||
<div v-for="(item, index) in allLogList" :key="index" :class="`flex_box flex_row_between notice_item notice_${item.status}`">
|
||||
<div class="notice_content">
|
||||
<span>{{ index + 1 }}</span
|
||||
>[{{ item.status }}]{{ item.text }}
|
||||
</div>
|
||||
<div class="notice_time">{{ item.time }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 作业队列 -->
|
||||
<div class="work_box">
|
||||
<div class="flex_box work_top">
|
||||
<div class="work_top_text">作业列表</div>
|
||||
</div>
|
||||
<el-table default-expand-all class="work_table" :data="task_list" empty-text="暂无作业列表">
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="scope">
|
||||
<el-table :show-header="false" :data="scope.row.ass_task">
|
||||
<el-table-column width="48" label=""></el-table-column>
|
||||
<el-table-column type="index" width="80" label="序号">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.$index + 1 }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_uuid" label="作业ID">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.row.task_uuid }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_name" label="子任务名称">
|
||||
<template slot-scope="child">
|
||||
<div>{{ scope.row.task_name }}_{{ child.$index + 1 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型">
|
||||
<template slot-scope="child">
|
||||
<div>{{ CDTypes[child.row.cd_type] }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_size" label="大小">
|
||||
<template slot-scope="child">
|
||||
<div>{{ $filterSize(child.row.task_size) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="start_time" label="开始时间"></el-table-column>
|
||||
<el-table-column prop="finish_time" label="结束时间"></el-table-column>
|
||||
<el-table-column label="完成"></el-table-column>
|
||||
<el-table-column prop="task_status" label="状态">
|
||||
<template slot-scope="child">
|
||||
<div class="flex_box work_status_box">
|
||||
<div>{{ statusList[child.row.task_status] }}</div>
|
||||
<!-- <i class="el-icon-caret-bottom"></i> -->
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column type="index" width="80" label="序号"></el-table-column>
|
||||
<el-table-column prop="task_uuid" label="作业ID"></el-table-column>
|
||||
<el-table-column prop="task_name" label="任务名称"></el-table-column>
|
||||
<!-- <el-table-column prop="DataSource" label="来源"></el-table-column> -->
|
||||
<el-table-column label="类型">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ CDTypes[scope.row.ass_task[0].cd_type] }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_size" label="大小">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ $filterSize(scope.row.task_size) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="start_time" label="开始时间"></el-table-column>
|
||||
<el-table-column prop="finish_time" label="结束时间"></el-table-column>
|
||||
<el-table-column label="完成">
|
||||
<template slot-scope="scope">
|
||||
<div>{{ scope.row.finish_freq }}/{{ scope.row.total_freq }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="task_status" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex_box work_status_box">
|
||||
<div>{{ statusList[scope.row.task_status] }}</div>
|
||||
<!-- <i class="el-icon-caret-bottom"></i> -->
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- 底部 -->
|
||||
<div class="flex_box flex_row_center footer_box">
|
||||
<div>Copyright @ 2023 CARDSOON Corporation</div>
|
||||
@@ -743,74 +745,73 @@ $red: #ff0000;
|
||||
.container_box {
|
||||
height: 100vh;
|
||||
.top_box {
|
||||
height: 88px;
|
||||
padding: 0 48px;
|
||||
height: 78px;
|
||||
padding: 0 32px;
|
||||
background-color: #ffffff;
|
||||
.top_left {
|
||||
.top_btn1 {
|
||||
cursor: pointer;
|
||||
padding: 0 24px;
|
||||
height: 45px;
|
||||
padding: 0 16px;
|
||||
height: 40px;
|
||||
background: #00c325;
|
||||
border-radius: 6px;
|
||||
margin-right: 24px;
|
||||
margin-right: 16px;
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
img {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
margin-right: 12px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.top_btn2 {
|
||||
cursor: pointer;
|
||||
padding: 0 24px;
|
||||
height: 45px;
|
||||
padding: 0 16px;
|
||||
height: 40px;
|
||||
background: rgba(0, 195, 37, 0.12);
|
||||
border: 2px solid rgba(0, 195, 37, 0.32);
|
||||
border-radius: 6px;
|
||||
margin-right: 24px;
|
||||
margin-right: 16px;
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
color: #00c325;
|
||||
img {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
margin-right: 12px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.top_left_line {
|
||||
width: 2px;
|
||||
height: 45px;
|
||||
height: 40px;
|
||||
background: #e0e0e0;
|
||||
margin: 0 24px;
|
||||
margin: 0 16px;
|
||||
}
|
||||
.top_left_status_box {
|
||||
width: 90px;
|
||||
margin-right: 24px;
|
||||
.top_left_status {
|
||||
padding: 0 18px;
|
||||
zoom: 2;
|
||||
padding: 0 16px;
|
||||
zoom: 1.3;
|
||||
}
|
||||
}
|
||||
.top_left_option {
|
||||
margin-right: 24px;
|
||||
margin-left: 16px;
|
||||
.top_left_text {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.top_left_num {
|
||||
padding: 0 12px;
|
||||
height: 36px;
|
||||
padding: 0 10px;
|
||||
height: 28px;
|
||||
background: #00c325;
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 36px;
|
||||
line-height: 28px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.top_left_num1 {
|
||||
@@ -819,20 +820,24 @@ $red: #ff0000;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_body {
|
||||
background-color: #f8f8f8;
|
||||
padding: 0 100px;
|
||||
}
|
||||
.device_box {
|
||||
padding: 24px;
|
||||
padding: 16px 0;
|
||||
background-color: #f8f8f8;
|
||||
.device_left {
|
||||
width: 50%;
|
||||
padding: 0 50px;
|
||||
padding: 0 45px;
|
||||
.device_left_top {
|
||||
margin-bottom: 24px;
|
||||
.device_img {
|
||||
width: 275px;
|
||||
width: 255px;
|
||||
margin-right: 35px;
|
||||
}
|
||||
.device_info {
|
||||
width: calc(100% - 310px);
|
||||
width: calc(100% - 290px);
|
||||
.device_info_box {
|
||||
width: calc(100% - 40px);
|
||||
overflow: hidden;
|
||||
@@ -844,13 +849,13 @@ $red: #ff0000;
|
||||
display: inline-block;
|
||||
.device_info_text {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
line-height: 38px;
|
||||
}
|
||||
.device_info_title {
|
||||
font-weight: bold;
|
||||
font-size: 27px;
|
||||
font-size: 25px;
|
||||
color: #000000;
|
||||
line-height: 38px;
|
||||
}
|
||||
@@ -872,7 +877,7 @@ $red: #ff0000;
|
||||
background: #00bcc3;
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -934,7 +939,7 @@ $red: #ff0000;
|
||||
.device_info_option_b_text1 {
|
||||
width: 36px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.el-icon-caret-bottom {
|
||||
transition: all 0.5s;
|
||||
@@ -1006,21 +1011,21 @@ $red: #ff0000;
|
||||
}
|
||||
}
|
||||
.device_status {
|
||||
height: 48px;
|
||||
height: 44px;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 24px;
|
||||
padding: 0 18px;
|
||||
.device_status_dot {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 50%;
|
||||
background: #e54d4d;
|
||||
margin-right: 18px;
|
||||
}
|
||||
.device_status_text {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #e54d4d;
|
||||
line-height: 30px;
|
||||
}
|
||||
@@ -1051,14 +1056,14 @@ $red: #ff0000;
|
||||
}
|
||||
.device_run {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
height: 44px;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 5 9px 2px rgba(102, 102, 102, 0.18);
|
||||
border-radius: 6px;
|
||||
.device_run_input {
|
||||
width: calc(100% - 140px);
|
||||
height: 48px;
|
||||
height: 44px;
|
||||
border: 2px solid #00bcc3;
|
||||
overflow: hidden;
|
||||
border-radius: 6px 0 0 6px;
|
||||
@@ -1070,14 +1075,14 @@ $red: #ff0000;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
font-size: 21px;
|
||||
font-size: 20px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #000000;
|
||||
}
|
||||
.el-input__icon {
|
||||
height: 40px;
|
||||
font-size: 21px;
|
||||
font-size: 20px;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
@@ -1087,11 +1092,11 @@ $red: #ff0000;
|
||||
}
|
||||
.device_run_btn {
|
||||
width: 140px;
|
||||
height: 48px;
|
||||
height: 44px;
|
||||
background: #00bcc3;
|
||||
border-radius: 0px 6px 6px 0px;
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
margin: 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -1100,9 +1105,9 @@ $red: #ff0000;
|
||||
.device_right {
|
||||
width: 50%;
|
||||
.device_right_top {
|
||||
height: 190px;
|
||||
height: 200px;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 18px;
|
||||
padding: 0 24px;
|
||||
.device_right_top_item {
|
||||
@@ -1139,13 +1144,13 @@ $red: #ff0000;
|
||||
width: calc(100% - 136px);
|
||||
.device_right_top_title {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
line-height: 34px;
|
||||
}
|
||||
.device_right_top_text {
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
line-height: 30px;
|
||||
}
|
||||
@@ -1175,27 +1180,27 @@ $red: #ff0000;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
.notice_top {
|
||||
height: 64px;
|
||||
padding: 0 24px;
|
||||
height: 75px;
|
||||
padding: 0 30px;
|
||||
border-bottom: 2px solid #e1f5e5;
|
||||
.notice_title {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
}
|
||||
.notice_all {
|
||||
font-weight: 500;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #00c325;
|
||||
cursor: pointer;
|
||||
img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
}
|
||||
@@ -1221,25 +1226,25 @@ $red: #ff0000;
|
||||
background-color: #b5b5b5; /* 设置滑块hover状态时的背景颜色 */
|
||||
}
|
||||
.notice_item {
|
||||
height: 45px;
|
||||
height: 42px;
|
||||
background-color: #f8f8f8;
|
||||
margin-bottom: 3px;
|
||||
cursor: pointer;
|
||||
.notice_content {
|
||||
width: calc(100% - 108px);
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
line-height: 24px;
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 45px;
|
||||
width: 42px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.notice_time {
|
||||
width: 160px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
line-height: 24px;
|
||||
}
|
||||
@@ -1267,51 +1272,55 @@ $red: #ff0000;
|
||||
}
|
||||
}
|
||||
.work_box {
|
||||
height: calc(100vh - 645px);
|
||||
height: calc(100vh - 640px);
|
||||
::-webkit-scrollbar {
|
||||
width: 0; /* 设置滚动条的宽度 */
|
||||
height: 0;
|
||||
}
|
||||
.el-table.work_table {
|
||||
height: calc(100vh - 725px) !important;
|
||||
height: calc(100vh - 720px) !important;
|
||||
::v-deep .el-table__body-wrapper {
|
||||
height: calc(100% - 48px) !important;
|
||||
overflow: scroll!important;
|
||||
}
|
||||
}
|
||||
.work_top {
|
||||
height: 60px;
|
||||
background-color: #fff;
|
||||
height: 72px;
|
||||
.work_top_text {
|
||||
width: 132px;
|
||||
height: 60px;
|
||||
height: 72px;
|
||||
background: linear-gradient(180deg, #c1ffcd 0%, #ffffff 100%);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
font-size: 19px;
|
||||
color: #00c325;
|
||||
line-height: 60px;
|
||||
line-height: 72px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.work_table {
|
||||
background-color: #f8f8f8;
|
||||
background-color: #ffffff;
|
||||
&::before {
|
||||
height: 0;
|
||||
}
|
||||
::v-deep {
|
||||
tr {
|
||||
background-color: #f8f8f8;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
td.el-table__cell {
|
||||
background-color: #f8f8f8;
|
||||
border-bottom: 3px solid #ffffff;
|
||||
background-color: #ffffff;
|
||||
border-bottom: 2px solid #f8f8f8;
|
||||
}
|
||||
th.el-table__cell {
|
||||
background-color: #f2f9f4;
|
||||
border-bottom: 3px solid #ffffff;
|
||||
border-bottom: 2px solid #f8f8f8;
|
||||
}
|
||||
.el-table__cell {
|
||||
padding: 6px 0;
|
||||
}
|
||||
.cell {
|
||||
line-height: 28px;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
@@ -1319,8 +1328,8 @@ $red: #ff0000;
|
||||
width: 80%;
|
||||
::v-deep {
|
||||
.el-progress-bar__outer {
|
||||
height: 18px !important;
|
||||
line-height: 18px !important;
|
||||
height: 16px !important;
|
||||
line-height: 16px !important;
|
||||
.el-progress-bar__innerText {
|
||||
font-size: 12px !important;
|
||||
color: #fff !important;
|
||||
@@ -1330,21 +1339,41 @@ $red: #ff0000;
|
||||
}
|
||||
.work_status_box {
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
.child_table {
|
||||
&::before {
|
||||
height: 0;
|
||||
}
|
||||
::v-deep {
|
||||
td.el-table__cell {
|
||||
border-bottom: 2px solid #f8f8f8;
|
||||
}
|
||||
tr {
|
||||
&:last-child {
|
||||
td.el-table__cell {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
th.el-table__cell {
|
||||
border-bottom: 2px solid #f8f8f8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer_box {
|
||||
height: 36px;
|
||||
background: #dcf5e1;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
.footer_line {
|
||||
width: 2px;
|
||||
height: 15px;
|
||||
height: 14px;
|
||||
background-color: #666666;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user