Commit 71b59ac3 authored by LiXuyang's avatar LiXuyang

Merge remote-tracking branch 'origin/master'

parents c7391d6a 57d1299a
...@@ -22,6 +22,12 @@ ...@@ -22,6 +22,12 @@
</div> </div>
</template> </template>
<div style="display: flex">
<span style="margin-top: 20px; margin-left: 10px; font-size: 18px; font-weight: bold"
>基本信息</span
>
</div>
<Description <Description
size="middle" size="middle"
title=" " title=" "
...@@ -29,13 +35,14 @@ ...@@ -29,13 +35,14 @@
:column="3" :column="3"
:data="BasicInfoData" :data="BasicInfoData"
:schema="BasicInfoSchema" :schema="BasicInfoSchema"
/>
<div style="display: flex; flex-direction: column">
<span style="margin-top: 20px; margin-left: 10px; font-size: 18px; font-weight: bold"
>管理属性</span
> >
<template #action>
<div style="display: flex">
<span style="font-size: 18px; font-weight: bold; margin-right: 1550px">基本信息</span>
</div> </div>
</template>
</Description>
<Description <Description
size="middle" size="middle"
title=" " title=" "
...@@ -43,13 +50,13 @@ ...@@ -43,13 +50,13 @@
:column="3" :column="3"
:data="ManagePropertyData" :data="ManagePropertyData"
:schema="ManagePropertySchema" :schema="ManagePropertySchema"
> />
<template #action>
<div style="display: flex"> <div style="display: flex">
<span style="font-size: 18px; font-weight: bold; margin-right: 1550px">管理属性</span> <span style="margin-top: 20px; margin-left: 10px; font-size: 18px; font-weight: bold"
>权限信息</span
>
</div> </div>
</template>
</Description>
<Description <Description
size="middle" size="middle"
title=" " title=" "
...@@ -57,13 +64,7 @@ ...@@ -57,13 +64,7 @@
:column="3" :column="3"
:data="permissionsData" :data="permissionsData"
:schema="permissionsInfo" :schema="permissionsInfo"
> />
<template #action>
<div style="display: flex">
<span style="font-size: 18px; font-weight: bold; margin-right: 1550px">权限信息</span>
</div>
</template>
</Description>
<div class="mianBodyEditContainer"> <div class="mianBodyEditContainer">
<Tabs style="padding-left: 20px" v-model:activeKey="page" size="large"> <Tabs style="padding-left: 20px" v-model:activeKey="page" size="large">
<a-tab-pane key="1" tab="采样数据"> <a-tab-pane key="1" tab="采样数据">
...@@ -138,7 +139,7 @@ ...@@ -138,7 +139,7 @@
</template> </template>
</BasicTable> </BasicTable>
</div> </div>
<span style="font-weight: bold; font-size: 16px; margin-left: 35px">推送记录</span> <span style="margin-left: 35px; font-size: 16px; font-weight: bold">推送记录</span>
<div class="flex"> <div class="flex">
<div style="width: 45%"> <div style="width: 45%">
<BasicTable @register="registerPushTypeTable" /> <BasicTable @register="registerPushTypeTable" />
...@@ -420,11 +421,11 @@ ...@@ -420,11 +421,11 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.editor { .editor {
background-color: white;
height: 560px; height: 560px;
border: 1px solid #d9d9d9;
padding: 16px;
margin-bottom: 8px; margin-bottom: 8px;
padding: 16px;
border: 1px solid #d9d9d9;
background-color: white;
} }
.editor textarea { .editor textarea {
......
...@@ -162,7 +162,7 @@ export const formSchemaTemplate: any = [ ...@@ -162,7 +162,7 @@ export const formSchemaTemplate: any = [
field: 'fileType', field: 'fileType',
label: '文件类型', label: '文件类型',
component: 'Input', component: 'Input',
defaultValue: '.sh格式文件', defaultValue: 'Shell',
colProps: { span: 8 }, colProps: { span: 8 },
componentProps: { componentProps: {
readonly: true, readonly: true,
...@@ -190,14 +190,15 @@ export const formSchemaTemplate: any = [ ...@@ -190,14 +190,15 @@ export const formSchemaTemplate: any = [
{ {
field: 'model', field: 'model',
label: '目录权属模式', label: '目录权属模式',
component: 'RadioGroup', component: 'Input',
defaultValue: '本级定义', defaultValue: '资源自定义',
colProps: { span: 8 }, colProps: { span: 8 },
componentProps: { componentProps: {
options: [ readonly: true,
{ label: '本级定义', value: '本级定义' }, style: {
{ label: '资源自定义', value: '资源自定义' }, border: 'none',
], backgroundColor: 'transparent',
},
}, },
}, },
{ {
......
...@@ -44,6 +44,7 @@ ...@@ -44,6 +44,7 @@
//初始化表单 //初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({ const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
labelWidth: 100, labelWidth: 100,
labelAlign: 'left',
baseColProps: { lg: 24, md: 24 }, baseColProps: { lg: 24, md: 24 },
schemas: formSchemaTemplate, schemas: formSchemaTemplate,
showActionButtonGroup: false, showActionButtonGroup: false,
......
...@@ -47,16 +47,6 @@ ...@@ -47,16 +47,6 @@
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => { const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields(); resetFields();
setModalProps({ confirmLoading: false }); setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
isMove.value = !!data?.isMove;
if (unref(isUpdate)) {
// 获取行数据的id
rowId.value = data.record.businessId;
// 塞值
setFieldsValue({
...data.record,
});
}
}); });
// onMounted(){} // onMounted(){}
...@@ -66,11 +56,13 @@ ...@@ -66,11 +56,13 @@
/**确定按钮*/ /**确定按钮*/
async function handleSubmit() { async function handleSubmit() {
if (textareaValue.value.trim() == '') { try {
closeModal(); setModalProps({ confirmLoading: true });
await validate();
emit('success', textareaValue.value); emit('success', textareaValue.value);
} else { closeModal();
createMessage.error('请填写内容'); } finally {
setModalProps({ confirmLoading: false });
} }
} }
</script> </script>
...@@ -212,14 +212,14 @@ export const formSchemaTemplate: any = [ ...@@ -212,14 +212,14 @@ export const formSchemaTemplate: any = [
}, },
}, },
]; ];
export const importFormSchema: any[] = [ export const importFormSchema: FormSchema[] = [
{ {
field: 'importVersionAlert', field: 'importVersionAlert',
label: '版本描述', label: '版本描述',
slot: 'fileMethods', component: 'InputTextArea',
component: 'InputTextarea',
colProps: { lg: 24, md: 24 }, colProps: { lg: 24, md: 24 },
componentProps: { componentProps: {
rows: 8,
placeholder: '最多255个字符', placeholder: '最多255个字符',
}, },
required: true, required: true,
......
<template> <template>
<BasicModal <BasicModal
width="30%" width="41%"
v-bind="$attrs" v-bind="$attrs"
@register="registerModal" @register="registerModal"
:title="title" :title="title"
......
...@@ -14,31 +14,6 @@ ...@@ -14,31 +14,6 @@
<span style="color: grey; margin-left: 10px"> {{ path }}</span> <span style="color: grey; margin-left: 10px"> {{ path }}</span>
</div> </div>
<div style="display: flex; margin-left: 500px"> <div style="display: flex; margin-left: 500px">
<!-- 新窗口运行-->
<!-- <Tooltip placement="top" title="新窗口运行">
<a-button
type="primary"
style="margin-right: 10px; margin-left: 500px"
@click="handleExecute"
>
<Icon icon="si:play-forward-duotone" :size="20" />
</a-button>
</Tooltip> -->
<!-- 运行-->
<!-- <Tooltip placement="top" title="运行">
<a-button type="primary" style="margin-right: 10px" @click="handleExecute">
<Icon icon="si:play-line" :size="20" />
</a-button>
</Tooltip> -->
<!-- 执行记录-->
<!-- <Tooltip placement="top" title="执行记录">
<a-button type="primary" style="margin-right: 10px" @click="handleRecord">
<Icon icon="si:clock-alt-line" :size="20" />
</a-button>
</Tooltip> -->
<!-- 提交版本--> <!-- 提交版本-->
<Tooltip placement="top" title="提交版本"> <Tooltip placement="top" title="提交版本">
<a-button type="primary" style="margin-right: 10px" @click="handleSubmit"> <a-button type="primary" style="margin-right: 10px" @click="handleSubmit">
...@@ -46,7 +21,6 @@ ...@@ -46,7 +21,6 @@
<!-- <Icon icon="majesticons:cloud-upload-line" :size="20" />--> <!-- <Icon icon="majesticons:cloud-upload-line" :size="20" />-->
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 版本管理--> <!-- 版本管理-->
<Tooltip placement="top" title="版本管理"> <Tooltip placement="top" title="版本管理">
<a-button type="primary" style="margin-right: 10px" @click="handleVersion"> <a-button type="primary" style="margin-right: 10px" @click="handleVersion">
...@@ -54,7 +28,6 @@ ...@@ -54,7 +28,6 @@
<!-- <Icon icon="majesticons:file-search-line" :size="20" />--> <!-- <Icon icon="majesticons:file-search-line" :size="20" />-->
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 参数配置--> <!-- 参数配置-->
<Tooltip placement="top" title="参数配置"> <Tooltip placement="top" title="参数配置">
<a-button type="primary" style="margin-right: 10px" @click="handleOptions"> <a-button type="primary" style="margin-right: 10px" @click="handleOptions">
...@@ -62,15 +35,6 @@ ...@@ -62,15 +35,6 @@
<!-- <Icon icon="majesticons:link-circle-line" :size="20" />--> <!-- <Icon icon="majesticons:link-circle-line" :size="20" />-->
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 格式化-->
<!-- <Tooltip placement="top" title="格式化">-->
<!-- <a-button type="primary" style="margin-right: 10px" @click="handleChange">-->
<!-- 格式化-->
<!-- &lt;!&ndash; <Icon icon="gg:align-left" :size="20" />&ndash;&gt;-->
<!-- </a-button>-->
<!-- </Tooltip>-->
<!-- 保存--> <!-- 保存-->
<Tooltip placement="top" title="保存"> <Tooltip placement="top" title="保存">
<a-button type="primary" style="margin-right: 10px" @click="handleSave"> <a-button type="primary" style="margin-right: 10px" @click="handleSave">
...@@ -78,15 +42,6 @@ ...@@ -78,15 +42,6 @@
<!-- <Icon icon="majesticons:save-line" :size="20" />--> <!-- <Icon icon="majesticons:save-line" :size="20" />-->
</a-button> </a-button>
</Tooltip> </Tooltip>
<!--
<Tooltip placement="top" :title="layout === 'single' ? '版本对比' : '结束对比'">
<a-button type="primary" style="margin-right: 10px" @click="toggleLayout">
<Icon
:icon="layout === 'single' ? 'majesticons:user-line' : 'majesticons:users-line'"
:size="20"
/>
</a-button>
</Tooltip> -->
</div> </div>
</div> </div>
</template> </template>
...@@ -95,33 +50,11 @@ ...@@ -95,33 +50,11 @@
<div class="codeEditorH" style="padding: 0 15px" v-if="layout === 'single'"> <div class="codeEditorH" style="padding: 0 15px" v-if="layout === 'single'">
<CodeEditor v-model:value="jsonData" :mode="MODE.SHELL" /> <CodeEditor v-model:value="jsonData" :mode="MODE.SHELL" />
</div> </div>
<div v-else class="editor-container">
<div class="editor-wrapper" style="height: 600px">
<div
class="editor-left"
ref="editorLeft"
style="flex: 1; width: 50%; overflow: hidden"
:scrollbar="false"
>
<CodeEditor v-model:value="jsonDataLeft" :mode="MODE.JSON" />
</div>
<div
class="editor-right"
ref="editorRight"
style="flex: 1; width: 50%; overflow: hidden"
:scrollbar="false"
>
<CodeEditor v-model:value="jsonDataRight" :mode="MODE.JSON" />
</div>
</div>
</div>
</div> </div>
</div> </div>
<OptionsModal @register="registerModal" /> <OptionsModal @register="registerModal" />
<ResultModal @register="registerResultModal" />
<PreviewModal @register="registerPreviewModal" /> <PreviewModal @register="registerPreviewModal" />
<RecordModal @register="registerRecordModal" /> <SubmitModal @register="registerSubmitModal" @success="handleSuccess" />
<SubmitModal @register="registerSubmitModal" />
<VersionManagementModal @register="registerVersionManagementModal" /> <VersionManagementModal @register="registerVersionManagementModal" />
</PageWrapper> </PageWrapper>
</template> </template>
...@@ -155,8 +88,6 @@ ...@@ -155,8 +88,6 @@
const route = useRoute(); const route = useRoute();
const path = ref(''); const path = ref('');
const layout = ref('single'); const layout = ref('single');
const jsonDataLeft = jsonData;
const jsonDataRight = jsonData;
const editorLeft = ref<HTMLElement | null>(null); const editorLeft = ref<HTMLElement | null>(null);
const editorRight = ref<HTMLElement | null>(null); const editorRight = ref<HTMLElement | null>(null);
const toggleLayout = () => { const toggleLayout = () => {
...@@ -164,16 +95,9 @@ ...@@ -164,16 +95,9 @@
}; };
const [registerModal, { openModal }] = useModal(); const [registerModal, { openModal }] = useModal();
const [registerSubmitModal, { openModal: openSubmitModal }] = useModal(); const [registerSubmitModal, { openModal: openSubmitModal }] = useModal();
const [registerResultModal, { openModal: openResultModal }] = useModal();
const [registerPreviewModal, { openModal: openPreviewModal }] = useModal(); const [registerPreviewModal, { openModal: openPreviewModal }] = useModal();
const [registerVersionManagementModal, { openModal: openVersionManagementModal }] = useModal(); const [registerVersionManagementModal, { openModal: openVersionManagementModal }] = useModal();
const [registerRecordModal, { openModal: openRecordModal }] = useModal();
const [registerForm] = useForm({
labelWidth: 100,
baseColProps: { lg: 6, md: 4 },
schemas: formSchema,
showActionButtonGroup: false,
});
/** 部门树的select*/ /** 部门树的select*/
function handleSelect() { function handleSelect() {
openPreviewModal(true, { openPreviewModal(true, {
...@@ -185,16 +109,7 @@ ...@@ -185,16 +109,7 @@
title: '参数配置', title: '参数配置',
}); });
} }
function handleExecute() {
openResultModal(true, {
title: '执行结果',
});
}
function handleRecord() {
openRecordModal(true, {
title: '执行记录',
});
}
//提交版本按钮 //提交版本按钮
function handleSubmit() { function handleSubmit() {
openSubmitModal(true, { openSubmitModal(true, {
...@@ -206,11 +121,15 @@ ...@@ -206,11 +121,15 @@
function handleVersion() { function handleVersion() {
openVersionManagementModal(true, { openVersionManagementModal(true, {
title: '版本管理', title: '版本管理',
id: route.query.id,
}); });
} }
function handleChange() { function handleChange() {
createMessage.success('格式化成功'); createMessage.success('格式化成功');
} }
function handleSuccess() {
createMessage.success('提交成功');
}
//保存按钮 //保存按钮
function handleSave() { function handleSave() {
createMessage.success('保存成功'); createMessage.success('保存成功');
...@@ -236,7 +155,10 @@ ...@@ -236,7 +155,10 @@
function goBack() { function goBack() {
// // 本例的效果时点击返回始终跳转到账号列表页,实际应用时可返回上一页 // // 本例的效果时点击返回始终跳转到账号列表页,实际应用时可返回上一页
// go('/scriptDevelopment/shellDevelopment/index'); // go('/scriptDevelopment/shellDevelopment/index');
router.back(); // router.go(-1);
router.push({
path: '/scriptDevelopment/shellDevelopment/index',
});
} }
//同步滚动 //同步滚动
const handleScroll = () => { const handleScroll = () => {
...@@ -259,7 +181,6 @@ ...@@ -259,7 +181,6 @@
} }
}); });
onMounted(async () => { onMounted(async () => {
console.log(111111111111);
path.value = getPathById(route.query.id); path.value = getPathById(route.query.id);
await nextTick(() => { await nextTick(() => {
if (editorLeft.value && editorRight.value) { if (editorLeft.value && editorRight.value) {
...@@ -269,34 +190,7 @@ ...@@ -269,34 +190,7 @@
}); });
}); });
</script> </script>
<style scoped> <style lang="less" scoped>
.editor-container {
display: flex;
}
.editor-left {
flex: 1;
height: 100%;
overflow-y: hidden;
}
.editor-right {
flex: 1;
height: 100%;
overflow-y: hidden;
}
.editor-wrapper {
display: flex;
justify-content: space-between;
}
.editor-left,
.editor-right {
flex: 1;
overflow: hidden;
}
:deep(.CodeMirror) { :deep(.CodeMirror) {
height: 700px !important; height: 700px !important;
} }
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
icon: 'ant-design:rollback-outlined', icon: 'ant-design:rollback-outlined',
tooltip: '回退版本', tooltip: '回退版本',
popConfirm: { popConfirm: {
title: '是否确认回退版本', title: '是否确认回退至该版本',
confirm: handleVersionRollback, confirm: handleVersionRollback,
}, },
}, },
...@@ -52,11 +52,13 @@ ...@@ -52,11 +52,13 @@
import { versionColumns, versionSchema } from './version.data'; import { versionColumns, versionSchema } from './version.data';
import { message } from 'ant-design-vue'; import { message } from 'ant-design-vue';
import { router } from '@/router'; import { router } from '@/router';
const id = ref();
const title = ref(); const title = ref();
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => { const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false }); setModalProps({ confirmLoading: false });
console.log(data)
title.value = data.title; title.value = data.title;
id.value = data.id;
}); });
const [registerTable] = useTable({ const [registerTable] = useTable({
dataSource: versionSchema, dataSource: versionSchema,
...@@ -71,14 +73,21 @@ ...@@ -71,14 +73,21 @@
}); });
function handleDetail() { function handleDetail() {
console.log('查看详情'); console.log('查看详情');
console.log(id.value);
router.push({ router.push({
path: '/scriptDevelopment/shellDevelopment/shellExecute/versionDetail', path: '/scriptDevelopment/shellDevelopment/shellExecute/versionDetail',
query: {
id: id.value,
},
}); });
} }
function modEdit() { function modEdit() {
console.log('版本对比'); console.log('版本对比');
router.push({ router.push({
path: '/scriptDevelopment/shellDevelopment/shellExecute/versionCompare', path: '/scriptDevelopment/shellDevelopment/shellExecute/versionCompare',
query: {
id: id.value,
},
}); });
} }
function handleVersionRollback() { function handleVersionRollback() {
......
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