修改样式

This commit is contained in:
yangjun 2026-01-28 13:36:04 +08:00
parent 988ca7b1c7
commit 422d662300
7 changed files with 29 additions and 21 deletions

View File

@ -109,7 +109,7 @@ const labelCol = reactive({
xs: 24, xs: 24,
sm: 4, sm: 4,
xl: 6, xl: 6,
xxl: 5 xxl: 6
}); });
const wrapperCol = reactive({ const wrapperCol = reactive({
xs: 24, xs: 24,

View File

@ -83,7 +83,7 @@
</a-drawer> --> </a-drawer> -->
<!-- 差异标签 --> <!-- 差异标签 -->
<a-drawer v-model:visible="newElderTagVisible" title="差异标签" width="85vw" :footer-style="{ textAlign: 'right' }" <a-drawer v-model:visible="newElderTagVisible" title="差异标签" width="1200" :footer-style="{ textAlign: 'right' }"
:bodyStyle="{ padding: '14px', height: '80vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }" :bodyStyle="{ padding: '14px', height: '80vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
wrapClassName="org-list-modal" @cancel="handleCancelNewElderTag"> wrapClassName="org-list-modal" @cancel="handleCancelNewElderTag">
<template #footer> <template #footer>
@ -96,7 +96,7 @@
</a-drawer> </a-drawer>
<!-- 差异比对 --> <!-- 差异比对 -->
<a-drawer title="差异比对" width="80vw" :open="compareListOpen" @close="onCompareListClose" <a-drawer title="差异比对" width="1200" :open="compareListOpen" @close="onCompareListClose"
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0px' }"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0px' }">
<template #footer> <template #footer>
<a-button type="primary" @click="onCompareListClose" style="margin-right: 10px;">关闭</a-button> <a-button type="primary" @click="onCompareListClose" style="margin-right: 10px;">关闭</a-button>

View File

@ -1,5 +1,5 @@
<template> <template>
<a-drawer :title="title" width="50vw" v-model:visible="visible" :closable="true" <a-drawer :title="title" width="800" v-model:visible="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @cancel="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @cancel="handleCancel">
<template #footer> <template #footer>
<a-button @click="handleCancel" style="margin-right: 8px;">关闭</a-button> <a-button @click="handleCancel" style="margin-right: 8px;">关闭</a-button>

View File

@ -6,7 +6,7 @@
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :lg="6"> <a-col :lg="6">
<a-form-item name="suppliersName"> <a-form-item name="suppliersName">
<template #label><span title="供应商名称">供应商名</span></template> <template #label><span title="供应商名称">供应商名</span></template>
<j-input placeholder="请输入供应商名称" v-model:value="queryParam.suppliersName" allow-clear></j-input> <j-input placeholder="请输入供应商名称" v-model:value="queryParam.suppliersName" allow-clear></j-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -99,7 +99,7 @@
xs:24, xs:24,
sm:4, sm:4,
xl:6, xl:6,
xxl:4 xxl:6
}); });
const wrapperCol = reactive({ const wrapperCol = reactive({
xs: 24, xs: 24,

View File

@ -113,6 +113,14 @@
placeholder="请选择是否启用"  allowClear :disabled="disabled" /> placeholder="请选择是否启用"  allowClear :disabled="disabled" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24">
<a-form-item label="服务指令描述" v-bind="validateInfos.serviceContent" id="ConfigServiceDirectiveForm-serviceContent" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
name="serviceContent">
<a-textarea v-model:value="formData.serviceContent" placeholder="请输入服务指令描述" :maxlength="200"
:rows="3" :autosize="{ minRows: 3 }" :showCount="true"
:disabled="disabled || (!isMain && !!formData.id)" />
</a-form-item>
</a-col>
</a-row> </a-row>
<a-row style="padding: 20px;"> <a-row style="padding: 20px;">
<a-col :span="6"> <a-col :span="6">
@ -127,29 +135,29 @@
<JImageUploadtz v-else v-model:value="formData.previewFile" maxCount="1" :toOpe="true" <JImageUploadtz v-else v-model:value="formData.previewFile" maxCount="1" :toOpe="true"
:bizPath="formComputedData.mediaFileSavePath" /> :bizPath="formComputedData.mediaFileSavePath" />
</a-col> </a-col>
<a-col :span="24" v-show="directiveMediaBtnValue == 1"> <!-- <a-col :span="24" v-show="directiveMediaBtnValue == 1">
<JImageUploadtz v-if="opeType == 'dmlook'" <JImageUploadtz v-if="opeType == 'dmlook'"
:value="!!formData.previewFileSmall ? formData.previewFileSmall : defaultPreSmallPic" maxCount="1" /> :value="!!formData.previewFileSmall ? formData.previewFileSmall : defaultPreSmallPic" maxCount="1" />
<JImageUploadtz v-else v-model:value="formData.previewFileSmall" maxCount="1" :toOpe="true" <JImageUploadtz v-else v-model:value="formData.previewFileSmall" maxCount="1" :toOpe="true"
:bizPath="formComputedData.mediaFileSavePath" /> :bizPath="formComputedData.mediaFileSavePath" />
</a-col> </a-col> -->
<a-col :span="24" v-show="directiveMediaBtnValue == 2"> <a-col :span="24" v-show="directiveMediaBtnValue == 1">
<JUploadMP3 v-if="opeType == 'dmlook'" :value="formData.mp3File" maxCount="1" /> <JUploadMP3 v-if="opeType == 'dmlook'" :value="formData.mp3File" maxCount="1" />
<JUploadMP3 v-else v-model:value="formData.mp3File" :toOpe="true" <JUploadMP3 v-else v-model:value="formData.mp3File" :toOpe="true"
:bizPath="formComputedData.mediaFileSavePath" maxCount="1" /> :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
</a-col> </a-col>
<a-col :span="24" v-show="directiveMediaBtnValue == 3"> <a-col :span="24" v-show="directiveMediaBtnValue == 2">
<JUploadMP4 v-if="opeType == 'dmlook'" :value="formData.mp4File" maxCount="1" fileType="mp4" /> <JUploadMP4 v-if="opeType == 'dmlook'" :value="formData.mp4File" maxCount="1" fileType="mp4" />
<JUploadMP4 v-else v-model:value="formData.mp4File" :toOpe="true" <JUploadMP4 v-else v-model:value="formData.mp4File" :toOpe="true"
:bizPath="formComputedData.mediaFileSavePath" maxCount="1" fileType="mp4" /> :bizPath="formComputedData.mediaFileSavePath" maxCount="1" fileType="mp4" />
</a-col> </a-col>
<a-col :span="24" v-show="directiveMediaBtnValue == 4"> <a-col :span="24" v-show="directiveMediaBtnValue == 3">
<JImageUploadtz v-if="opeType == 'dmlook'" <JImageUploadtz v-if="opeType == 'dmlook'"
:value="!!formData.immediateFile ? formData.immediateFile : defaultImmediatePic" maxCount="1" /> :value="!!formData.immediateFile ? formData.immediateFile : defaultImmediatePic" maxCount="1" />
<JImageUploadtz v-else v-model:value="formData.immediateFile" :toOpe="true" <JImageUploadtz v-else v-model:value="formData.immediateFile" :toOpe="true"
:bizPath="formComputedData.mediaFileSavePath" maxCount="1" /> :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
</a-col> </a-col>
<a-col :span="24" v-show="directiveMediaBtnValue == 5"> <a-col :span="24" v-show="directiveMediaBtnValue == 4">
<JImageUploadtz v-if="opeType == 'dmlook'" <JImageUploadtz v-if="opeType == 'dmlook'"
:value="!!formData.immediateFileFocus ? formData.immediateFileFocus : defaultImmediatePic" :value="!!formData.immediateFileFocus ? formData.immediateFileFocus : defaultImmediatePic"
maxCount="1" /> maxCount="1" />
@ -157,7 +165,7 @@
:bizPath="formComputedData.mediaFileSavePath" maxCount="1" /> :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
</a-col> </a-col>
</a-row> </a-row>
<a-row style="padding: 20px;"> <!-- <a-row style="padding: 20px;">
<a-col :span="2"> <a-col :span="2">
<div class="description-container"> <div class="description-container">
<a-button @click="toggleDescription">服务指令描述</a-button> <a-button @click="toggleDescription">服务指令描述</a-button>
@ -169,14 +177,12 @@
</span> </span>
</div> </div>
<div> <div>
<a-textarea v-model:value="formData.serviceContent" placeholder="请输入服务指令描述" :maxlength="200" <
:rows="3" :autosize="{ minRows: 3 }" :showCount="true"
:disabled="disabled || (!isMain && !!formData.id)" />
</div> </div>
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row> -->
</a-form> </a-form>
</template> </template>
</JFormContainer> </JFormContainer>
@ -314,8 +320,10 @@ const formData = reactive<Record<string, any>>({
immediateFileFocus: defaultImmediatePic, immediateFileFocus: defaultImmediatePic,
}); });
const { createMessage } = useMessage(); const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 4 } }); const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 19 } }); const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 17 } });
const confirmLoading = ref<boolean>(false); const confirmLoading = ref<boolean>(false);
const isEditMedia = ref(false) const isEditMedia = ref(false)
const instructionTagName = ref('') const instructionTagName = ref('')

