|
|
@@ -52,14 +52,16 @@ export default {
|
|
|
},
|
|
|
'params.puOrderItemList': {
|
|
|
handler(nVal, oVal) {
|
|
|
- this.params.source == 3 && this.handleSynchronousMaterial('puOrderItemList', 'puOrderExecuteList');
|
|
|
+ this.params.source == 3 &&
|
|
|
+ this.handleSynchronousMaterial('puOrderItemList', 'puOrderExecuteList');
|
|
|
},
|
|
|
deep: true,
|
|
|
immediate: true
|
|
|
},
|
|
|
'params.puOrderExecuteList': {
|
|
|
handler(nVal, oVal) {
|
|
|
- this.params.source == 3 && this.handleSynchronousMaterial('puOrderExecuteList', 'puOrderItemList');
|
|
|
+ this.params.source == 3 &&
|
|
|
+ this.handleSynchronousMaterial('puOrderExecuteList', 'puOrderItemList');
|
|
|
},
|
|
|
deep: true,
|
|
|
immediate: true
|
|
|
@@ -230,10 +232,23 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<template>
|
|
|
- <el-drawer direction="btt" size="100%" :with-header="false" :visible.sync="visible" @open="beforeOpen"
|
|
|
- @close="$emit('close')">
|
|
|
- <el-form v-loading="loading" :size="size" ref="orderEditForm" label-position="right" label-width="140px"
|
|
|
- :model="params" :rules="rules">
|
|
|
+ <el-drawer
|
|
|
+ direction="btt"
|
|
|
+ size="100%"
|
|
|
+ :with-header="false"
|
|
|
+ :visible.sync="visible"
|
|
|
+ @open="beforeOpen"
|
|
|
+ @close="$emit('close')"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ v-loading="loading"
|
|
|
+ :size="size"
|
|
|
+ ref="orderEditForm"
|
|
|
+ label-position="right"
|
|
|
+ label-width="140px"
|
|
|
+ :model="params"
|
|
|
+ :rules="rules"
|
|
|
+ >
|
|
|
<el-card :body-style="{
|
|
|
padding: '20px',
|
|
|
display: 'flex',
|
|
|
@@ -251,50 +266,104 @@ export default {
|
|
|
</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-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" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- <dr-popover-select v-if="column.inputType === 'PopoverSelect'" v-model="params[column.key]" size="mini"
|
|
|
- :value-key="column.valueKey" :source.sync="params" :title="column.title" :type="column.referName"
|
|
|
- :multiple="column.multiple" :placeholder="column.placeholder" :data-mapping="column.dataMapping"
|
|
|
- :disabled="column.disabled" :query-params="column.queryParams(params)">
|
|
|
- </dr-popover-select>
|
|
|
- <el-input v-if="column.inputType === 'Textarea'" v-model="params[column.key]" type="textarea"
|
|
|
- :placeholder="column.placeholder" :clearable="column.clearable" :disabled="column.disabled"
|
|
|
- style="width: 100%">
|
|
|
- </el-input>
|
|
|
- <el-input-number v-if="column.inputType === 'InputNumber'" v-model="params[column.key]"
|
|
|
+
|
|
|
+ <el-input v-if="column.inputType === 'Input'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-input>
|
|
|
+ <dr-popover-select v-if="column.inputType === 'PopoverSelect'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ size="mini"
|
|
|
+ :value-key="column.valueKey"
|
|
|
+ :source.sync="params"
|
|
|
+ :title="column.title"
|
|
|
+ :type="column.referName"
|
|
|
+ :multiple="column.multiple"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :data-mapping="column.dataMapping"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ :query-params="column.queryParams(params)"
|
|
|
+ ></dr-popover-select>
|
|
|
+ <el-input v-if="column.inputType === 'Textarea'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ type="textarea"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-input>
|
|
|
+ <el-input-number v-if="column.inputType === 'InputNumber'"
|
|
|
+ v-model="params[column.key]"
|
|
|
:max="handleIsRevise(params.status) ? params[column.key] : Infinity"
|
|
|
- :controls-position="column.controlsPosition" :placeholder="column.placeholder"
|
|
|
- :clearable="column.clearable" :disabled="column.disabled" style="width: 100%">
|
|
|
- </el-input-number>
|
|
|
- <el-select v-if="column.inputType === 'Select'" v-model="params[column.key]" :disabled="column.disabled"
|
|
|
- :clearable="column.clearable" :placeholder="column.placeholder" style="width: 100%">
|
|
|
- <el-option v-for="item in dict.type[column.referName]" :key="item.value" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
+ :controls-position="column.controlsPosition"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-input-number>
|
|
|
+ <el-select v-if="column.inputType === 'Select'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dict.type[column.referName]"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
- <el-select v-if="column.inputType === 'TagSelect'" v-model="params[column.key]" multiple clearable
|
|
|
- collapse-tags :placeholder="column.placeholder" :clearable="column.clearable" :disabled="column.disabled"
|
|
|
- style="width: 100%">
|
|
|
+ <el-select v-if="column.inputType === 'TagSelect'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ multiple
|
|
|
+ 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>
|
|
|
</template>
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
+ <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.inputType === 'DatePicker'" v-model="params[column.key]" :type="column.type"
|
|
|
- :placeholder="column.placeholder" :clearable="column.clearable" :disabled="column.disabled"
|
|
|
- :picker-options="column.pickerOptions" style="width: 100%">
|
|
|
- </el-date-picker>
|
|
|
- <el-checkbox v-if="column.inputType === 'Checkbox'" v-model="params[column.key]" :disabled="column.disabled"
|
|
|
- true-label="Y" false-label="N">
|
|
|
- </el-checkbox>
|
|
|
- <file-upload-center v-if="column.inputType === 'Upload'" v-model="params[column.key]"
|
|
|
- :file-type="column.fileType" :disabled="handleIsRevise(params.status)">
|
|
|
- </file-upload-center>
|
|
|
+ <el-date-picker v-if="column.inputType === 'DatePicker'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ :type="column.type"
|
|
|
+ :placeholder="column.placeholder"
|
|
|
+ :clearable="column.clearable"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ :picker-options="column.pickerOptions"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-checkbox v-if="column.inputType === 'Checkbox'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ true-label="Y"
|
|
|
+ false-label="N"
|
|
|
+ > </el-checkbox>
|
|
|
+ <file-upload-center v-if="column.inputType === 'Upload'"
|
|
|
+ v-model="params[column.key]"
|
|
|
+ :file-type="column.fileType"
|
|
|
+ :disabled="handleIsRevise(params.status)"
|
|
|
+ ></file-upload-center>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -306,50 +375,87 @@ export default {
|
|
|
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" :name="column.key">
|
|
|
+ <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 label="序号">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.$index + 1 }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-for="(cColumn, cIndex) in column.tableColumns" :key="cIndex" :prop="cColumn.key"
|
|
|
- :label="cColumn.title" :width="cColumn.width">
|
|
|
+ <el-table-column
|
|
|
+ v-for="(cColumn, cIndex) in column.tableColumns"
|
|
|
+ :key="cIndex"
|
|
|
+ :prop="cColumn.key"
|
|
|
+ :label="cColumn.title"
|
|
|
+ :width="cColumn.width"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
<span v-if="!cColumn.inputType">
|
|
|
{{ scope.row[cColumn.key] }}
|
|
|
</span>
|
|
|
|
|
|
- <el-input v-if="cColumn.inputType === 'Input'" v-model="scope.row[cColumn.key]"
|
|
|
- :placeholder="cColumn.placeholder" :clearable="cColumn.clearable" :disabled="cColumn.disabled"
|
|
|
- :size="size" style="width: 100%">
|
|
|
- </el-input>
|
|
|
+ <el-input v-if="cColumn.inputType === 'Input'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
+ :placeholder="cColumn.placeholder"
|
|
|
+ :clearable="cColumn.clearable"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ :size="size"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-input>
|
|
|
|
|
|
- <dr-popover-select v-if="cColumn.inputType === 'PopoverSelect'" v-model="scope.row[cColumn.key]"
|
|
|
- :source.sync="scope.row" :title="cColumn.title" :value-key="cColumn.valueKey"
|
|
|
- :disabled="cColumn.disabled" :type="cColumn.referName" :multiple="cColumn.multiple"
|
|
|
- :placeholder="cColumn.placeholder" :data-mapping="cColumn.dataMapping"
|
|
|
- :query-params="cColumn.queryParams(scope.row)" size="mini" @change="handleReferChange">
|
|
|
- </dr-popover-select>
|
|
|
+ <dr-popover-select v-if="cColumn.inputType === 'PopoverSelect'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
+ :source.sync="scope.row"
|
|
|
+ :title="cColumn.title"
|
|
|
+ :value-key="cColumn.valueKey"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ :type="cColumn.referName"
|
|
|
+ :multiple="cColumn.multiple"
|
|
|
+ :placeholder="cColumn.placeholder"
|
|
|
+ :data-mapping="cColumn.dataMapping"
|
|
|
+ :query-params="cColumn.queryParams(scope.row)"
|
|
|
+ size="mini"
|
|
|
+ @change="handleReferChange"
|
|
|
+ ></dr-popover-select>
|
|
|
|
|
|
- <el-select v-if="cColumn.inputType === 'Select'" v-model="scope.row[cColumn.key]" size="mini"
|
|
|
- :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" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
+ <el-select v-if="cColumn.inputType === 'Select'"
|
|
|
+ v-model="scope.row[cColumn.key]" size="mini"
|
|
|
+ :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"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
|
|
|
- <el-checkbox v-if="cColumn.inputType === 'Checkbox'" v-model="scope.row[cColumn.key]"
|
|
|
- :disabled="cColumn.disabled" true-label="Y" false-label="N">
|
|
|
- </el-checkbox>
|
|
|
- <el-input-number v-if="cColumn.inputType === 'InputNumber'" v-model="scope.row[cColumn.key]"
|
|
|
+ <el-checkbox v-if="cColumn.inputType === 'Checkbox'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ true-label="Y"
|
|
|
+ false-label="N"
|
|
|
+ ></el-checkbox>
|
|
|
+ <el-input-number v-if="cColumn.inputType === 'InputNumber'"
|
|
|
+ v-model="scope.row[cColumn.key]"
|
|
|
:controls-position="cColumn.controlsPosition"
|
|
|
:max="handleIsRevise(params.status) ? scope.row[cColumn.key] : Infinity"
|
|
|
- @change="handleInputChange(scope.row, cColumn.key)" :placeholder="cColumn.placeholder"
|
|
|
- :clearable="cColumn.clearable" :disabled="cColumn.disabled" :size="size" style="width: 100%">
|
|
|
- </el-input-number>
|
|
|
+ @change="handleInputChange(scope.row, cColumn.key)"
|
|
|
+ :placeholder="cColumn.placeholder"
|
|
|
+ :clearable="cColumn.clearable"
|
|
|
+ :disabled="cColumn.disabled"
|
|
|
+ :size="size"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-input-number>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
@@ -358,10 +464,12 @@ export default {
|
|
|
编辑：自制：可删可增 -->
|
|
|
<el-table-column fixed="right" label="操作" width="120">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button v-if="params.source == '3' && !handleIsRevise(params.status)" @click.native.prevent="
|
|
|
- delTableRow(params[tabName], scope.$index)
|
|
|
- " type="text" size="small">
|
|
|
- 删行
|
|
|
+ <el-button
|
|
|
+ v-if="params.source == '3' && !handleIsRevise(params.status)"
|
|
|
+ @click.native.prevent="delTableRow(params[tabName], scope.$index)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ > 删行
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
黄梓星