|
@@ -9,80 +9,82 @@ export default {
|
|
|
);
|
|
|
};
|
|
|
const columns = [
|
|
|
- { key: "puOrg", title: "采购组织", type: "TagSelect", require: true },
|
|
|
- { key: "code", title: "合同编码", type: "Input" },
|
|
|
- { key: "contractName", title: "合同名称", type: "Input", require: true },
|
|
|
- { key: "supplier", title: "供应商", type: "TagSelect", require: true },
|
|
|
- { key: "contractType", title: "合同类型", type: "Select", require: true },
|
|
|
- { key: "puDept", title: "采购部门", type: "TagSelect", require: true },
|
|
|
- { key: "buyer", title: "采购员", type: "TagSelect" },
|
|
|
- { key: "source", title: "合同来源", type: "Select" },
|
|
|
- {
|
|
|
- key: "signDate",
|
|
|
- title: "合同签订日期",
|
|
|
- type: "DatePicker",
|
|
|
- require: true,
|
|
|
- },
|
|
|
- {
|
|
|
- key: "effectiveDate",
|
|
|
- title: "合同生效日期",
|
|
|
- type: "DatePicker",
|
|
|
- require: true,
|
|
|
- },
|
|
|
- { key: "endDate", title: "合同终止日期", type: "DatePicker" },
|
|
|
- { key: "externalContract", title: "外部合同号", type: "Input" },
|
|
|
- { key: "refusalReasons", title: "拒绝理由", type: "Input" },
|
|
|
- { key: "enquiryCode", title: "询价单号", type: "Input" },
|
|
|
- { key: "externalFile", title: "对外附件", type: "Upload", span: 24 },
|
|
|
- { key: "puFile", title: "采购商盖章合同附件", type: "Upload", span: 24 },
|
|
|
- {
|
|
|
- key: "supplierFile",
|
|
|
- title: "供应商盖章合同附件",
|
|
|
- type: "Upload",
|
|
|
- span: 24,
|
|
|
- },
|
|
|
- { key: "projectName", title: "项目名称", type: "TagSelect" },
|
|
|
- { key: "projectCode", title: "项目编号", type: "Input" },
|
|
|
- { key: "area", title: "区域", type: "Input" },
|
|
|
- { key: "consigneePhone", title: "收货人联系方式", type: "Input" },
|
|
|
- { key: "paymentAgreement", title: "付款协议", type: "TagSelect" },
|
|
|
- { key: "currency", title: "币种", type: "TagSelect", require: true },
|
|
|
- { key: "taxPrice", title: "价税合计", type: "InputNumber" },
|
|
|
- { key: "guaranteePeriod", title: "质保期", type: "Input" },
|
|
|
-
|
|
|
- // { key: "lastPuMoney", title: "上年度采购额" },
|
|
|
- // { key: "buyerName", title: "采购员名称" },
|
|
|
- // { key: "supplierName", title: "供应商名称" },
|
|
|
- // { key: "puMoneyYear", title: "本年度采购额" },
|
|
|
- // { key: "puDeptName", title: "采购部门名称" },
|
|
|
- // { key: "supplierTier", title: "供应商层级" },
|
|
|
- // { key: "grossRateAverage", title: "平均毛利率" },
|
|
|
- // { key: "approveFlow", title: "审批流程" },
|
|
|
- // { key: "consumableClass", title: "耗材类别" },
|
|
|
- // { key: "brandGrossRate", title: "同类品牌及毛利率" },
|
|
|
- // { key: "contractFormat", title: "合同格式" },
|
|
|
- // { key: "productName", title: "产品类别&名称" },
|
|
|
- // { key: "invoiceTax", title: "发票税率" },
|
|
|
- // { key: "emergencyDegree", title: "紧急程度" },
|
|
|
- // { key: "project", title: "项目医院" },
|
|
|
- // { key: "deliveryType", title: "交货方式" },
|
|
|
- // { key: "contractPartyc", title: "合同丙方" },
|
|
|
- // { key: "contractPartycName", title: "合同丙方名称" },
|
|
|
- // { key: "guaranteePeriodEnd", title: "质保期限" },
|
|
|
- // { key: "freightMethods", title: "运费承担方式" },
|
|
|
- // { key: "isTarget", title: "是否有指标" },
|
|
|
- // { key: "contractTarget", title: "合同指标" },
|
|
|
- // { key: "exemptionPostageCondtion", title: "包邮条件" },
|
|
|
- // { key: "isRebate", title: "是否有返利" },
|
|
|
- // { key: "rebatePolicy", title: "返利政策" },
|
|
|
- // { key: "rollbackPolicy", title: "退换货政策" },
|
|
|
- // { key: "contractContent", title: "合同主要内容" },
|
|
|
- // { key: "currencyName", title: "币种名称" },
|
|
|
+ // { key: "id", title: "主键" },
|
|
|
+ { key: "puOrg", title: "采购组织" },
|
|
|
+ { key: "puOrgName", title: "采购组织名称" },
|
|
|
+ { key: "billType", title: "订单类型" },
|
|
|
+ { key: "billTypeName", title: "订单类型名称" },
|
|
|
+ { key: "oaDemandNo", title: "OA需求单号" },
|
|
|
+ { key: "code", title: "订单编号" },
|
|
|
+ { key: "billDate", title: "订单日期" },
|
|
|
+ { key: "supplier", title: "供应商" },
|
|
|
+ { key: "supplierName", title: "供应商名称" },
|
|
|
+ { key: "paymentAgreement", title: "付款协议" },
|
|
|
+ { key: "finalType", title: "结算方式" },
|
|
|
+ { key: "currency", title: "币种" },
|
|
|
+ { key: "currencyName", title: "币种名称" },
|
|
|
+ { key: "buyer", title: "采购员" },
|
|
|
+ { key: "buyerName", title: "采购员名称" },
|
|
|
+ { key: "puDept", title: "采购部门" },
|
|
|
+ { key: "puDeptName", title: "采购部门名称" },
|
|
|
+ { key: "customer", title: "收货客户" },
|
|
|
+ { key: "customerName", title: "收货客户名称" },
|
|
|
+ { key: "qty", title: "总数量" },
|
|
|
+ { key: "originalQty", title: "原始总数量" },
|
|
|
+ { key: "money", title: "价税合计" },
|
|
|
+ { key: "originalMoney", title: "原始总金额" },
|
|
|
+ { key: "notaxMoney", title: "无税金额" },
|
|
|
+ { key: "status", title: "单据状态" },
|
|
|
+ { key: "freezeCause", title: "冻结原因" },
|
|
|
+ { key: "isBack", title: "退货" },
|
|
|
+ { key: "isMarketing", title: "已协同生成销售订单" },
|
|
|
+ { key: "isMarketingSource", title: "由销售订单协同生成" },
|
|
|
+ { key: "warehouse", title: "WMS入库仓库" },
|
|
|
+ { key: "warehouseName", title: "WMS入库仓库名称" },
|
|
|
+ { key: "goodsAllocation", title: "货位" },
|
|
|
+ { key: "goodsAllocationName", title: "货位名称" },
|
|
|
+ { key: "isSendSrm", title: "是否同步SRM" },
|
|
|
+ { key: "isInvoice", title: "发票标识" },
|
|
|
+ { key: "supplierOrderNo", title: "供应商订单号" },
|
|
|
+ { key: "rebateMoney", title: "订单使用返利金额" },
|
|
|
+ { key: "deductionMoney", title: "订单抵扣余款金额" },
|
|
|
+ { key: "address", title: "收货地址" },
|
|
|
+ { key: "contacts", title: "收货联系人" },
|
|
|
+ { key: "customerDept", title: "客户部门" },
|
|
|
+ { key: "customerDeptName", title: "客户部门名称" },
|
|
|
+ { key: "supplierContacts", title: "供应商业务联系人" },
|
|
|
+ { key: "supplierContactsName", title: "供应商业务联系人名称" },
|
|
|
+ { key: "isUrgency", title: "紧急程度" },
|
|
|
+ { key: "isSendWms", title: "已同步WMS" },
|
|
|
+ { key: "agent", title: "代理人" },
|
|
|
+ { key: "agentName", title: "代理人名称" },
|
|
|
+ { key: "isClose", title: "最终关闭" },
|
|
|
+ { key: "closeTime", title: "最终关闭日期" },
|
|
|
+ { key: "applyPaymentMoney", title: "累计付款申请金额" },
|
|
|
+ { key: "paymentMoney", title: "累计付款金额" },
|
|
|
+ { key: "invoiceMoney", title: "发票金额" },
|
|
|
+ { key: "supplierPersonal", title: "供应商业务员" },
|
|
|
+ { key: "supplierPersonalName", title: "供应商业务员名称" },
|
|
|
+ { key: "isDeliver", title: "是否发货" },
|
|
|
+ { key: "retReason", title: "退换原因" },
|
|
|
+ { key: "processType", title: "处理方式" },
|
|
|
+ { key: "isEnd", title: "整单关闭标识" },
|
|
|
+ { key: "projectNow", title: "在建工程项目" },
|
|
|
+ { key: "operatingItems", title: "经营性项目" },
|
|
|
+ { key: "isArrivalReson", title: "到货超期原因" },
|
|
|
+ { key: "midOrderNo", title: "中台采购订单号" },
|
|
|
+ { key: "marketingCode", title: "销售订单号" },
|
|
|
+ { key: "isArrival", title: "到货超期" },
|
|
|
// { key: "tenantId", title: "租户号" },
|
|
|
// { key: "revision", title: "乐观锁" },
|
|
|
- // { key: "createByName", title: "创建人" },
|
|
|
- // { key: "updateByName", title: "创建人名称" },
|
|
|
+ { key: "createByName", title: "创建人名称" },
|
|
|
+ { key: "updateByName", title: "更新人名称" },
|
|
|
// { key: "delFlag", title: "删除标记" },
|
|
|
+ { key: "flowId", title: "OA流程ID" },
|
|
|
+ { key: "approver", title: "审批人" },
|
|
|
+ { key: "approverFinishTime", title: "审批时间" },
|
|
|
+ { key: "approveTime", title: "提交时间" },
|
|
|
+
|
|
|
];
|
|
|
const initColumns = () =>
|
|
|
columns.map((column) => {
|
|
@@ -109,79 +111,103 @@ export default {
|
|
|
const initParams = () => arr2Obj(initColumns(), "key", "value");
|
|
|
const tabColumns = [
|
|
|
{
|
|
|
- title: "物料基本信息",
|
|
|
- key: "first",
|
|
|
- tableColumns: [
|
|
|
- { title: "序号", key: "" },
|
|
|
- { title: "赠品", key: "" },
|
|
|
- { title: "物料编码", key: "" },
|
|
|
- { title: "物料名称", key: "" },
|
|
|
- { title: "规格", key: "" },
|
|
|
- { title: "生产厂家", key: "" },
|
|
|
- { title: "收货客户", key: "" },
|
|
|
- { title: "品牌", key: "" },
|
|
|
- { title: "采购数量", key: "" },
|
|
|
- { title: "采购单位", key: "" },
|
|
|
- { title: "计价数量", key: "" },
|
|
|
- { title: "税率%", key: "" },
|
|
|
- { title: "含税单价", key: "" },
|
|
|
- { title: "含税金额合计", key: "" },
|
|
|
- { title: "价格有效期(起)", key: "" },
|
|
|
- { title: "计划到货日期", key: "" },
|
|
|
- { title: "来源类型", key: "" },
|
|
|
- { title: "来源单号", key: "" },
|
|
|
- { title: "需求单号", key: "" },
|
|
|
- { title: "备注", key: "" },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "合同条款",
|
|
|
- key: "second",
|
|
|
+ title: '物料信息',
|
|
|
+ key: 'first',
|
|
|
tableColumns: [
|
|
|
- { title: "序号", key: "" },
|
|
|
- { title: "条款编码", key: "" },
|
|
|
- { title: "条款名称", key: "" },
|
|
|
- { title: "条款内容", key: "" },
|
|
|
- { title: "变量序号", key: "" },
|
|
|
- { title: "变量内容", key: "" },
|
|
|
- { title: "备注", key: "" },
|
|
|
- ],
|
|
|
+ // { key: "id", title: "主键" },
|
|
|
+ { key: "rowNo", title: "行号" },
|
|
|
+ { key: "orderId", title: "采购订单ID" },
|
|
|
+ { key: "material", title: "物料" },
|
|
|
+ { key: "materialName", title: "物料名称" },
|
|
|
+ { key: "materialCode", title: "物料编码" },
|
|
|
+ { key: "materialClassify", title: "物料分类" },
|
|
|
+ { key: "materialManufacturersCode", title: "厂家物料编码" },
|
|
|
+ { key: "specification", title: "规格" },
|
|
|
+ { key: "model", title: "型号" },
|
|
|
+ { key: "isMedcine", title: "医药物料" },
|
|
|
+ { key: "manufacturer", title: "生产厂家代理人" },
|
|
|
+ { key: "isDrug", title: "物料药品属性" },
|
|
|
+ { key: "unit", title: "单位" },
|
|
|
+ { key: "qty", title: "数量" },
|
|
|
+ { key: "taxPrice", title: "含税单价" },
|
|
|
+ { key: "money", title: "价税合计" },
|
|
|
+ { key: "tax", title: "税率" },
|
|
|
+ { key: "taxDeductMoneya", title: "折扣金额" },
|
|
|
+ { key: "arrivalQty", title: "已到货数量" },
|
|
|
+ { key: "unarrivedQty", title: "未到货数量" },
|
|
|
+ { key: "notaxMoney", title: "无税金额" },
|
|
|
+ { key: "priceSource", title: "价格目录ID" },
|
|
|
+ { key: "isStorage", title: "入库关闭" },
|
|
|
+ { key: "isInvoice", title: "开票关闭" },
|
|
|
+ { key: "isArrival", title: "到货关闭" },
|
|
|
+ { key: "isPayment", title: "付款关闭" },
|
|
|
+ { key: "isGift", title: "赠品" },
|
|
|
+ { key: "warehouse", title: "收货仓库" },
|
|
|
+ { key: "place", title: "收货地点" },
|
|
|
+ { key: "address", title: "收货地址" },
|
|
|
+ { key: "productBatch", title: "产品批号" },
|
|
|
+ { key: "manufactureDate", title: "生产日期" },
|
|
|
+ { key: "efficacyLoseDate", title: "有效期至/失效日期" },
|
|
|
+ { key: "approvalNumber", title: "批准文号" },
|
|
|
+ { key: "registration", title: "注册证号" },
|
|
|
+ { key: "storageCondition", title: "存储条件" },
|
|
|
+ { key: "carriageCondition", title: "运输条件" },
|
|
|
+ { key: "isBatchLock", title: "批号锁定标识" },
|
|
|
+ { key: "isReplenishment", title: "补单标识" },
|
|
|
+ { key: "isUrgency", title: "紧急标识" },
|
|
|
+ { key: "originalQty", title: "原始数量" },
|
|
|
+ { key: "originalMoney", title: "原始金额" },
|
|
|
+ { key: "directProductBatch", title: "直运产品批号" },
|
|
|
+ { key: "discountRule", title: "折扣规则编码" },
|
|
|
+ { key: "reservedQty", title: "预留数量" },
|
|
|
+ { key: "reservedPeriod", title: "预留周期" },
|
|
|
+ { key: "taxDeductClassify", title: "扣税类别" },
|
|
|
+ { key: "exchangeRate", title: "折本汇率" },
|
|
|
+ { key: "source", title: "上游单据号" },
|
|
|
+ { key: "sourceId", title: "上游单据ID" },
|
|
|
+ { key: "demandCode", title: "采购需求单号" },
|
|
|
+ { key: "arrivalDatePlan", title: "计划到货日期" },
|
|
|
+ { key: "priceType", title: "价格类型" },
|
|
|
+ { key: "isDistributionPrice", title: "配送价" },
|
|
|
+ // { key: "tenantId", title: "租户号" },
|
|
|
+ // { key: "revision", title: "乐观锁" },
|
|
|
+ { key: "createByName", title: "创建人名称" },
|
|
|
+ { key: "updateByName", title: "更新人名称" },
|
|
|
+ // { key: "delFlag", title: "删除标记" },
|
|
|
+ // { key: "materialClassifyOne", title: "物料一级分类" },
|
|
|
+ { key: "materialClassifyOneName", title: "物料一级分类名称" },
|
|
|
+ // { key: "materialClassifyTwo", title: "物料二级分类" },
|
|
|
+ { key: "materialClassifyTwoName", title: "物料二级分类名称" },
|
|
|
+ // { key: "materialClassifyThree", title: "物料三级分类" },
|
|
|
+ { key: "materialClassifyThreeName", title: "物料三级分类名称" },
|
|
|
+ // { key: "materialClassifyFour", title: "物料四级分类" },
|
|
|
+ { key: "materialClassifyFourName", title: "物料四级分类名称" },
|
|
|
+ { key: "price", title: "无税单价" }
|
|
|
+ ]
|
|
|
},
|
|
|
{
|
|
|
- title: "合同费用",
|
|
|
- key: "third",
|
|
|
+ title: '执行结果',
|
|
|
+ key: 'second',
|
|
|
tableColumns: [
|
|
|
- { title: "序号", key: "" },
|
|
|
- { title: "费用编码", key: "" },
|
|
|
- { title: "费用名称", key: "" },
|
|
|
- { title: "费用金额", key: "" },
|
|
|
- { title: "备注", key: "" },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "付款协议信息",
|
|
|
- key: "fourth",
|
|
|
- tableColumns: [
|
|
|
- { title: "序号", key: "" },
|
|
|
- { title: "付款阶段", key: "" },
|
|
|
- { title: "是否预付款", key: "" },
|
|
|
- { title: "是否质保金", key: "" },
|
|
|
- { title: "结算方式", key: "" },
|
|
|
- { title: "付款起点", key: "" },
|
|
|
- { title: "付款金额", key: "" },
|
|
|
- { title: "付款比例%", key: "" },
|
|
|
- { title: "账期天数", key: "" },
|
|
|
- { title: "备注", key: "" },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "合同执行组织范围",
|
|
|
- key: "fifth",
|
|
|
- tableColumns: [
|
|
|
- { title: "序号", key: "" },
|
|
|
- { title: "组织名称", key: "" },
|
|
|
- { title: "组织编码", key: "" },
|
|
|
- ],
|
|
|
+ // { key: "id", title: "主键" },
|
|
|
+ { key: "orderId", title: "采购订单ID" },
|
|
|
+ { key: "rowno", title: "行号" },
|
|
|
+ { key: "material", title: "物料" },
|
|
|
+ { key: "materialName", title: "物料名称" },
|
|
|
+ { key: "specification", title: "规格" },
|
|
|
+ { key: "qty", title: "数量" },
|
|
|
+ { key: "stroageQty", title: "累计到货主数量" },
|
|
|
+ { key: "stockQty", title: "累计入库主数量" },
|
|
|
+ { key: "invoiceQty", title: "累计开票主数量" },
|
|
|
+ { key: "rollbackQty", title: "累计退货主数量" },
|
|
|
+ { key: "backStockQty", title: "累计退库主数量" },
|
|
|
+ { key: "floatQty", title: "未到货数量" },
|
|
|
+ // { key: "tenantId", title: "租户号" },
|
|
|
+ // { key: "revision", title: "乐观锁" },
|
|
|
+ { key: "createByName", title: "创建人名称" },
|
|
|
+ { key: "updateByName", title: "更新人名称" },
|
|
|
+ // { key: "delFlag", title: "删除标记" }
|
|
|
+ ]
|
|
|
},
|
|
|
];
|
|
|
const initTabColumns = () => tabColumns;
|
|
@@ -216,9 +242,9 @@ export default {
|
|
|
tabTableDatas: {
|
|
|
first: [],
|
|
|
second: [],
|
|
|
- third: [],
|
|
|
- fourth: [],
|
|
|
- fifth: [],
|
|
|
+ // third: [],
|
|
|
+ // fourth: [],
|
|
|
+ // fifth: [],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
@@ -228,139 +254,70 @@ export default {
|
|
|
setVisible(prop) {
|
|
|
this.visible = prop;
|
|
|
},
|
|
|
+ handleClick() { },
|
|
|
+ handleClose() { },
|
|
|
},
|
|
|
created() {
|
|
|
console.log(this.params, this.columns);
|
|
|
},
|
|
|
- mounted() {},
|
|
|
- destroyed() {},
|
|
|
+ mounted() { },
|
|
|
+ destroyed() { },
|
|
|
};
|
|
|
</script>
|
|
|
<template>
|
|
|
- <el-drawer
|
|
|
- title="我是标题"
|
|
|
- direction="btt"
|
|
|
- size="100%"
|
|
|
- :with-header="false"
|
|
|
- :visible.sync="visible"
|
|
|
- :before-close="handleClose"
|
|
|
- >
|
|
|
- <el-card
|
|
|
- :body-style="{
|
|
|
- padding: '20px',
|
|
|
- display: 'flex',
|
|
|
- 'flex-wrap': 'wrap',
|
|
|
- }"
|
|
|
- style="margin: 10px"
|
|
|
- >
|
|
|
- <div
|
|
|
- slot="header"
|
|
|
- style="
|
|
|
+ <el-drawer title="我是标题" direction="btt" size="100%" :with-header="false" :visible.sync="visible"
|
|
|
+ :before-close="handleClose">
|
|
|
+ <el-card :body-style="{
|
|
|
+ padding: '20px',
|
|
|
+ display: 'flex',
|
|
|
+ 'flex-wrap': 'wrap',
|
|
|
+ }" style="margin: 10px">
|
|
|
+ <div slot="header" style="
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<h3>查看</h3>
|
|
|
<div style="text-align: right">
|
|
|
<el-button size="mini" @click="setVisible(false)">取消</el-button>
|
|
|
- <el-button size="mini" type="info" @click="setVisible(false)"
|
|
|
- >保存并新增</el-button
|
|
|
- >
|
|
|
- <el-button size="mini" type="danger" @click="setVisible(false)"
|
|
|
- >保存</el-button
|
|
|
- >
|
|
|
+ <!-- <el-button size="mini" type="info" @click="setVisible(false)">保存并新增</el-button>
|
|
|
+ <el-button size="mini" type="danger" @click="setVisible(false)">保存</el-button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-row>
|
|
|
- <el-form
|
|
|
- size="mini"
|
|
|
- label-position="right"
|
|
|
- label-width="150px"
|
|
|
- :model="params"
|
|
|
- >
|
|
|
- <el-col
|
|
|
- v-for="(column, index) in columns"
|
|
|
- :key="index"
|
|
|
- :span="column.span || 8"
|
|
|
- >
|
|
|
- <el-form-item
|
|
|
- :prop="column.key"
|
|
|
- :label="column.title"
|
|
|
- :required="column.required"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-if="column.type === 'Input'"
|
|
|
- v-model="params[column.key]"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- style="width: 90%"
|
|
|
- ></el-input>
|
|
|
- <el-input-number
|
|
|
- v-if="column.type === 'InputNumber'"
|
|
|
- v-model="params[column.key]"
|
|
|
- :controls-position="column.config.controlsPosition"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- style="width: 90%"
|
|
|
- ></el-input-number>
|
|
|
- <el-select
|
|
|
- v-if="column.type === 'Select'"
|
|
|
- v-model="params[column.key]"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- style="width: 90%"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
+ <el-form size="mini" label-position="right" label-width="150px" :model="params">
|
|
|
+ <el-col v-for="(column, index) in columns" :key="index" :span="column.span || 8">
|
|
|
+ <el-form-item :prop="column.key" :label="column.title" :required="column.required">
|
|
|
+
|
|
|
+ <el-input v-if="column.type === 'Input'" v-model="params[column.key]" readonly
|
|
|
+ :placeholder="column.placeholder" :clearable="column.clearable" style="width: 90%"></el-input>
|
|
|
+
|
|
|
+ <el-input-number v-if="column.type === 'InputNumber'" v-model="params[column.key]" readonly
|
|
|
+ :controls-position="column.config.controlsPosition" :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable" style="width: 90%"></el-input-number>
|
|
|
+
|
|
|
+ <el-select v-if="column.type === 'Select'" v-model="params[column.key]" disabled
|
|
|
+ :placeholder="column.placeholder" :clearable="column.clearable" style="width: 90%">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-select
|
|
|
- v-if="column.type === 'TagSelect'"
|
|
|
- v-model="params[column.key]"
|
|
|
- multiple
|
|
|
- clearable
|
|
|
- collapse-tags
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- style="width: 90%"
|
|
|
- >
|
|
|
+
|
|
|
+ <el-select v-if="column.type === 'TagSelect'" v-model="params[column.key]" disabled multiple clearable
|
|
|
+ collapse-tags :placeholder="column.placeholder" :clearable="column.clearable" style="width: 90%">
|
|
|
<template #prefix>
|
|
|
- <el-icon
|
|
|
- class="el-icon-s-operation"
|
|
|
- style="cursor: pointer"
|
|
|
- @click.stop="$message.info(234)"
|
|
|
- ></el-icon>
|
|
|
+ <el-icon class="el-icon-s-operation" style="cursor: pointer" @click.stop="$message.info(234)"></el-icon>
|
|
|
</template>
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-date-picker
|
|
|
- v-if="column.type === 'DatePicker'"
|
|
|
- v-model="params[column.key]"
|
|
|
- :type="column.config.type"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- :picker-options="column.pickerOptions"
|
|
|
- style="width: 90%"
|
|
|
- >
|
|
|
+
|
|
|
+ <el-date-picker v-if="column.type === 'DatePicker'" readonly v-model="params[column.key]"
|
|
|
+ :type="column.config.type" :placeholder="column.placeholder" :clearable="column.clearable"
|
|
|
+ :picker-options="column.pickerOptions" style="width: 90%">
|
|
|
</el-date-picker>
|
|
|
- <el-upload
|
|
|
- v-if="column.type === 'Upload'"
|
|
|
- :file-list="params[column.key]"
|
|
|
- drag
|
|
|
- action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
- multiple
|
|
|
- >
|
|
|
+
|
|
|
+ <el-upload v-if="column.type === 'Upload'" :file-list="params[column.key]" drag
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/" multiple>
|
|
|
<i class="el-icon-upload"></i>
|
|
|
<div class="el-upload__text">
|
|
|
将文件拖到此处,或<em>点击上传</em>
|
|
@@ -369,34 +326,23 @@ export default {
|
|
|
只能上传jpg/png文件,且不超过500kb
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
-
|
|
|
- <el-card
|
|
|
- :body-style="{
|
|
|
- padding: '20px',
|
|
|
- display: 'flex',
|
|
|
- 'flex-wrap': 'wrap',
|
|
|
- }"
|
|
|
- style="margin: 10px"
|
|
|
- >
|
|
|
+
|
|
|
+ <el-card :body-style="{
|
|
|
+ padding: '20px',
|
|
|
+ display: 'flex',
|
|
|
+ 'flex-wrap': 'wrap',
|
|
|
+ }" style="margin: 10px">
|
|
|
<el-tabs v-model="tabName" @tab-click="handleClick" style="width: 100%">
|
|
|
- <el-tab-pane
|
|
|
- v-for="(column, index) in tabColumns"
|
|
|
- :key="index"
|
|
|
- :label="column.title"
|
|
|
- :name="column.key"
|
|
|
- >
|
|
|
+ <el-tab-pane v-for="(column, index) in tabColumns" :key="index" :label="column.title" :name="column.key">
|
|
|
<el-table :data="tabTableDatas[column.key]" style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- v-for="(cColumn, cIndex) in column.tableColumns"
|
|
|
- :key="cIndex"
|
|
|
- :prop="cColumn.key"
|
|
|
- :label="cColumn.title"
|
|
|
- >
|
|
|
+ <el-table-column v-for="(cColumn, cIndex) in column.tableColumns" :key="cIndex" :prop="cColumn.key"
|
|
|
+ :label="cColumn.title">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-tab-pane>
|