View File

@ -1,5 +1,5 @@
<template> <template>
<a-drawer :title="title" width="80vw" v-model:visible="visible" :closable="true" <a-drawer :title="title" width="1200" v-model:visible="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel" :footer-style="{ textAlign: 'right' }" @close="handleCancel"
:bodyStyle="{ background: 'linear-gradient(135deg, #f1f7ff 0%, #f1f7ff 100%)', padding: '14px' }"> :bodyStyle="{ background: 'linear-gradient(135deg, #f1f7ff 0%, #f1f7ff 100%)', padding: '14px' }">
<a-spin :spinning="loading"> <a-spin :spinning="loading">

View File

@ -24,7 +24,7 @@ const props = defineProps({
const emit = defineEmits(['update:directiveMediaBtnValue', 'change']) const emit = defineEmits(['update:directiveMediaBtnValue', 'change'])
const tabs = ['服务指令图片(大)', '服务指令图片(小)', '指令音频文件', '指令视频文件', '即时指令图标', '即时指令-焦点'] const tabs = ['服务指令图片', '指令音频文件', '指令视频文件', '默认指令图标', '焦点指令图标']
const activeTab = ref(props.directiveMediaBtnValue) const activeTab = ref(props.directiveMediaBtnValue)
watch(() => props.directiveMediaBtnValue, (newVal) => { watch(() => props.directiveMediaBtnValue, (newVal) => {