Browse Source

修正流程说明

yjf_v4
超级管理员 1 year ago
parent
commit
c7093a55ad
  1. 4801
      node_modules/.package-lock.json
  2. 6298
      package-lock.json
  3. 3
      package.json
  4. 13
      src/api/api/index.ts
  5. 2
      src/components/DesignForm/app/index.vue
  6. 401
      src/components/DesignForm/public/quillEditor.vue
  7. 2
      src/components/DesignForm/tableListPage/index.vue
  8. 9
      src/components/workflow/drwer/approverDrawer.vue
  9. 4
      src/components/workflow/drwer/copyerDrawer.vue
  10. 14
      src/components/workflow/drwer/promoterDrawer.vue
  11. 297
      src/styles/QuillFont.css
  12. 20
      src/types/components.d.ts
  13. 2
      src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFlow.vue
  14. 6
      src/widget/index.ts

4801
node_modules/.package-lock.json

File diff suppressed because it is too large

6298
package-lock.json

File diff suppressed because it is too large

3
package.json

@ -50,6 +50,7 @@
"@wecom/jssdk": "^1.3.2",
"axios": "^1.4.0",
"clipboard": "^2.0.11",
"compressorjs": "^1.2.1",
"echarts": "^5.4.3",
"element-plus": "^2.3.4",
"font-awesome": "^4.7.0",
@ -62,6 +63,8 @@
"path-browserify": "^1.0.1",
"path-to-regexp": "^6.2.0",
"pinia": "^2.1.6",
"quill-image-resize-custom-module": "^4.1.7",
"quill-image-uploader": "^1.3.0",
"screenfull": "^6.0.0",
"sortablejs": "^1.15.2",
"spark-md5": "^3.0.2",

13
src/api/api/index.ts

@ -0,0 +1,13 @@
import request from '@/utils/request';
/**
* http://localhost:9999/dev-api/api/upordown
*/
export function uploadFilesSysFile(data?: any) {
return request({
url: "/api/upordown",
method: 'post',
data: data
});
}

2
src/components/DesignForm/app/index.vue

@ -322,7 +322,7 @@ onMounted(()=>{
*/
const judjeRadio = (val: any, options: any[]) => {
// console.log("",val, options)
if(options.length > 0){
if(options && options.length > 0){
options.forEach((item)=>{
if(item.value == val){
console.log("判断单选值",val, item.value,item.label)

401
src/components/DesignForm/public/quillEditor.vue

@ -1,16 +1,124 @@
<!--
@ 作者: 秦东
@ 时间: 2024-06-25 08:57:59
@ 备注:
@ 备注: QuillEditor 富文本编辑器
-->
<script lang='ts' setup>
const types = ref('')
const introduceInput = ref(null)
<template>
<div :style="'display: block; width: 100%; height: '+height+'; padding-bottom: 25px; border: 1px solid #Eeeeee;'">
<QuillEditor
ref="quillRef"
v-model:content="content"
:options="myOptions"
contentType="html"
@update:content="setValue()"
/>
</div>
</template>
<script setup>
import Compressor from 'compressorjs';
import { QuillEditor, Quill } from '@vueup/vue-quill';
import '@vueup/vue-quill/dist/vue-quill.snow.css';
import ImageUploader from 'quill-image-uploader';
import ImageResize from 'quill-image-resize-custom-module';
import { uploadFilesSysFile } from '@/api/api';
import '@/styles/QuillFont.css'; //
const modules = {
toolbar: {
container:[
['bold', 'italic', 'underline', 'strike'], // 线线
// ======start
const lineHeight = ['1', '1.25', '1.5', '1.75', '2.5', '3', '5'];
const parchment = Quill.import('parchment');
const lineHeightConfig = {
scope: parchment.Scope.INLINE,
whitelist: lineHeight,
};
const lineHeightStyle = new parchment.Attributor.Style(
'lineHeight',
'line-height',
lineHeightConfig,
);
Quill.register({ 'formats/lineHeight': lineHeightStyle }, true);
// ======end
const props = defineProps({
//
modelValue: String,
height:{
type:String,
default:"500px"
},
});
const emit = defineEmits(['update:modelValue']);
const content = ref('');
const quillRef = ref(null);
//
const fontSizeStyle = Quill.import('attributors/style/size'); // style
fontSizeStyle.whitelist = [
'12px',
'14px',
'16px',
'18px',
'20px',
'22px',
'24px',
'28px',
'30px',
'32px',
'34px',
'36px',
'38px',
'40px',
'42px',
'44px',
'46px',
'48px',
'50px',
'52px',
'54px',
'56px',
'60px',
];
//
const fontStyle = Quill.import('attributors/style/font'); // style
fontStyle.whitelist = [
'SimSun', //
'SimHei', //
'STFANGSO', // 仿
'Microsoft-YaHei', //
'KaiTi', //
'FangSong', // 仿
'STKAITI', //
'Arial',
'Times-New-Roman',
'sans-serif',
];
Quill.register(fontSizeStyle, true);
Quill.register(fontStyle, true);
Quill.register('modules/imageUploader', ImageUploader);
Quill.register('modules/imageResize', ImageResize);
//
const compressImage = (file) => {
return new Promise((resolve, reject) => {
// eslint-disable-next-line no-new
new Compressor(file, {
quality: 0.6, //
success(result) {
resolve(result);
},
error(error) {
reject(error);
},
});
});
};
// Modules
const myOptions = reactive({
modules: {
toolbar: {
container: [
['bold', 'italic', 'underline', 'strike'], // 线线
[{ header: [1, 2, 3, 4, 5, 6, false] }], //
[{ align: [] }], //
['blockquote', 'code-block'], //
@ -24,8 +132,8 @@ const modules = {
[{ font: fontStyle.whitelist }], //
[{ lineheight: lineHeight }], //
['clean'], //
],
handlers: {
],
handlers: {
lineheight: (value) => {
const editor = quillRef.value.getQuill();
if (value) {
@ -33,40 +141,249 @@ const modules = {
}
},
},
}
}
},
// --
imageResize: {
parchment: Quill.import('parchment'),
},
},
placeholder: '请输入内容...',
});
const setValue = () => {
//
const text = toRaw(quillRef.value).getHTML();
emit('update:modelValue', text);
};
const editorOptionReadOnly = {
readOnly: true,
modules
watch(
() => props.modelValue,
(val) => {
if (val) {
content.value = val; //
} else {
// eslint-disable-next-line no-unused-expressions
toRaw(quillRef.value) && toRaw(quillRef.value).setContents(''); // 使
}
},
{
immediate: true, //
},
);
</script>
<style>
.ql-container {
height: calc(100% - 42px);
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimHei']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimHei']::before {
font-family: SimHei;
content: '黑体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Microsoft-YaHei']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Microsoft-YaHei']::before {
font-family: 'Microsoft YaHei';
content: '微软雅黑';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='KaiTi']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='KaiTi']::before {
font-family: KaiTi;
content: '楷体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='FangSong']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='FangSong']::before {
font-family: FangSong;
content: '仿宋';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimSun']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimSun']::before {
font-family: SimSun;
content: '宋体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STFANGSO']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STFANGSO']::before {
font-family: STFANGSO;
content: '华文仿宋';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STKAITI']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STKAITI']::before {
font-family: STKAITI;
content: '华文楷体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before {
font-family: Arial;
content: 'Arial';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Times-New-Roman']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Times-New-Roman']::before {
font-family: 'Times New Roman';
content: 'Times New Roman';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='sans-serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='sans-serif']::before {
font-family: sans-serif;
content: 'sans-serif';
}
.ql-font-SimSun {
font-family: SimSun;
}
.ql-font-SimHei {
font-family: SimHei;
}
.ql-font-Microsoft-YaHei {
font-family: 'Microsoft YaHei';
}
.ql-font-KaiTi {
font-family: KaiTi;
}
.ql-font-FangSong {
font-family: FangSong;
}
.ql-font-Arial {
font-family: Arial;
}
.ql-font-Times-New-Roman {
font-family: 'Times New Roman';
}
.ql-font-sans-serif {
font-family: sans-serif;
}
const editorOption = {
readOnly: false,
modules
/* 字号设置 */
/* 默认字号 */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: '字号';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
font-size: 12px;
content: '12px';
}
.ql-size-12px {
font-size: 12px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
font-size: 14px;
content: '14px';
}
.ql-size-14px {
font-size: 14px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
font-size: 16px;
content: '16px';
}
.ql-size-16px {
font-size: 16px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
font-size: 18px;
content: '18px';
}
.ql-size-18px {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
font-size: 20px;
content: '20px';
}
.ql-size-20px {
font-size: 20px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='22px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='22px']::before {
font-size: 22px;
content: '22px';
}
.ql-size-24px {
font-size: 24px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
font-size: 24px;
content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='26px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='26px']::before {
font-size: 26px;
content: '26px';
}
.ql-size-26px {
font-size: 26px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='28px']::before {
font-size: 28px;
content: '28px';
}
.ql-size-28px {
font-size: 28px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before {
font-size: 30px;
content: '30px';
}
.ql-size-30px {
font-size: 30px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before {
font-size: 32px;
content: '32px';
}
.ql-size-32px {
font-size: 32px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
font-size: 36px;
content: '36px';
}
.ql-size-36px {
font-size: 36px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='40px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='40px']::before {
font-size: 40px;
content: '40px';
}
.ql-size-40px {
font-size: 40px;
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label::before {
content: '行高';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1']::before {
content: '1';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before {
content: '1.5';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.75']::before {
content: '1.75';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2']::before {
content: '2';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3']::before {
content: '3';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4']::before {
content: '4';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5']::before {
content: '5';
}
.ql-snow .ql-picker.ql-lineheight {
width: 70px;
}
const editForm = ref<any>()
const quillEditorRef = ref(null)
onMounted(() => {
})
</script>
<template>
<div style="display: block; width: 100%; height: 100%">
<a-input ref="introduceInput" v-show="false" v-model:value="editForm" />
<quill-editor
:key="types"
ref="quillEditorRef"
content-type='html'
:content="editForm"
:options="types == 'pre'?editorOptionReadOnly:editorOption"
@text-change="editorChange"
@blur="editorBlur"
/>
</div>
</template>
<style lang='scss' scoped>
</style>

2
src/components/DesignForm/tableListPage/index.vue

@ -311,7 +311,7 @@ onMounted(()=>{
*/
const judjeRadio = (val: any, options: any[]) => {
// console.log("",val, options)
if(options.length > 0){
if(options && options.length > 0){
options.forEach((item)=>{
if(item.value == val){
console.log("判断单选值",val, item.value,item.label)

9
src/components/workflow/drwer/approverDrawer.vue

@ -524,6 +524,15 @@ const nodeSetUp = ref("first")
</el-row>
</div>
</el-tab-pane>
<el-tab-pane name="helpInstructions">
<template #label>
<span class="wordKeyCss">帮助说明</span>
</template>
<div class="info_box">
<QuillEditor v-model="approverConfig.helpTips" height="400px" />
</div>
</el-tab-pane>
{{approverConfig.helpTips}}
</el-tabs>
</div>

4
src/components/workflow/drwer/copyerDrawer.vue

@ -71,6 +71,10 @@ const closeDrawer = () => {
<el-checkbox-group v-model="ccSelfSelectFlag" class="clear">
<el-checkbox :label="1">允许发起人自选抄送人</el-checkbox>
</el-checkbox-group>
<div class="info_box">
<QuillEditor v-model="copyerConfig.helpTips" height="400px" />
</div>
</div>
<div class="demo-drawer__footer clear">
<el-button type="primary" @click="saveCopyer"> </el-button>

14
src/components/workflow/drwer/promoterDrawer.vue

@ -28,6 +28,10 @@ const props = defineProps({
type:String,
default:""
},
nodeConfig:{
type: Object,
default: () => ({}),
},
});
const emits = defineEmits<{
(e: 'update:formData', val: any): void
@ -42,6 +46,8 @@ const formData = computed({
}
});
//
// const
@ -51,6 +57,7 @@ let checkedList = ref([])
let store = useStore()
let { setPromoter, setFlowPermission } = store
let approverConfig1 = computed(():any=> store.approverConfig1)
let promoterDrawer = computed(()=> store.promoterDrawer)
let flowPermission1 = computed(()=> store.flowPermission1)
let visible = computed({
@ -171,6 +178,7 @@ watch(()=>visible.value,(val:boolean)=>{
}
})
const nodeSetUp = ref("first")
const contentpage = ref("")
</script>
<template>
<el-drawer v-model="visible" :append-to-body="true" title="发起人" class="set_promoter" :show-close="false" :size="550" :before-close="closeDrawer">
@ -233,10 +241,12 @@ const nodeSetUp = ref("first")
<template #label>
<span class="wordKeyCss">帮助说明</span>
</template>
<quillEditor />
<div class="info_box">
<QuillEditor v-model="props.nodeConfig.helpTips" height="400px" />
</div>
</el-tab-pane>
</el-tabs>
<!-- {{formData}} -->
{{props.nodeConfig.helpTips}}
</div>
<div class="demo-drawer__footer clear">

297
src/styles/QuillFont.css

@ -0,0 +1,297 @@
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimHei']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimHei']::before {
font-family: SimHei;
content: '黑体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Microsoft-YaHei']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Microsoft-YaHei']::before {
font-family: 'Microsoft YaHei';
content: '微软雅黑';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='KaiTi']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='KaiTi']::before {
font-family: KaiTi;
content: '楷体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='FangSong']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='FangSong']::before {
font-family: FangSong;
content: '仿宋';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimSun']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimSun']::before {
font-family: SimSun;
content: '宋体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STFANGSO']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STFANGSO']::before {
font-family: STFANGSO;
content: '华文仿宋';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STKAITI']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STKAITI']::before {
font-family: STKAITI;
content: '华文楷体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before {
font-family: Arial;
content: 'Arial';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Times-New-Roman']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Times-New-Roman']::before {
font-family: 'Times New Roman';
content: 'Times New Roman';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='sans-serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='sans-serif']::before {
font-family: sans-serif;
content: 'sans-serif';
}
.ql-font-SimSun {
font-family: SimSun;
}
.ql-font-SimHei {
font-family: SimHei;
}
.ql-font-Microsoft-YaHei {
font-family: 'Microsoft YaHei';
}
.ql-font-KaiTi {
font-family: KaiTi;
}
.ql-font-FangSong {
font-family: FangSong;
}
.ql-font-Arial {
font-family: Arial;
}
.ql-font-Times-New-Roman {
font-family: 'Times New Roman';
}
.ql-font-sans-serif {
font-family: sans-serif;
}
/* 字号设置 */
.ql-picker-options{
overflow: auto;
height: 200px;
}
/* 默认字号 */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: '字号';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
font-size: 12px;
content: '12px';
}
.ql-size-12px {
font-size: 12px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
font-size: 14px;
content: '14px';
}
.ql-size-14px {
font-size: 14px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
font-size: 16px;
content: '16px';
}
.ql-size-16px {
font-size: 16px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
font-size: 18px;
content: '18px';
}
.ql-size-18px {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
font-size: 20px;
content: '20px';
}
.ql-size-20px {
font-size: 20px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='22px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='22px']::before {
font-size: 22px;
content: '22px';
}
.ql-size-24px {
font-size: 24px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
font-size: 24px;
content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='26px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='26px']::before {
font-size: 26px;
content: '26px';
}
.ql-size-26px {
font-size: 26px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='28px']::before {
font-size: 28px;
content: '28px';
}
.ql-size-28px {
font-size: 28px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before {
font-size: 30px;
content: '30px';
}
.ql-size-30px {
font-size: 30px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before {
font-size: 32px;
content: '32px';
}
.ql-size-32px {
font-size: 32px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
font-size: 36px;
content: '36px';
}
.ql-size-36px {
font-size: 36px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='40px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='40px']::before {
font-size: 40px;
content: '40px';
}
.ql-size-40px {
font-size: 40px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='42px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='42px']::before {
font-size: 42px;
content: '42px';
}
.ql-size-42px {
font-size: 42px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='44px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='44px']::before {
font-size: 44px;
content: '44px';
}
.ql-size-44px {
font-size: 44px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='46px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='46px']::before {
font-size: 46px;
content: '46px';
}
.ql-size-46px {
font-size: 46px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='48px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='48px']::before {
font-size: 48px;
content: '48px';
}
.ql-size-48px {
font-size: 48px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='50px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='50px']::before {
font-size: 50px;
content: '50px';
}
.ql-size-50px {
font-size: 50px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='52px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='52px']::before {
font-size: 52px;
content: '52px';
}
.ql-size-52px {
font-size: 52px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='54px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='54px']::before {
font-size: 54px;
content: '54px';
}
.ql-size-54px {
font-size: 54px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='56px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='56px']::before {
font-size: 56px;
content: '56px';
}
.ql-size-56px {
font-size: 56px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='58px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='58px']::before {
font-size: 58px;
content: '58px';
}
.ql-size-58px {
font-size: 58px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='60px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='60px']::before {
font-size: 60px;
content: '60px';
}
.ql-size-60px {
font-size: 60px;
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label::before {
content: '行高';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1']::before {
content: '1';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before {
content: '1.5';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.75']::before {
content: '1.75';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2']::before {
content: '2';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3']::before {
content: '3';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4']::before {
content: '4';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5']::before {
content: '5';
}
.ql-snow .ql-picker.ql-lineheight {
width: 70px;
}

20
src/types/components.d.ts

@ -26,7 +26,6 @@ declare module '@vue/runtime-core' {
DragControlApp: typeof import('./../components/DesignForm/dragControlApp.vue')['default']
DragControlNew: typeof import('./../components/DesignForm/dragControlNew.vue')['default']
ElAffix: typeof import('element-plus/es')['ElAffix']
ElAlert: typeof import('element-plus/es')['ElAlert']
ElAside: typeof import('element-plus/es')['ElAside']
ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
@ -36,7 +35,6 @@ declare module '@vue/runtime-core' {
ElCard: typeof import('element-plus/es')['ElCard']
ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCascader: typeof import('element-plus/es')['ElCascader']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
ElCol: typeof import('element-plus/es')['ElCol']
@ -61,7 +59,6 @@ declare module '@vue/runtime-core' {
ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElLink: typeof import('element-plus/es')['ElLink']
ElMain: typeof import('element-plus/es')['ElMain']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@ -69,7 +66,6 @@ declare module '@vue/runtime-core' {
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
@ -77,7 +73,6 @@ declare module '@vue/runtime-core' {
ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSelectV2: typeof import('element-plus/es')['ElSelectV2']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElSpace: typeof import('element-plus/es')['ElSpace']
ElStep: typeof import('element-plus/es')['ElStep']
@ -94,7 +89,6 @@ declare module '@vue/runtime-core' {
ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTransfer: typeof import('element-plus/es')['ElTransfer']
ElTree: typeof import('element-plus/es')['ElTree']
ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
ElUpload: typeof import('element-plus/es')['ElUpload']
@ -125,26 +119,12 @@ declare module '@vue/runtime-core' {
HeadToolsNew: typeof import('./../components/DesignForm/public/headToolsNew.vue')['default']
IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
IEpCaretTop: typeof import('~icons/ep/caret-top')['default']
IEpClose: typeof import('~icons/ep/close')['default']
IEpCollection: typeof import('~icons/ep/collection')['default']
IEpDelete: typeof import('~icons/ep/delete')['default']
IEpDownload: typeof import('~icons/ep/download')['default']
IEpEdit: typeof import('~icons/ep/edit')['default']
IEpMessageBox: typeof import('~icons/ep/message-box')['default']
IEpMinus: typeof import('~icons/ep/minus')['default']
IEpOperation: typeof import('~icons/ep/operation')['default']
IEpPicture: typeof import('~icons/ep/picture')['default']
IEpPlus: typeof import('~icons/ep/plus')['default']
IEpPosition: typeof import('~icons/ep/position')['default']
IEpRefresh: typeof import('~icons/ep/refresh')['default']
IEpRefreshLeft: typeof import('~icons/ep/refresh-left')['default']
IEpSearch: typeof import('~icons/ep/search')['default']
IEpSetting: typeof import('~icons/ep/setting')['default']
IEpTop: typeof import('~icons/ep/top')['default']
IEpUploadFilled: typeof import('~icons/ep/upload-filled')['default']
IEpUser: typeof import('~icons/ep/user')['default']
IEpView: typeof import('~icons/ep/view')['default']
LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
LayoutPage: typeof import('./../components/DesignForm/layoutPage/index.vue')['default']
List: typeof import('./../components/DesignForm/public/form/components/list.vue')['default']

2
src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFlow.vue

@ -584,7 +584,7 @@ const closwFormFlow = () => {
</section>
<errorDialog v-model:visible="tipVisible" :list="tipList" />
<promoterDrawer v-model:form-data="state.formData" :form-key="appPageKey" :form-version="formVersion" />
<promoterDrawer v-model:form-data="state.formData" :form-key="appPageKey" :form-version="formVersion" :node-config="nodeConfig" />
<approverDrawer :directormaxlevel="directorMaxLeveling" :node-config="nodeConfig" :is-form-flow="isFormFlow" :customer-form-key="appPageKey" v-model:form-data="state.formData" :form-version="formVersion" />
<copyerDrawer />
<conditionDrawer :is-form-flow="isFormFlow" :customer-form-key="appPageKey" />

6
src/widget/index.ts

@ -23,8 +23,8 @@ import OwnerPage from './systemunit/ownerPage.vue'
import DeptOrgPage from './systemunit/deptOrgPage.vue'
import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';
// import { QuillEditor } from '@vueup/vue-quill'
// import '@vueup/vue-quill/dist/vue-quill.snow.css';
export default (app: any) => {
app.component('SerialNumber', serialNumber)
@ -48,5 +48,5 @@ export default (app: any) => {
app.component('OwnerPage',OwnerPage) //选择拥有者
app.component('DeptOrgPage',DeptOrgPage) //所属部门
app.component('QuillEditor', QuillEditor) //所属部门
// app.component('QuillEditor', QuillEditor) //所属部门
}

Loading…
Cancel
Save