|
|
@@ -9,7 +9,9 @@ const NewTabColumns = TabColumns.map((element) => ({
|
|
|
tableColumns: initColumns(element.tableColumns),
|
|
|
}));
|
|
|
|
|
|
-const SelectColumns = NewColumns.filter((column) => column.inputType === "Select");
|
|
|
+const SelectColumns = NewColumns.filter(
|
|
|
+ (column) => column.inputType === "Select"
|
|
|
+);
|
|
|
NewTabColumns.forEach((column) => {
|
|
|
SelectColumns.push(
|
|
|
...column.tableColumns.filter((cColumn) => cColumn.inputType === "Select")
|
|
|
@@ -20,8 +22,8 @@ export default {
|
|
|
name: "AddPurchaseOrderDrawer",
|
|
|
dicts: initDicts(SelectColumns),
|
|
|
components: {
|
|
|
- FileUploadCenter: () => import('../components/FileUploadCenter/index.vue'),
|
|
|
- popDialog: () => import('@/components/PopDialog/index.vue'),
|
|
|
+ FileUploadCenter: () => import("../components/FileUploadCenter/index.vue"),
|
|
|
+ popDialog: () => import("@/components/PopDialog/index.vue"),
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
@@ -45,41 +47,53 @@ export default {
|
|
|
watch: {
|
|
|
"params.puOrderItemList": {
|
|
|
handler(nVal, oVal) {
|
|
|
- this.visible && this.handleSynchronousMaterial("puOrderItemList", "puOrderExecuteList");
|
|
|
+ this.visible &&
|
|
|
+ this.handleSynchronousMaterial(
|
|
|
+ "puOrderItemList",
|
|
|
+ "puOrderExecuteList"
|
|
|
+ );
|
|
|
},
|
|
|
deep: true,
|
|
|
},
|
|
|
"params.puOrderExecuteList": {
|
|
|
handler(nVal, oVal) {
|
|
|
- this.visible && this.handleSynchronousMaterial("puOrderExecuteList", "puOrderItemList");
|
|
|
+ this.visible &&
|
|
|
+ this.handleSynchronousMaterial(
|
|
|
+ "puOrderExecuteList",
|
|
|
+ "puOrderItemList"
|
|
|
+ );
|
|
|
},
|
|
|
deep: true,
|
|
|
},
|
|
|
- "params": {
|
|
|
+ params: {
|
|
|
handler(nVal, oVal) {
|
|
|
// 组织变化
|
|
|
- if (this.visible && (nVal.puOrg != oVal.puOrg)) {
|
|
|
- console.log(nVal.puOrg, 'nVal.puOrg', oVal.puOrg, 'oVal.puOrg');
|
|
|
+ if (this.visible && nVal.puOrg != oVal.puOrg) {
|
|
|
+ console.log(nVal.puOrg, "nVal.puOrg", oVal.puOrg, "oVal.puOrg");
|
|
|
for (const key in this.params) {
|
|
|
if (Array.isArray(this.params[key])) {
|
|
|
this.params[key] = [];
|
|
|
+ } else if (
|
|
|
+ key != "puOrg" &&
|
|
|
+ key != "puOrgName" &&
|
|
|
+ key != "buyer" &&
|
|
|
+ key != "buyerName" &&
|
|
|
+ key != "puDept" &&
|
|
|
+ key != "puDeptName" &&
|
|
|
+ key != "status"
|
|
|
+ ) {
|
|
|
+ this.params[key] = "";
|
|
|
+ } else {
|
|
|
}
|
|
|
- else if (key != 'puOrg' && key != 'puOrgName'
|
|
|
- && key != 'buyer' && key != 'buyerName'
|
|
|
- && key != 'puDept' && key != 'puDeptName'
|
|
|
- && key != 'status') {
|
|
|
- this.params[key] = '';
|
|
|
- }
|
|
|
- else { }
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
deep: true,
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
beforeOpen() {
|
|
|
+ this.$refs['orderAddForm'].clearValidate();
|
|
|
const { deptName, deptId, name, nickName, orgName, orgId } = this.$store.state.user;
|
|
|
this.params.puOrg = orgId;
|
|
|
this.params.puOrgName = orgName;
|
|
|
@@ -94,32 +108,26 @@ export default {
|
|
|
},
|
|
|
// 复制赋值
|
|
|
async setCopyParams(id) {
|
|
|
- console.log(id, 'iid-----------------------');
|
|
|
+ console.log(id, "iid-----------------------");
|
|
|
try {
|
|
|
const { code, msg, data } = await orderApi.details(id);
|
|
|
|
|
|
if (code === 200) {
|
|
|
-
|
|
|
this.params = {
|
|
|
...data,
|
|
|
- id: '',
|
|
|
- code: '',
|
|
|
- status: '0',
|
|
|
- source: '3',
|
|
|
+ id: "",
|
|
|
+ code: "",
|
|
|
+ status: "0",
|
|
|
+ source: "3",
|
|
|
};
|
|
|
|
|
|
for (const key in this.params) {
|
|
|
-
|
|
|
if (Array.isArray(this.params[key])) {
|
|
|
-
|
|
|
- this.params[key].forEach(v => {
|
|
|
-
|
|
|
- v.id = '';
|
|
|
-
|
|
|
- })
|
|
|
+ this.params[key].forEach((v) => {
|
|
|
+ v.id = "";
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
} catch (err) {
|
|
|
//
|
|
|
@@ -143,7 +151,7 @@ export default {
|
|
|
(rowData["rowNo"] = this.params[key].length + 1);
|
|
|
|
|
|
// 是否完成询价，新增明细行需默认明细为false
|
|
|
- rowData['whetherCompleteInquiry'] = false;
|
|
|
+ rowData["whetherCompleteInquiry"] = false;
|
|
|
|
|
|
this.params[key].push(rowData);
|
|
|
}
|
|
|
@@ -167,24 +175,24 @@ export default {
|
|
|
handleSynchronousMaterial(key1, key2) {
|
|
|
let _this = this;
|
|
|
// this.params[key1]-- -> this.params[key2]
|
|
|
- this.params[key1] && this.params[key1].forEach((item, index) => {
|
|
|
-
|
|
|
- for (const key in item) {
|
|
|
-
|
|
|
- if (key in _this.params[key2][index]) {
|
|
|
-
|
|
|
- if (key == 'material' || key == 'materialName' || key == 'materialCode') {
|
|
|
- _this.params[key2][index].material = item.material;
|
|
|
- _this.params[key2][index].materialName = item.materialName;
|
|
|
- _this.params[key2][index].materialCode = item.materialCode;
|
|
|
- } else {
|
|
|
-
|
|
|
- _this.params[key2][index][key] = item[key];
|
|
|
+ this.params[key1] &&
|
|
|
+ this.params[key1].forEach((item, index) => {
|
|
|
+ for (const key in item) {
|
|
|
+ if (key in _this.params[key2][index]) {
|
|
|
+ if (
|
|
|
+ key == "material" ||
|
|
|
+ key == "materialName" ||
|
|
|
+ key == "materialCode"
|
|
|
+ ) {
|
|
|
+ _this.params[key2][index].material = item.material;
|
|
|
+ _this.params[key2][index].materialName = item.materialName;
|
|
|
+ _this.params[key2][index].materialCode = item.materialCode;
|
|
|
+ } else {
|
|
|
+ _this.params[key2][index][key] = item[key];
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
// 取消
|
|
|
handleCancel() {
|
|
|
@@ -193,8 +201,7 @@ export default {
|
|
|
...initParams(this.columns),
|
|
|
puOrderItemList: [],
|
|
|
puOrderExecuteList: [],
|
|
|
- }
|
|
|
-
|
|
|
+ };
|
|
|
},
|
|
|
// 保存
|
|
|
async handleSava() {
|
|
|
@@ -250,23 +257,22 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 子表参照改变之后
|
|
|
- handleReferChange(val,type, source) {
|
|
|
- console.log(val, 'val');
|
|
|
- console.log(source, 'source');
|
|
|
- console.log(type, 'type');
|
|
|
+ handleReferChange(val, type, source) {
|
|
|
+ console.log(val, "val");
|
|
|
+ console.log(source, "source");
|
|
|
+ console.log(type, "type");
|
|
|
|
|
|
// 触发物料参照
|
|
|
- if (type == 'MATERIAL_PARAM' && source.qty && source.qty != '') {
|
|
|
-
|
|
|
+ if (type == "MATERIAL_PARAM" && source.qty && source.qty != "") {
|
|
|
this.handleGetPrice();
|
|
|
}
|
|
|
},
|
|
|
|
|
|
// 子表inputNumber
|
|
|
handleInputChange(row, type) {
|
|
|
- console.log(type, 'type');
|
|
|
+ console.log(type, "type");
|
|
|
// 物料数量变化----询价
|
|
|
- if (type == 'qty' && row.material) {
|
|
|
+ if (type == "qty" && row.material) {
|
|
|
this.handleGetPrice();
|
|
|
}
|
|
|
},
|
|
|
@@ -274,18 +280,16 @@ export default {
|
|
|
async handleGetPrice() {
|
|
|
try {
|
|
|
// let { puOrg, priceType, customer, assignSupplier, material, } = data;
|
|
|
- let { code, data } = await orderApi.getPrice({ ...this.params })
|
|
|
+ let { code, data } = await orderApi.getPrice({ ...this.params });
|
|
|
if (code == 200) {
|
|
|
this.params = data;
|
|
|
}
|
|
|
} catch (error) {
|
|
|
-
|
|
|
} finally {
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- // 下卡框选择改变
|
|
|
+ // 下拉框选择改变
|
|
|
handleChangeSelect(val,typeName){
|
|
|
if(val === 'billType'){
|
|
|
this.params['billTypeName'] = this.dict.type[typeName].find(item => item.value == this.params[val]).label;
|
|
|
@@ -294,242 +298,278 @@ export default {
|
|
|
|
|
|
},
|
|
|
created() {
|
|
|
- console.log("ADD CREATED", this.params)
|
|
|
+ console.log("ADD CREATED", this.params);
|
|
|
},
|
|
|
- mounted() { },
|
|
|
- destroyed() { },
|
|
|
+ mounted() {},
|
|
|
+ destroyed() {},
|
|
|
};
|
|
|
</script>
|
|
|
<template>
|
|
|
- <el-drawer
|
|
|
- direction="btt"
|
|
|
- size="100%"
|
|
|
- :with-header="false"
|
|
|
+ <el-drawer
|
|
|
+ direction="btt"
|
|
|
+ size="100%"
|
|
|
+ :with-header="false"
|
|
|
:visible.sync="visible"
|
|
|
@open="beforeOpen"
|
|
|
@close="$emit('close')"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- size="mini"
|
|
|
- label-position="right"
|
|
|
- ref="orderAddForm"
|
|
|
- label-width="140px"
|
|
|
- :model="params"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ size="mini"
|
|
|
+ label-position="right"
|
|
|
+ ref="orderAddForm"
|
|
|
+ label-width="140px"
|
|
|
+ :model="params"
|
|
|
:rules="rules"
|
|
|
+ >
|
|
|
+ <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">
|
|
|
- <div slot="header" style="
|
|
|
+ <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="handleCancel">取消</el-button>
|
|
|
- <el-button size="mini" type="danger" @click="handleSava">保存</el-button>
|
|
|
+ <el-button size="mini" type="danger" @click="handleSava"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
<!-- <el-button size="mini" type="info" @click="handleSubmit">
|
|
|
保存并新增
|
|
|
</el-button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-row style="display:flex; flex-wrap: wrap;">
|
|
|
- <el-col v-for="(column, index) in columns" :key="index" :span="column.span || 6">
|
|
|
- <el-form-item :prop="column.key" :label="column.title" v-if="column.isShow">
|
|
|
-
|
|
|
- <el-input v-if="column.inputType === 'Input'"
|
|
|
- v-model="params[column.key]"
|
|
|
+ <el-row style="display: flex; flex-wrap: wrap">
|
|
|
+ <el-col
|
|
|
+ v-for="(column, index) in columns"
|
|
|
+ :key="index"
|
|
|
+ :span="column.span || 6"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ :prop="column.key"
|
|
|
+ :label="column.title"
|
|
|
+ v-if="column.isShow"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-if="column.inputType === 'Input'"
|
|
|
+ v-model="params[column.key]"
|
|
|
:placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- :disabled="column.disabled"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
style="width: 100%"
|
|
|
- >
|
|
|
+ >
|
|
|
</el-input>
|
|
|
- <dr-popover-select v-if="column.inputType === 'PopoverSelect'"
|
|
|
+ <dr-popover-select
|
|
|
+ v-if="column.inputType === 'PopoverSelect'"
|
|
|
v-model="params[column.key]"
|
|
|
- :value-key="column.valueKey"
|
|
|
- :source.sync="params"
|
|
|
- :title="column.title"
|
|
|
+ :value-key="column.valueKey"
|
|
|
+ :source.sync="params"
|
|
|
+ :title="column.title"
|
|
|
:type="column.referName"
|
|
|
- :multiple="column.multiple"
|
|
|
- :placeholder="column.placeholder"
|
|
|
+ :multiple="column.multiple"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
:data-mapping="column.dataMapping"
|
|
|
- :query-params="column.queryParams(params)"
|
|
|
- ></dr-popover-select>
|
|
|
+ :query-params="column.queryParams"
|
|
|
+ ></dr-popover-select>
|
|
|
|
|
|
- <el-input v-if="column.inputType === 'Textarea'"
|
|
|
- v-model="params[column.key]"
|
|
|
+ <el-input
|
|
|
+ v-if="column.inputType === 'Textarea'"
|
|
|
+ v-model="params[column.key]"
|
|
|
type="textarea"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
:disabled="column.disabled"
|
|
|
style="width: 100%"
|
|
|
- ></el-input>
|
|
|
+ ></el-input>
|
|
|
|
|
|
- <el-input-number v-if="column.inputType === 'InputNumber'"
|
|
|
+ <el-input-number
|
|
|
+ v-if="column.inputType === 'InputNumber'"
|
|
|
v-model="params[column.key]"
|
|
|
- :controls-position="column.controlsPosition"
|
|
|
+ :controls-position="column.controlsPosition"
|
|
|
:placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
- :disabled="column.disabled"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
style="width: 100%"
|
|
|
- > </el-input-number>
|
|
|
- <el-select v-if="column.inputType === 'Select'"
|
|
|
- v-model="params[column.key]"
|
|
|
+ >
|
|
|
+ </el-input-number>
|
|
|
+ <el-select
|
|
|
+ v-if="column.inputType === 'Select'"
|
|
|
+ v-model="params[column.key]"
|
|
|
:disabled="column.disabled"
|
|
|
- :clearable="column.clearable"
|
|
|
- :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
style="width: 100%"
|
|
|
- @change="handleChangeSelect(column.key,column.referName)"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in dict.type[column.referName]"
|
|
|
- :key="item.value"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dict.type[column.referName]"
|
|
|
+ :key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
- ></el-option>
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
- <el-select v-if="column.inputType === 'TagSelect'"
|
|
|
- v-model="params[column.key]"
|
|
|
- multiple
|
|
|
+ <el-select
|
|
|
+ v-if="column.inputType === 'TagSelect'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ multiple
|
|
|
clearable
|
|
|
- collapse-tags
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
+ collapse-tags
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
:disabled="column.disabled"
|
|
|
style="width: 100%"
|
|
|
- >
|
|
|
+ >
|
|
|
<template #prefix>
|
|
|
- <el-icon
|
|
|
- class="el-icon-view"
|
|
|
- style="cursor: pointer"
|
|
|
- @click.stop="$message.info(234)">
|
|
|
+ <el-icon
|
|
|
+ class="el-icon-view"
|
|
|
+ style="cursor: pointer"
|
|
|
+ @click.stop="$message.info(234)"
|
|
|
+ >
|
|
|
</el-icon>
|
|
|
</template>
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
:value="item.value"
|
|
|
- ></el-option>
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
- <el-date-picker v-if="column.inputType === 'DatePicker'"
|
|
|
- v-model="params[column.key]"
|
|
|
+ <el-date-picker
|
|
|
+ v-if="column.inputType === 'DatePicker'"
|
|
|
+ v-model="params[column.key]"
|
|
|
:type="column.type"
|
|
|
- :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
:disabled="column.disabled"
|
|
|
- :picker-options="column.pickerOptions"
|
|
|
+ :picker-options="column.pickerOptions"
|
|
|
style="width: 100%"
|
|
|
- ></el-date-picker>
|
|
|
- <el-checkbox v-if="column.inputType === 'Checkbox'"
|
|
|
- v-model="params[column.key]"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-checkbox
|
|
|
+ v-if="column.inputType === 'Checkbox'"
|
|
|
+ v-model="params[column.key]"
|
|
|
true-label="Y"
|
|
|
false-label="N"
|
|
|
- ></el-checkbox>
|
|
|
- <file-upload-center v-if="column.inputType === 'Upload'"
|
|
|
+ ></el-checkbox>
|
|
|
+ <file-upload-center
|
|
|
+ v-if="column.inputType === 'Upload'"
|
|
|
v-model="params[column.key]"
|
|
|
:file-type="column.fileType"
|
|
|
- ></file-upload-center>
|
|
|
+ ></file-upload-center>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-card :body-style="{
|
|
|
- padding: '20px',
|
|
|
- display: 'flex',
|
|
|
- 'flex-wrap': 'wrap',
|
|
|
- position: 'relative',
|
|
|
- }" style="margin: 10px">
|
|
|
+ <el-card
|
|
|
+ :body-style="{
|
|
|
+ padding: '20px',
|
|
|
+ display: 'flex',
|
|
|
+ 'flex-wrap': 'wrap',
|
|
|
+ position: 'relative',
|
|
|
+ }"
|
|
|
+ style="margin: 10px"
|
|
|
+ >
|
|
|
<el-tabs v-model="tabName" style="width: 100%">
|
|
|
- <el-tab-pane
|
|
|
- v-for="(column, index) in tabColumns"
|
|
|
- :key="index"
|
|
|
- :label="column.title"
|
|
|
+ <el-tab-pane
|
|
|
+ v-for="(column, index) in tabColumns"
|
|
|
+ :key="index"
|
|
|
+ :label="column.title"
|
|
|
:name="column.key"
|
|
|
- >
|
|
|
+ >
|
|
|
<el-table :data="params[column.key]" style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- v-for="(cColumn, cIndex) in column.tableColumns"
|
|
|
- :key="cIndex"
|
|
|
+ <el-table-column
|
|
|
+ v-for="(cColumn, cIndex) in column.tableColumns"
|
|
|
+ :key="cIndex"
|
|
|
:prop="cColumn.key"
|
|
|
- :label="cColumn.title"
|
|
|
+ :label="cColumn.title"
|
|
|
:width="cColumn.width || 80"
|
|
|
- >
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag v-if="cColumn.key === 'index'">
|
|
|
{{ scope.$index + 1 }}
|
|
|
</el-tag>
|
|
|
- <el-input v-if="cColumn.inputType === 'Input'"
|
|
|
+ <el-input
|
|
|
+ v-if="cColumn.inputType === 'Input'"
|
|
|
v-model="scope.row[cColumn.key]"
|
|
|
- :placeholder="cColumn.placeholder"
|
|
|
- :clearable="cColumn.clearable"
|
|
|
+ :placeholder="cColumn.placeholder"
|
|
|
+ :clearable="cColumn.clearable"
|
|
|
:disabled="cColumn.disabled"
|
|
|
- size="mini"
|
|
|
+ size="mini"
|
|
|
style="width: 100%"
|
|
|
- ></el-input>
|
|
|
+ ></el-input>
|
|
|
|
|
|
<!-- -->
|
|
|
- <dr-popover-select v-if="cColumn.inputType === 'PopoverSelect'"
|
|
|
+ <dr-popover-select
|
|
|
+ v-if="cColumn.inputType === 'PopoverSelect'"
|
|
|
v-model="scope.row[cColumn.key]"
|
|
|
- :source.sync="scope.row"
|
|
|
- :title="cColumn.title"
|
|
|
+ :source.sync="scope.row"
|
|
|
+ :title="cColumn.title"
|
|
|
:value-key="cColumn.valueKey"
|
|
|
- :type="cColumn.referName"
|
|
|
- :multiple="cColumn.multiple"
|
|
|
+ :type="cColumn.referName"
|
|
|
+ :multiple="cColumn.multiple"
|
|
|
:placeholder="cColumn.placeholder"
|
|
|
- :data-mapping="cColumn.dataMapping"
|
|
|
- :query-params="cColumn.queryParams(scope.row)"
|
|
|
- @change="handleReferChange"
|
|
|
+ :data-mapping="cColumn.dataMapping"
|
|
|
+ :query-params="cColumn.queryParams"
|
|
|
+ @change="handleReferChange"
|
|
|
size="mini"
|
|
|
- > </dr-popover-select>
|
|
|
+ >
|
|
|
+ </dr-popover-select>
|
|
|
|
|
|
- <el-input-number v-if="cColumn.inputType === 'InputNumber'"
|
|
|
+ <el-input-number
|
|
|
+ v-if="cColumn.inputType === 'InputNumber'"
|
|
|
v-model="scope.row[cColumn.key]"
|
|
|
- :controls-position="cColumn.controlsPosition"
|
|
|
+ :controls-position="cColumn.controlsPosition"
|
|
|
:placeholder="cColumn.placeholder"
|
|
|
- @change="handleInputChange(scope.row, cColumn.key)"
|
|
|
+ @change="handleInputChange(scope.row, cColumn.key)"
|
|
|
:clearable="cColumn.clearable"
|
|
|
- :disabled="cColumn.disabled"
|
|
|
- size="mini"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ size="mini"
|
|
|
style="width: 100%"
|
|
|
- ></el-input-number>
|
|
|
+ ></el-input-number>
|
|
|
|
|
|
- <el-select v-if="cColumn.inputType === 'Select'"
|
|
|
- v-model="scope.row[cColumn.key]"
|
|
|
+ <el-select
|
|
|
+ v-if="cColumn.inputType === 'Select'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
size="mini"
|
|
|
- :disabled="cColumn.disabled"
|
|
|
- :clearable="cColumn.clearable"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ :clearable="cColumn.clearable"
|
|
|
:placeholder="cColumn.placeholder"
|
|
|
style="width: 100%"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in dict.type[cColumn.referName]"
|
|
|
- :key="item.value"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dict.type[cColumn.referName]"
|
|
|
+ :key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
- ></el-option>
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
|
|
|
-
|
|
|
- <el-checkbox v-if="cColumn.inputType === 'Checkbox'"
|
|
|
- v-model="scope.row[cColumn.key]"
|
|
|
+ <el-checkbox
|
|
|
+ v-if="cColumn.inputType === 'Checkbox'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
true-label="Y"
|
|
|
false-label="N"
|
|
|
- ></el-checkbox>
|
|
|
-
|
|
|
+ ></el-checkbox>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column fixed="right" label="操作" width="80">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click.native.prevent="
|
|
|
- delTableRow(params[tabName], scope.$index)
|
|
|
- " type="text" size="small">
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="
|
|
|
+ delTableRow(params[tabName], scope.$index)
|
|
|
+ "
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
删行
|
|
|
</el-button>
|
|
|
</template>
|
|
|
@@ -538,7 +578,9 @@ export default {
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<el-row style="position: absolute; top: 20px; right: 20px">
|
|
|
- <el-button size="mini" @click="addTableRow(params[tabName])">增行</el-button>
|
|
|
+ <el-button size="mini" @click="addTableRow(params[tabName])"
|
|
|
+ >增行</el-button
|
|
|
+ >
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</el-form>
|
黄梓星