|
@@ -1,253 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<div class="sop-flow">
|
|
<div class="sop-flow">
|
|
- <div class="page-wrap">
|
|
|
|
- <t-form colon :label-width="0">
|
|
|
|
- <t-row :gutter="[0, 20]">
|
|
|
|
- <t-col
|
|
|
|
- :span="config.span || 6"
|
|
|
|
- v-for="config in formConfig"
|
|
|
|
- :key="config.id"
|
|
|
|
- >
|
|
|
|
- <MyFormItem :config="config"></MyFormItem>
|
|
|
|
- </t-col>
|
|
|
|
- </t-row>
|
|
|
|
- </t-form>
|
|
|
|
- <s-button
|
|
|
|
- confirm-text="提交"
|
|
|
|
- cancel-text="返回"
|
|
|
|
- @confirm="submitHandle"
|
|
|
|
- @cancel="back"
|
|
|
|
- class="m-t-30px m-b-30px"
|
|
|
|
- ></s-button>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="page-wrap"> </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
-<script setup name="SopFlow">
|
|
|
|
-import { ref } from 'vue';
|
|
|
|
-import MyFormItem from '../../components/my-form-item.vue';
|
|
|
|
-const form = ref();
|
|
|
|
-let formConfig = ref([
|
|
|
|
- {
|
|
|
|
- id: '1',
|
|
|
|
- code: 'TEXT', //编码,TEXT:文本,TEXTAREA:文本域,SELECT:下拉框,RADIO:单选框,CHECKBOX:复选框,DATE:日期,BUTTON:按钮,IMG:图片,VIDEO:视频,AUDIO:音频,FILE:文件,POP_SELECT:弹出选择框,LABEL:标签,TABLE:表格,SIGN:签名,OTHER:其它
|
|
|
|
- type: 'FORM', //类型,FORM:表单,TABLE:表格,OTHER:其它
|
|
|
|
- formId: 'crm_child_no', //表单控件id(实际会带上流程key,如:f_usertask_start|crm_child_no)
|
|
|
|
- formName: 'crm_child_no', //表单控件名称
|
|
|
|
- title: '项目子单编号', //表单控件标题
|
|
|
|
- inputType: 'STRING', //输入类型,STRING:字符串,INT:整型,LONG:长整型,DOUBLE:浮点型,ENUM:枚举,DATE:日期,BOOL:布尔,BIGDECIMAL:精确浮点
|
|
|
|
- required: false, //是否必填,false:非必填,true:必填
|
|
|
|
- readable: true, //是否只读,false:非只读,true:只读
|
|
|
|
- writable: false, //是否可写,false:非可写,true:可写
|
|
|
|
- visable: true, //是否可见,false:不可见,true:可见
|
|
|
|
- binding: 'crm_child_no', //绑定的数据字段
|
|
|
|
- name: '文本', //名称
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '2',
|
|
|
|
- code: 'SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'custom_type',
|
|
|
|
- formName: 'custom_type',
|
|
|
|
- title: '客户类型',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'custom_type',
|
|
|
|
- dataGrid: '/api/admin/widget/custom/list', //需要填充的api
|
|
|
|
- name: '下拉框',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '3',
|
|
|
|
- code: 'POP_SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'crm_manager',
|
|
|
|
- formName: 'crm_manager',
|
|
|
|
- title: '派单客户经理',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'crm_manager',
|
|
|
|
- dataGrid: '/api/admin/widget/crm/manager',
|
|
|
|
- name: '弹出选择框',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '4',
|
|
|
|
- code: 'SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'custom_name',
|
|
|
|
- formName: 'custom_name',
|
|
|
|
- title: '客户名称',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'custom_name',
|
|
|
|
- dataGrid: '/api/admin/widget/school/list',
|
|
|
|
- name: '下拉框',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '5',
|
|
|
|
- code: 'SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'crm_parent_no',
|
|
|
|
- formName: 'crm_parent_no',
|
|
|
|
- title: '项目母单编号',
|
|
|
|
- required: false,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'crm_parent_no',
|
|
|
|
- dataGrid: '/api/admin/widget/crm/parent_no/list',
|
|
|
|
- name: '下拉框',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '6',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'crm_name',
|
|
|
|
- formName: 'crm_name',
|
|
|
|
- title: '项目名称',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '7',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'org_name',
|
|
|
|
- formName: 'org_name',
|
|
|
|
- title: '学院分(子)机构',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '8',
|
|
|
|
- code: 'SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'product',
|
|
|
|
- formName: 'product',
|
|
|
|
- title: '实施产品',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'product',
|
|
|
|
- dataGrid: '/api/admin/widget/product/list',
|
|
|
|
- name: '下拉框',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '9',
|
|
|
|
- code: 'POP_SELECT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'child_manager',
|
|
|
|
- formName: 'child_manager',
|
|
|
|
- title: '子项目经理',
|
|
|
|
- required: true,
|
|
|
|
- readable: false,
|
|
|
|
- writable: true,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'child_manager',
|
|
|
|
- dataGrid: '/api/admin/widget/crm/manager',
|
|
|
|
- name: '弹出选择框',
|
|
|
|
- },
|
|
|
|
- // {
|
|
|
|
- // id: '10',
|
|
|
|
- // code: 'LABELS',
|
|
|
|
- // type: 'FORM',
|
|
|
|
- // formId: 'crm_info',
|
|
|
|
- // formName: 'crm_info',
|
|
|
|
- // title: '派单信息',
|
|
|
|
- // inputType: 'STRING',
|
|
|
|
- // required: false,
|
|
|
|
- // readable: true,
|
|
|
|
- // writable: false,
|
|
|
|
- // visable: true,
|
|
|
|
- // name: '标签',
|
|
|
|
- // },
|
|
|
|
- {
|
|
|
|
- id: '11',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'exam_start_time',
|
|
|
|
- formName: 'exam_start_time',
|
|
|
|
- title: '考试开始时间',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: false,
|
|
|
|
- readable: true,
|
|
|
|
- writable: false,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'exam_start_time',
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '12',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'exam_end_time',
|
|
|
|
- formName: 'exam_end_time',
|
|
|
|
- title: '考试结束时间',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: false,
|
|
|
|
- readable: true,
|
|
|
|
- writable: false,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'exam_end_time',
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '13',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'remark',
|
|
|
|
- formName: 'remark',
|
|
|
|
- title: '特殊要求及备注',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: false,
|
|
|
|
- readable: true,
|
|
|
|
- writable: false,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'remark',
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: '14',
|
|
|
|
- code: 'TEXT',
|
|
|
|
- type: 'FORM',
|
|
|
|
- formId: 'project_type',
|
|
|
|
- formName: 'project_type',
|
|
|
|
- title: '项目类型',
|
|
|
|
- inputType: 'STRING',
|
|
|
|
- required: false,
|
|
|
|
- readable: true,
|
|
|
|
- writable: false,
|
|
|
|
- visable: true,
|
|
|
|
- binding: 'project_type',
|
|
|
|
- name: '文本',
|
|
|
|
- },
|
|
|
|
-]);
|
|
|
|
-
|
|
|
|
-const submitHandle = () => {
|
|
|
|
- form.value.validate().then(async (result) => {
|
|
|
|
- alert(result);
|
|
|
|
- if (result === true) {
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
-};
|
|
|
|
-const back = () => {
|
|
|
|
- history.back();
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
|
|
+<script setup name="SopFlow"></script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
.sop-flow {
|
|
.sop-flow {
|