Skip to content

M
mocp-uniapp
Commit 1ec0ea0a by pangchong
Options

feat: 海技值班前端页面开发

parent a35c5164
Showing with 636 additions and 28 deletions
src/mocp/api/dutyLog.js 0 → 100644
import { post, http } from 'mocp/utils/http'
export const unplanApplyListApi = (data, config) => {
return http({
method: 'POST',
url: '/workbench/unplanApply/unplanApplyList',
data,
config
})
}
export const addUnplanApplyApi = (data, config) => {
return post({
method: 'POST',
url: '/workbench/unplanApply/addUnplanApply',
data,
config
})
}
export const checkPakgeNoApi = (data, config) => {
return http({
method: 'POST',
url: '/workbench/unplanApply/checkPakgeNo',
data,
config
})
}
export const getUnplanApplyApi = (data, config) => {
return http({
method: 'POST',
url: '/workbench/unplanApply/getUnplanApply',
data,
config
})
}
export const changeStatusApi = (data, config) => {
return http({
method: 'POST',
url: '/workbench/unplanApply/changeStatus',
data,
config
})
}
export const changeExemptStatusApi = (data, config) => {
return http({
method: 'POST',
url: '/workbench/unplanApply/changeExemptStatus',
data,
config
})
}
src/mocp/store/dutyLog.js 0 → 100644
import { getUnplanApplyApi } from 'mocp/api/dutyLog'
import { defineStore } from 'pinia'
const useDutyLogStore = defineStore('dutyLog', {
state: () => {
return {
searchData: {
applyStatus: '',
packageNo: '',
exemptStatus: null,
sourceType: '',
checkLevel: null,
acType: '',
airline: '',
startTime: null,
startTimeEnd: null,
applyTimeStart: null,
applyTimeEnd: null
},
id: '',
details: undefined
}
},
getters: {},
actions: {
async getDetails() {
this.details = undefined
const res = await getUnplanApplyApi({ id: this.id }, { loading: true })
if (res.code == 200) {
this.details = res.data
} else {
uni.$mocpMessage.error(res.message)
}
},
resetForm() {
this.searchData = {
applyStatus: '',
packageNo: '',
exemptStatus: null,
sourceType: '',
checkLevel: null,
acType: '',
airline: '',
startTime: null,
startTimeEnd: null,
applyTimeStart: null,
applyTimeEnd: null
}
},
setState(...args) {
this.$patch({ [args[0]]: args[1] })
}
},
// 配置持久化
persist: false
})
export default useDutyLogStore
src/mocp/store/user.js
import { menuList } from 'mocp/constants/menu'
import { defineStore } from 'pinia' import { defineStore } from 'pinia'
import { menuList } from 'mocpStatic/js/menu'
const useUserStore = defineStore('mocpUser', { const useUserStore = defineStore('mocpUser', {
state: () => { state: () => {
......
src/pages.json
...@@ -824,6 +824,30 @@ ...@@ -824,6 +824,30 @@
"style": { "style": {
"navigationBarTitleText": "非计划申请详情" "navigationBarTitleText": "非计划申请详情"
} }
},
{
"path": "pages/modules/mocp/panel/dutyLog/list",
"style": {
"navigationBarTitleText": "海技值班"
}
},
{
"path": "pages/modules/mocp/panel/dutyLog/search",
"style": {
"navigationBarTitleText": "筛选"
}
},
{
"path": "pages/modules/mocp/panel/dutyLog/edit",
"style": {
"navigationBarTitleText": "海技值班详情"
}
},
{
"path": "pages/modules/mocp/panel/dutyLog/details",
"style": {
"navigationBarTitleText": "海技值班详情"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
src/pages/modules/mocp/login/index.vue
...@@ -76,13 +76,13 @@ const handleLogin = async () => { ...@@ -76,13 +76,13 @@ const handleLogin = async () => {
loading.value = true loading.value = true
await login() await login()
if (userStore.token) { if (userStore.token) {
//加入席位权限 // //加入席位权限
await getUserSeatList() // await getUserSeatList()
if (userStore.seatId) { // if (userStore.seatId) {
await Promise.all([getSeatPermission(), getConfigData()]) // await Promise.all([getSeatPermission(), getConfigData()])
} else { // } else {
userStore.setState('seatPermission', []) // userStore.setState('seatPermission', [])
} // }
//跳转工作台 //跳转工作台
uni.$mocpJump.redirectTo('/tab/index') uni.$mocpJump.redirectTo('/tab/index')
} }
......
src/pages/modules/mocp/panel/abnormalEventManage/details.vue
...@@ -140,6 +140,6 @@ const showConfirm = ref(false) ...@@ -140,6 +140,6 @@ const showConfirm = ref(false)
} }
.mocp-title { .mocp-title {
padding: 0 32rpx 24rpx 32rpx; padding: 0 32rpx 24rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
</style> </style>
src/pages/modules/mocp/panel/assign-work/constants/edit-work.scss
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
.form { .form {
&-title { &-title {
padding: 20rpx 32rpx; padding: 20rpx 32rpx;
background: #f7f8fa; background: $mocp-fill-1;
color: $mocp-text-5; color: $mocp-text-5;
} }
&-item { &-item {
......
src/pages/modules/mocp/panel/dutyLog/constants/edit.compositions.js 0 → 100644
import { reactive, ref } from 'vue'
export const formRef = ref()
//验证
export const rules = reactive({
packageNo: [
{
required: true,
message: '请输入工作包号',
trigger: ['blur', 'change']
}
],
warningReason: [
{
required: true,
message: '请输入申请原因',
trigger: ['blur', 'change']
}
],
reason: [
{
required: true,
message: '请输入具体原因',
trigger: ['blur', 'change']
}
],
delayDay: [
{
required: true,
type: 'number',
message: '请输入延期天数',
trigger: ['blur', 'change']
}
],
approver: [
{
required: true,
message: '请选择审核人',
trigger: ['blur']
}
]
})
// 表单数据
export const formData = reactive({
packageNo: '',
delayDay: '',
approver: '',
warningReason: '',
materialDelay: '0',
materialPns: '',
reason: '',
delayDay: null
})
src/pages/modules/mocp/panel/dutyLog/constants/edit.functionals.js 0 → 100644
import { addUnplanApplyApi, checkPakgeNoApi } from 'mocp/api/unplanApply'
import { formData, formRef } from './edit.compositions'
export const resetData = () => {
Object.assign(formData, {
packageNo: '',
delayDay: '',
approver: '',
warningReason: '',
materialDelay: '0',
materialPns: '',
reason: '',
delayDay: null
})
}
//验证包号
export const checkPakgeNo = async (packageNo) => {
if (!packageNo) return
const res = await checkPakgeNoApi({ packageNo }, { loading: '验证包号中...' })
if (res.code == 200) {
} else {
formData.packageNo = ''
uni.$mocpMessage.error(res.message)
}
}
export const addMaterialPns = () => {
if (materialPns.value.length >= 10) return uni.$mocpMessage.warning('缺件航材最多填写10个')
materialPns.value.push('')
}
//提交表单
export const handleSubmit = async () => {
await formRef.value?.validate()
if (formData.materialDelay == '0') {
formData.materialPns = ''
} else {
const materialPnsStr = materialPns.value.join(',')
if (materialPnsStr) {
formData.materialPns = materialPnsStr
} else {
return uni.$mocpMessage.error('请输入缺件航材')
}
}
const res = await addUnplanApplyApi(formData, { loading: true })
if (res.code == 200) {
uni.$mocpJump.navigateBack()
uni.$mocpMessage.success(res.message)
uni.$emit('unplanApplyReload')
} else {
uni.$mocpMessage.error(res.message)
}
}
src/pages/modules/mocp/panel/dutyLog/details.vue 0 → 100644
<template>
<global-page title="海技值班详情" showNavRight navRightType="button" @handleRightClick="navigateTo('/panel/dutyLog/edit')">
<template v-if="details">
<view class="mocp-title">
<view class="mocp-color-text-5 time">2024-12-11 星期三</view>
<global-tag type="success">未交班</global-tag>
</view>
<view class="mocp-cell">
<up-cell-group>
<up-cell title="值班经理" :value="useGetDictByValue('np_sourceType', details.sourceType)"></up-cell>
<up-cell title="监察领导" :value="details.packageNo || '-'"></up-cell>
<up-cell title="接班经理" :value="details.packageName || '-'"></up-cell>
</up-cell-group>
</view>
<view class="mocp-cell">
<up-cell-group>
<up-cell title="汇报工作">
<template #label>
{{ getParamNameByValue('WarningReason', details.warningReason, { isArray: true }) || '-' }}
</template>
</up-cell>
<up-cell title="重要航班">
<template #label>
{{ getParamNameByValue('WarningReason', details.warningReason, { isArray: true }) || '-' }}
</template>
</up-cell>
<up-cell title="会议布置工作">
<template #label>
{{ getParamNameByValue('WarningReason', details.warningReason, { isArray: true }) || '-' }}
</template>
</up-cell>
<up-cell title="交接工作内容">
<template #label>
{{ getParamNameByValue('WarningReason', details.warningReason, { isArray: true }) || '-' }}
</template>
</up-cell>
</up-cell-group>
</view>
<view class="mocp-cell">
<up-cell-group>
<up-cell title="交接操作时间" :value="timeStampFormat(details.createTime) || '-'"></up-cell>
<up-cell title="接班操作时间" :value="timeStampFormat(details.createTime) || '-'"></up-cell>
</up-cell-group>
</view>
</template>
</global-page>
</template>
<script setup>
import { storeToRefs } from 'pinia'
import { useGetDictByValue } from 'mocp/hooks/use-dict/useDict'
import { getParamNameByValue } from 'mocp/hooks/use-params/useParams'
import { onLoad } from '@dcloudio/uni-app'
import { timeStampFormat } from 'mocp/utils/tool'
import useDutyLogStore from 'mocp/store/dutyLog'
import { navigateTo } from 'mocp/utils/jump'
const query = defineProps(['id'])
const dutyLogStore = useDutyLogStore()
const { details } = storeToRefs(dutyLogStore)
onLoad(() => {
dutyLogStore.setState('id', query.id)
dutyLogStore.getDetails()
})
</script>
<style lang="scss" scoped>
.mocp-title {
display: flex;
align-items: center;
padding: 0 32rpx 24rpx 32rpx;
background-color: $mocp-fill-1;
.time {
font-size: 34rpx;
margin-right: 16rpx;
}
}
.mocp-cell {
background: #fff;
margin-bottom: 16rpx;
}
.mocp-title {
padding: 0 32rpx 24rpx 32rpx;
background-color: $mocp-fill-1;
}
</style>
src/pages/modules/mocp/panel/dutyLog/edit.vue 0 → 100644
<template>
<global-page title="海技值班详情" showNavRight navRightType="button" navRightText="保存" @handleRightClick="handleSubmit">
<view class="mocp-title">
<view class="mocp-color-text-5 time">2024-12-11 星期三</view>
<global-tag type="success">未交班</global-tag>
</view>
<up-form labelPosition="left" labelWidth="auto" :model="formData" :rules="rules" ref="formRef">
<view class="mocp-form">
<up-form-item label="值班经理" prop="approver" :borderBottom="true" required>
<custom-admin-picker pickAlign="right" clearable v-model="formData.approver"></custom-admin-picker>
</up-form-item>
<up-form-item label="监察领导" prop="approver" :borderBottom="true" required>
<custom-admin-picker pickAlign="right" clearable v-model="formData.approver"></custom-admin-picker>
</up-form-item>
<up-form-item label="接班经理" prop="approver" :borderBottom="true" required>
<custom-admin-picker pickAlign="right" clearable v-model="formData.approver"></custom-admin-picker>
</up-form-item>
</view>
<view class="mocp-form">
<up-form-item label="汇报工作" prop="reason" :borderBottom="true" labelPosition="top" required>
<up-textarea placeholder="请输入" :height="40" border="none" v-model="formData.reason" count :maxlength="1000"></up-textarea>
</up-form-item>
</view>
<view class="mocp-form">
<up-form-item label="重要航班" prop="reason" :borderBottom="true" labelPosition="top" required>
<up-textarea placeholder="请输入" :height="40" border="none" v-model="formData.reason" count :maxlength="1000"></up-textarea>
</up-form-item>
</view>
<view class="mocp-form">
<up-form-item label="会议布置工作" prop="reason" :borderBottom="true" labelPosition="top" required>
<up-textarea placeholder="请输入" :height="40" border="none" v-model="formData.reason" count :maxlength="1000"></up-textarea>
</up-form-item>
</view>
<view class="mocp-form">
<up-form-item label="交接工作内容" prop="reason" :borderBottom="true" labelPosition="top" required>
<up-textarea placeholder="请输入" :height="40" border="none" v-model="formData.reason" count :maxlength="1000"></up-textarea>
</up-form-item>
</view>
</up-form>
</global-page>
</template>
<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { formData, formRef, rules } from './constants/edit.compositions'
import { handleSubmit, resetData } from './constants/edit.functionals'
onLoad(() => {
resetData()
})
</script>
<style lang="scss" scoped>
.mocp-title {
display: flex;
align-items: center;
padding: 0 32rpx 24rpx 32rpx;
background-color: $mocp-fill-1;
.time {
font-size: 34rpx;
margin-right: 16rpx;
}
}
.mocp-form {
background: #fff;
padding: 0 32rpx;
margin-bottom: 16rpx;
}
</style>
src/pages/modules/mocp/panel/dutyLog/list.vue 0 → 100644
<template>
<global-page
title="海技值班"
isDataList
refresherEnabled
loadingMoreEnabled
auto
ref="paging"
:params="searchData"
showNavRight
navRightType="icon"
navRightIcon="saixuan-01"
@handleRightClick="handleRightClick"
:api="unplanApplyListApi"
:padding="24"
>
<template #default="{ item }">
<view class="item" :class="{ 'wrong-class': item.applyStatus == '0' }" @tap="goDetails(item)">
<view class="item-title">
<view class="left">2024-12-11</view>
<view class="right">
<global-tag type="success">未交班</global-tag>
</view>
</view>
<view class="item-content">
<view class="mocp-flex">
<view class="mocp-color-text-3 flex-1">
<view>值班经理：</view>
<view class="u-line-1 mocp-color-text-5">周琎</view>
</view>
<view class="mocp-color-text-3 flex-1">
<view>联系电话：</view>
<view class="u-line-1 mocp-color-text-5">15108535283</view>
</view>
<view class="mocp-color-text-3 flex-1">
<view>监察领导：</view>
<view class="u-line-1 mocp-color-text-5">赵萸艳</view>
</view>
</view>
<view class="mocp-list">
<view class="mocp-color-text-3 mocp-item">
汇报工作：
<view class="u-line-1 mocp-color-text-5">2024年09月04日执行JD5705(海口-武汉)航班，在海口过站</view>
</view>
<view class="mocp-color-text-3 mocp-item">
重要航班：
<view class="u-line-1 mocp-color-text-5">滑出后机组反馈1号刹车温度高，无警告信息</view>
</view>
<view class="mocp-color-text-3 mocp-item">
会议布置工作：
<view class="u-line-1 mocp-color-text-5">
机组决定滑回处理，滑回后机组反映左起落架1号轮开刹车风扇基本不降温，核实一号刹车风扇不工作，处理中
</view>
</view>
<view class="mocp-color-text-3 mocp-item">
交接工作内容：
<view class="u-line-1 mocp-color-text-5">
对飞机有安全隐患梯架、设备在指定位置并与地面固定物系留，其中外单位梯架需通报机场和相关单位处理，并在未得到处理前安排人员进行监护
</view>
</view>
</view>
</view>
</view>
</template>
</global-page>
</template>
<script setup>
import { ref } from 'vue'
import { storeToRefs } from 'pinia'
import { onUnload } from '@dcloudio/uni-app'
import { getParamNameByValue } from 'mocp/hooks/use-params/useParams'
import { timeStampFormat } from 'mocp/utils/tool'
import { unplanApplyListApi } from 'mocp/api/dutyLog'
import useDutyLogStore from 'mocp/store/dutyLog'
//跳转
const dutyLogStore = useDutyLogStore()
const { searchData } = storeToRefs(dutyLogStore)
const goDetails = (data) => {
uni.$mocpJump.navigateTo('/panel/dutyLog/details', { id: data.id })
}
//筛选
const handleRightClick = () => {
uni.$mocpJump.navigateTo('/panel/dutyLog/search')
}
//刷新
const paging = ref()
uni.$on('dutyLogReload', () => {
paging.value?.reload()
})
onUnload(() => {
uni.$off('dutyLogReload')
})
</script>
<style lang="scss" scoped>
@import 'mocpStatic/css/list.scss';
.item-title {
.left {
font-size: 34rpx;
font-weight: 500;
color: $mocp-text-5;
}
}
.item-content {
.mocp-flex {
display: flex;
}
.flex-1 {
flex: 1;
}
.mocp-list {
margin-top: 16rpx;
.mocp-item {
margin-bottom: 16rpx;
}
}
}
</style>
src/pages/modules/mocp/panel/dutyLog/search.vue 0 → 100644
<template>
<global-page-search @reset="handleReset" @confirm="handleConfirm">
<up-form labelPosition="left" labelWidth="auto">
<up-form-item label="值班经理" prop="packageNo" :borderBottom="true">
<up-input v-model="formData.packageNo" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
</up-form-item>
<up-form-item label="监察领导" prop="packageNo" :borderBottom="true">
<up-input v-model="formData.packageNo" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
</up-form-item>
<up-form-item label="状态" prop="applyStatus" :borderBottom="true">
<global-picker v-model="formData.applyStatus" pickAlign="right" clearable dictkey="np_applyStatus"></global-picker>
</up-form-item>
<up-form-item label="值班日期" :borderBottom="true">
<global-calendar
pickAlign="right"
v-model:startTime="formData.startTime"
v-model:endTime="formData.startTimeEnd"
clearable
></global-calendar>
</up-form-item>
</up-form>
</global-page-search>
</template>
<script setup>
import { storeToRefs } from 'pinia'
import { cloneDeep } from 'lodash'
import { ref } from 'vue'
import useDutyLogStore from 'mocp/store/dutyLog'
//获取下拉框选项
const dutyLogStore = useDutyLogStore()
//获取查询表单数据
const { searchData } = storeToRefs(dutyLogStore)
const formData = ref(cloneDeep(searchData.value))
const handleReset = () => {
dutyLogStore.resetForm()
uni.$mocpJump.navigateBack()
uni.$emit('dutyLogReload')
}
const handleConfirm = () => {
dutyLogStore.setState('searchData', formData.value)
uni.$mocpJump.navigateBack()
uni.$emit('dutyLogReload')
}
</script>
<style lang="scss" scoped></style>
src/pages/modules/mocp/panel/electronicBill/deicing/add.vue
...@@ -560,7 +560,7 @@ watchEffect(() => { ...@@ -560,7 +560,7 @@ watchEffect(() => {
} }
.mocp-title { .mocp-title {
padding: 0 32rpx 24rpx 32rpx; padding: 0 32rpx 24rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
.mocp-subtitle { .mocp-subtitle {
padding-top: 12rpx; padding-top: 12rpx;
......
src/pages/modules/mocp/panel/electronicBill/nonRoutineWork/add.vue
...@@ -222,7 +222,7 @@ const handleFooterClick = async () => { ...@@ -222,7 +222,7 @@ const handleFooterClick = async () => {
} }
.mocp-title { .mocp-title {
padding: 0 32rpx 24rpx 32rpx; padding: 0 32rpx 24rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
.mocp-subtitle { .mocp-subtitle {
padding-top: 12rpx; padding-top: 12rpx;
......
src/pages/modules/mocp/panel/electronicBill/routineWork/add.vue
...@@ -130,6 +130,6 @@ const handleFooterClick = async () => { ...@@ -130,6 +130,6 @@ const handleFooterClick = async () => {
} }
.mocp-title { .mocp-title {
padding: 0 32rpx 24rpx 32rpx; padding: 0 32rpx 24rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
</style> </style>
src/pages/modules/mocp/panel/engineeringEvaluation/details.vue
...@@ -297,7 +297,7 @@ const { details } = storeToRefs(engineeringEvaluationStore) ...@@ -297,7 +297,7 @@ const { details } = storeToRefs(engineeringEvaluationStore)
} }
.mocp-title { .mocp-title {
padding: 12rpx 32rpx 12rpx 32rpx; padding: 12rpx 32rpx 12rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -309,7 +309,7 @@ const { details } = storeToRefs(engineeringEvaluationStore) ...@@ -309,7 +309,7 @@ const { details } = storeToRefs(engineeringEvaluationStore)
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
.u-cell { .u-cell {
background: #f7f8fa; background: $mocp-fill-1;
} }
.u-collapse-item__content { .u-collapse-item__content {
.u-cell { .u-cell {
......
src/pages/modules/mocp/panel/mco/materials-list.vue
...@@ -36,7 +36,7 @@ const { getMaterialsList } = storeToRefs(mcoStore) ...@@ -36,7 +36,7 @@ const { getMaterialsList } = storeToRefs(mcoStore)
background: #fff; background: #fff;
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
background: #f7f8fa; background: $mocp-fill-1;
.u-cell__body { .u-cell__body {
padding: 24rpx !important; padding: 24rpx !important;
} }
......
src/pages/modules/mocp/panel/mco/step-back.vue
...@@ -49,7 +49,7 @@ const { getStepDetails, getStepBackDetails } = storeToRefs(mcoStore) ...@@ -49,7 +49,7 @@ const { getStepDetails, getStepBackDetails } = storeToRefs(mcoStore)
} }
.mocp-title { .mocp-title {
padding: 16rpx; padding: 16rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
.mocp-form { .mocp-form {
padding: 0 32rpx; padding: 0 32rpx;
......
src/pages/modules/mocp/panel/mco/tools-list.vue
...@@ -35,7 +35,7 @@ const { getToolsList } = storeToRefs(mcoStore) ...@@ -35,7 +35,7 @@ const { getToolsList } = storeToRefs(mcoStore)
background: #fff; background: #fff;
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
background: #f7f8fa; background: $mocp-fill-1;
.u-cell__body { .u-cell__body {
padding: 24rpx !important; padding: 24rpx !important;
} }
......
src/pages/modules/mocp/panel/mechanicalAbnormalEvents/details.vue
...@@ -114,7 +114,7 @@ const { details } = storeToRefs(mechanicalAbnormalEventsStore) ...@@ -114,7 +114,7 @@ const { details } = storeToRefs(mechanicalAbnormalEventsStore)
} }
.mocp-title { .mocp-title {
padding: 24rpx 32rpx 24rpx 32rpx; padding: 24rpx 32rpx 24rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
} }
.mocp-subTitle { .mocp-subTitle {
padding: 24rpx 32rpx 0 32rpx; padding: 24rpx 32rpx 0 32rpx;
......
src/pages/modules/mocp/panel/operationalSurvey/details.vue
...@@ -255,7 +255,7 @@ const getCollapseValue = computed(() => { ...@@ -255,7 +255,7 @@ const getCollapseValue = computed(() => {
} }
.mocp-title { .mocp-title {
padding: 12rpx 32rpx 12rpx 32rpx; padding: 12rpx 32rpx 12rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -266,7 +266,7 @@ const getCollapseValue = computed(() => { ...@@ -266,7 +266,7 @@ const getCollapseValue = computed(() => {
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
.u-cell { .u-cell {
background: #f7f8fa; background: $mocp-fill-1;
} }
.u-collapse-item__content { .u-collapse-item__content {
.u-cell { .u-cell {
......
src/pages/modules/mocp/panel/qualityAnalysis/details.vue
...@@ -183,7 +183,7 @@ const getCollapseValue = computed(() => { ...@@ -183,7 +183,7 @@ const getCollapseValue = computed(() => {
} }
.mocp-title { .mocp-title {
padding: 12rpx 32rpx 12rpx 32rpx; padding: 12rpx 32rpx 12rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -194,7 +194,7 @@ const getCollapseValue = computed(() => { ...@@ -194,7 +194,7 @@ const getCollapseValue = computed(() => {
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
.u-cell { .u-cell {
background: #f7f8fa; background: $mocp-fill-1;
} }
.u-collapse-item__content { .u-collapse-item__content {
.u-cell { .u-cell {
......
src/pages/modules/mocp/panel/technicalAnalysis/details.vue
...@@ -182,7 +182,7 @@ const { details } = storeToRefs(technicalAnalysisStore) ...@@ -182,7 +182,7 @@ const { details } = storeToRefs(technicalAnalysisStore)
} }
.mocp-title { .mocp-title {
padding: 12rpx 32rpx 12rpx 32rpx; padding: 12rpx 32rpx 12rpx 32rpx;
background-color: #f7f8fa; background-color: $mocp-fill-1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -194,7 +194,7 @@ const { details } = storeToRefs(technicalAnalysisStore) ...@@ -194,7 +194,7 @@ const { details } = storeToRefs(technicalAnalysisStore)
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
.u-cell { .u-cell {
background: #f7f8fa; background: $mocp-fill-1;
} }
.u-collapse-item__content { .u-collapse-item__content {
.u-cell { .u-cell {
......
src/pages/modules/mocp/panel/technology-evaluation/add-support-file.vue
...@@ -91,7 +91,7 @@ const handleSave = async () => { ...@@ -91,7 +91,7 @@ const handleSave = async () => {
.form { .form {
&-title { &-title {
padding: 20rpx 32rpx; padding: 20rpx 32rpx;
background: #f7f8fa; background: $mocp-fill-1;
color: $mocp-text-5; color: $mocp-text-5;
} }
&-item { &-item {
......
src/pages/modules/mocp/panel/windDamageManagement/constants/details.scss
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
} }
:deep(.u-collapse-item) { :deep(.u-collapse-item) {
.u-cell { .u-cell {
background: #f7f8fa; background: $mocp-fill-1;
} }
.u-collapse-item__content { .u-collapse-item__content {
.u-cell { .u-cell {
......
src/pages/modules/mocp/panel/windDamageManagement/weather.vue
...@@ -41,6 +41,6 @@ const query = defineProps(['id']) ...@@ -41,6 +41,6 @@ const query = defineProps(['id'])
color: $mocp-text-5; color: $mocp-text-5;
font-size: 24rpx; font-size: 24rpx;
padding: 20rpx 0; padding: 20rpx 0;
background: #f7f8fa; background: $mocp-fill-1;
} }
</style> </style>
src/mocp/constants/menu.js → src/static/mocp/js/menu.js
...@@ -238,5 +238,14 @@ export const menuList = ref([ ...@@ -238,5 +238,14 @@ export const menuList = ref([
count: 0, count: 0,
url: '/panel/unplanApply/list', url: '/panel/unplanApply/list',
apiPath: '/noplan' apiPath: '/noplan'
},
{
id: 'hjzb',
name: '海技值班',
icon: 'hjzb',
group: '定检管理',
default: false,
count: 0,
url: '/panel/dutyLog/list'
} }
]) ])
src/static/mocp/js/variable.js 0 → 100644
export const variable = {
/* 主色 */
$mocpPrimary7: '#0e42d2',
$mocpPrimary6: '#165dff',
$mocpPrimary3: '#94bfff',
$mocpPrimary2: '#bedaff',
$mocpPrimary1: '#e8f3ff',
/* 线条 Line */
$mocpLine1: '#e5e6eb',
/* 填充 Fill */
$mocpFill4: '#c9cdd4',
$mocpFill3: '#e5e6eb',
$mocpFill2: '#f2f3f5',
$mocpFill1: '#f7f8fa',
/* 文字 Text */
$mocpText5: '#1d2129',
$mocpText4: '#4e5969',
$mocpText3: '#86909c',
$mocpText2: '#c9cdd4',
$mocpText1: '#ffffff',
/* 成功 Success */
$mocpSuccess7: '#009a29',
$mocpSuccess6: '#00b42a',
$mocpSuccess3: '#7be188',
$mocpSuccess2: '#aff0b5',
$mocpSuccess1: '#e8ffea',
/* 警告/提醒 Warning/Notice */
$mocpWarning7: '#d25f00',
$mocpWarning6: '#ff7d00',
$mocpWarning3: '#ffcf8b',
$mocpWarning2: '#ffe4ba',
$mocpWarning1: '#fff7e8',
/* 错误 Danger */
$mocpDanger7: '#cb2634',
$mocpDanger6: '#f53f3f',
$mocpDanger3: '#fbaca3',
$mocpDanger2: '#fdcdc5',
$mocpDanger1: '#ffece8'
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment