-
-
- 基本信息
-
-
-
-
+
+
+ 基本信息
+
+
+
+
+
{{ item.name }}
+
- {{ item.name }}
-
-
- {{ item.value }}
-
-
+
+ {{ item.value }}
+
-
+
-
-
+
+
变更记录
-
-
-
-
+
+
+
+
@@ -63,21 +38,17 @@
-
diff --git a/src/pages/detail/deploy/constants.ts b/src/pages/detail/deploy/constants.ts
new file mode 100644
index 0000000..4ea94b2
--- /dev/null
+++ b/src/pages/detail/deploy/constants.ts
@@ -0,0 +1,115 @@
+export const BASE_INFO_DATA = [
+ {
+ name: '集群名',
+ value: 'helloworld',
+ type: null,
+ },
+ {
+ name: '集群ID',
+ value: 'cls - 2ntelvxw',
+ type: {
+ key: 'color',
+ value: 'blue',
+ },
+ },
+ {
+ name: '状态',
+ value: '运行中',
+ type: {
+ key: 'color',
+ value: 'green',
+ },
+ },
+ {
+ name: 'K8S版本',
+ value: '1.7.8',
+ type: null,
+ },
+ {
+ name: '配置',
+ value: '6.73 核 10.30 GB',
+ type: null,
+ },
+ {
+ name: '所在地域',
+ value: '广州',
+ type: null,
+ },
+ {
+ name: '新增资源所属项目',
+ value: '默认项目',
+ type: null,
+ },
+ {
+ name: '节点数量',
+ value: '4 个',
+ type: null,
+ },
+ {
+ name: '节点网络',
+ value: 'vpc - 5frmkm1x',
+ type: {
+ key: 'color',
+ value: 'blue',
+ },
+ },
+ {
+ name: '容器网络',
+ value: '172.16.0.0 / 16',
+ type: null,
+ },
+ {
+ name: '集群凭证',
+ value: '显示凭证',
+ type: {
+ key: 'color',
+ value: 'blue',
+ },
+ },
+ {
+ name: '创建/更新',
+ value: '2018-05-31 22:11:44 2018-05-31 22:11:44',
+ type: {
+ key: 'contractAnnex',
+ value: 'pdf',
+ },
+ },
+ {
+ name: '描述',
+ value: 'istio_test',
+ type: null,
+ },
+];
+
+
+export const TABLE_COLUMNS = [
+ {
+ minWidth: '250',
+ ellipsis: true,
+ colKey: 'name',
+ title: '项目名称',
+ sorter: (a, b) => a.name.substr(10) - b.name.substr(10),
+ },
+ {
+ minWidth: '200',
+ ellipsis: true,
+ colKey: 'adminName',
+ title: '管理员',
+ },
+ {
+ minWidth: '100',
+ className: 'test',
+ ellipsis: true,
+ colKey: 'updateTime',
+ title: '创建时间',
+ sorter: (a, b) => Date.parse(a.updateTime) - Date.parse(b.updateTime),
+ },
+ {
+ align: 'left',
+ width: 200,
+ className: 'test2',
+ ellipsis: true,
+ colKey: 'op',
+ title: '操作',
+ },
+];
\ No newline at end of file
diff --git a/src/pages/detail/secondary/index.less b/src/pages/detail/secondary/index.less
index 9a1af36..883c839 100644
--- a/src/pages/detail/secondary/index.less
+++ b/src/pages/detail/secondary/index.less
@@ -3,8 +3,7 @@
.secondary-notification {
background-color: white;
border-radius: @border-radius;
- margin-top: 16px;
- padding: 32px;
+ padding: @spacer-3 @spacer-4;
.t-tabs__content {
padding-top: 0;
@@ -12,12 +11,11 @@
}
.secondary-msg-list {
- min-height: 443px;
- max-height: calc(100vh - 400px);
+ height: 70vh;
.t-list-item {
cursor: pointer;
- padding: 16px 24px 16px 0;
+ padding: 13px 24px 13px 0;
&:hover {
background-color: @bg-color-container-hover;
@@ -36,6 +34,11 @@
}
}
}
+
+ .t-tag.t-size-s {
+ margin-right: @spacer-1;
+ margin-left: 0;
+ }
}
.content {
diff --git a/src/pages/detail/secondary/index.vue b/src/pages/detail/secondary/index.vue
index 7f7f130..4bbd1ba 100644
--- a/src/pages/detail/secondary/index.vue
+++ b/src/pages/detail/secondary/index.vue
@@ -1,30 +1,11 @@
- 通知中心
-
-
-
-
-
-
+
+
+
+
+
+
{{ item.type }}
{{ item.content }}
@@ -38,212 +19,25 @@
:overlay-style="{ margin: '6px' }"
:content="item.status ? '设为已读' : '设为未读'"
>
-
-
-
+
+
+
-
+
-
+
-
-
+
+
暂无通知
-
-
-
-
-
- {{ item.type }}
-
- {{ item.content }}
-
-
-
- {{ item.date }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
暂无未读通知
-
-
-
-
-
-
-
- {{ item.type }}
-
- {{ item.content }}
-
-
-
- {{ item.date }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
暂无已读通知
-
-
+
diff --git a/src/pages/form/base/constants.ts b/src/pages/form/base/constants.ts
new file mode 100644
index 0000000..3265edd
--- /dev/null
+++ b/src/pages/form/base/constants.ts
@@ -0,0 +1,42 @@
+export const FORM_RULES = {
+ name: [{ required: true, message: '请输入合同名称', type: 'error' }],
+ type: [{ required: true, message: '请选择合同类型', type: 'error' }],
+ payment: [{ required: true, message: '请选择合同收付类型', type: 'error' }],
+ amount: [{ required: true, message: '请输入合同金额', type: 'error' }],
+ partyA: [{ required: true, message: '请选择甲方', type: 'error' }],
+ partyB: [{ required: true, message: '请选择乙方', type: 'error' }],
+ signDate: [{ required: true, message: '请选择日期', type: 'error' }],
+ startDate: [{ required: true, message: '请选择日期', type: 'error' }],
+ endDate: [{ required: true, message: '请选择日期', type: 'error' }],
+}
+
+export const INITIAL_DATA = {
+ name: '',
+ type: '',
+ partyA: '',
+ partyB: '',
+ signDate: '',
+ startDate: '',
+ endDate: '',
+ payment: '1',
+ amount: 0,
+ comment: ''
+};
+
+export const TYPE_OPTIONS = [
+ { label: '类型A', value: '1' },
+ { label: '类型B', value: '2' },
+ { label: '类型C', value: '3' },
+]
+
+export const PARTY_A_OPTIONS = [
+ { label: '公司A', value: '1' },
+ { label: '公司B', value: '2' },
+ { label: '公司C', value: '3' },
+]
+
+export const PARTY_B_OPTIONS = [
+ { label: '公司A', value: '1' },
+ { label: '公司B', value: '2' },
+ { label: '公司C', value: '3' },
+]
diff --git a/src/pages/form/base/index.less b/src/pages/form/base/index.less
index 31ab807..ce51299 100644
--- a/src/pages/form/base/index.less
+++ b/src/pages/form/base/index.less
@@ -25,3 +25,154 @@
color: @text-color-secondary;
line-height: 20px;
}
+
+.form-item-container {
+ display: flex;
+ // align-items: center;
+ justify-content: center;
+}
+
+.form-basic-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-bottom-left-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+
+ .span-item {
+ width: 12px;
+ }
+
+ .form-gap {
+ padding-left: 32px;
+ }
+
+ .row-gap {
+ padding-bottom: 24px;
+ }
+
+ .form-basic-item {
+ // padding: 0 60px 0 160px;
+
+ .form-basic-container-title {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 20px;
+ line-height: 22px;
+ color: rgba(0, 0, 0, .9);
+ padding: 64px 0 32px 0;
+ }
+
+ // .t-size-m {
+ // width: 100% !important;
+ // min-width: 280px;
+ // }
+
+ // .t-form-item__type {
+ // // width: 100% !important;
+ // min-width: 280px;
+ // }
+ }
+
+ .tdesign-pro-panel {
+ margin-top: 0px !important;
+ }
+
+ .t-textarea__inner {
+ height: 124px !important;
+ }
+
+ .form-cretifier {
+ font-size: 14px;
+ color: #000000;
+ padding-top: 24px;
+ padding-bottom: 130px;
+
+ .form-cretifier-container {
+ padding-top: 12px;
+
+ .form-cretifier-circle {
+ background: #0052d9;
+ border: 1px solid #a7a4a4;
+ border-radius: 40px;
+ width: 32px;
+ height: 32px;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 14px;
+ text-align: center;
+ line-height: 22px;
+ font-weight: 500;
+ position: absolute;
+ }
+
+ .form-cretifier-gap1 {
+ margin-left: 25px;
+ }
+
+ .form-cretifier-gap2 {
+ margin-left: 50px;
+ }
+
+ .form-cretifier-blure {
+ background: #d4e3fc;
+ color: #0052d9;
+ }
+ }
+ }
+}
+
+.form-submit-container {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-top: 30px;
+ padding-bottom: 28px;
+ background-color: #e3e6eb;
+ border-bottom: solid 1px #d8dadf;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+
+ .form-submint-sub {
+ width: 676px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .form-submit-left {
+
+ .form-submit-upload-span {
+ font-size: 14px;
+ line-height: 22px;
+ color: rgba(0, 0, 0, .4);
+ padding-top: 8px;
+ display: inline-block;
+ }
+ }
+
+ .form-submit-upload-btn {
+ width: 144px;
+ height: 40px;
+ }
+
+ .form-submit-right {
+
+ .form-submit-cancel {
+ font-size: 16px !important;
+ color: #0052d9 !important;
+ background-color: #ebedf100 !important;
+ }
+
+ .form-submit-confirm {
+ font-size: 16px !important;
+ background: #0052d9 !important;
+ border-radius: 3px !important;
+ width: 80px !important;
+ height: 40px !important;
+ }
+ }
+ }
+}
diff --git a/src/pages/form/step/constants.ts b/src/pages/form/step/constants.ts
new file mode 100644
index 0000000..be20baf
--- /dev/null
+++ b/src/pages/form/step/constants.ts
@@ -0,0 +1,53 @@
+export const FORM_RULES = {
+ name: [{ required: true, message: '请选择合同名称', type: 'error' }],
+ type: [{ required: true, message: '请选择发票类型', type: 'error' }],
+ title: [{ required: true, message: '请输入发票抬头', type: 'error' }],
+ taxNum: [{ required: true, message: '请输入纳税人识别号', type: 'error' }],
+ consignee: [{ required: true, message: '请输入收货人', type: 'error' }],
+ mobileNum: [{ required: true, message: '请输入手机号码', type: 'error' }],
+ deliveryAddress: [{ required: true, message: '请选择收货地址', type: 'error' }],
+ fullAddress: [{ required: true, message: '请输入详细地址', type: 'error' }],
+};
+
+export const NAME_OPTIONS = [
+ { label: '合同A', value: '1' },
+ { label: '合同B', value: '2' },
+ { label: '合同C', value: '3' },
+];
+
+export const TYPE_OPTIONS = [
+ { label: '类型A', value: '1' },
+ { label: '类型B', value: '2' },
+ { label: '类型C', value: '3' },
+];
+
+export const ADDRESS_OPTIONS = [
+ { label: '广东省深圳市南山区', value: '1' },
+ { label: '北京市海淀区', value: '2' },
+ { label: '上海市徐汇区', value: '3' },
+ { label: '四川省成都市高新区', value: '4' },
+ { label: '广东省广州市天河区', value: '5' },
+ { label: '陕西省西安市高新区', value: '6' },
+];
+
+export const INITIAL_DATA1 = {
+ name: '',
+ type: '',
+};
+
+export const INITIAL_DATA2 = {
+ title: '',
+ taxNum: '',
+ address: '',
+ bank: '',
+ bankAccount: '',
+ email: '',
+ tel: '',
+};
+
+export const INITIAL_DATA3 = {
+ consignee: '',
+ mobileNum: '',
+ deliveryAddress: '',
+ fullAddress: '',
+};
\ No newline at end of file
diff --git a/src/pages/form/step/index.vue b/src/pages/form/step/index.vue
index 2b90d43..1d6ffd2 100644
--- a/src/pages/form/step/index.vue
+++ b/src/pages/form/step/index.vue
@@ -1,12 +1,8 @@
- 分步表单页
-
+
-
-
+
+
@@ -15,15 +11,8 @@
-
-
+
+
1、申请开票后,电子发票在1~3个工作日内开具;增值税专用发票(纸质)如资质审核通过,将在电子发票开具后10个工作日内为您寄出;
@@ -37,46 +26,20 @@
v-show="activeForm === 0"
class="step-form"
:data="formData1"
- :rules="rules"
+ :rules="FORM_RULES"
label-align="left"
- @submit="onSubmit1"
+ @submit="({ validateResult }) => onSubmit({ validateResult }, 1)"
>
-
-
-
+
+
+
{{ item.label }}
-
-
-
+
+
+
{{ item.label }}
@@ -85,10 +48,7 @@
{{ amount }} 元
-
+
提交申请
@@ -99,93 +59,37 @@
v-show="activeForm === 1"
class="step-form"
:data="formData2"
- :rules="rules"
+ :rules="FORM_RULES"
label-align="left"
- @reset="onReset2"
- @submit="onSubmit2"
+ @reset="onReset(0)"
+ @submit="({ validateResult }) => onSubmit({ validateResult }, 2)"
>
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
+
上一步
-
+
下一步
@@ -196,35 +100,18 @@
v-show="activeForm === 2"
class="step-form"
:data="formData3"
- :rules="rules"
+ :rules="FORM_RULES"
label-align="left"
- @reset="onReset3"
- @submit="onSubmit3"
+ @reset="onReset(1)"
+ @submit="({ validateResult }) => onSubmit({ validateResult }, 6)"
>
-
-
+
+
-
-
+
+
-
+
-
+
{{ item.label }}
-
-
+
+
-
+
上一步
-
+
下一步
-
-
+
-
diff --git a/src/pages/list/base/constants.ts b/src/pages/list/base/constants.ts
new file mode 100644
index 0000000..2b54b5c
--- /dev/null
+++ b/src/pages/list/base/constants.ts
@@ -0,0 +1,48 @@
+export const COLUMNS = [
+ { colKey: 'row-select', type: 'multiple', width: '50' },
+ {
+ title: '合同名称',
+ minWidth: '200',
+ width: 200,
+ align: 'left',
+ ellipsis: true,
+ colKey: 'name',
+ },
+ { title: '合同状态', colKey: 'status', width: 150, cell: { col: 'status' } },
+ {
+ title: '合同编号',
+ minWidth: '100',
+ width: 100,
+ ellipsis: true,
+ colKey: 'no',
+ },
+ {
+ title: '合同类型',
+ width: 150,
+ minWidth: '150',
+ ellipsis: true,
+ colKey: 'contractType',
+ },
+ {
+ title: '合同收付类型',
+ width: 200,
+ minWidth: '200',
+ ellipsis: true,
+ colKey: 'paymentType',
+ },
+ {
+ title: '合同金额 (元)',
+ width: 300,
+ minWidth: '300',
+ ellipsis: true,
+ colKey: 'amount',
+ },
+ {
+ align: 'left',
+ fixed: 'right',
+ width: 200,
+ ellipsis: true,
+ colKey: 'op',
+ title: '操作',
+ },
+]
\ No newline at end of file
diff --git a/src/pages/list/select/index.vue b/src/pages/list/select/index.vue
index 83f5877..ecb5af7 100644
--- a/src/pages/list/select/index.vue
+++ b/src/pages/list/select/index.vue
@@ -11,12 +11,10 @@ export default defineComponent({
ListCommonTable,
},
});
-