123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335 |
- <script>
- import { LIST } from "@/api/business/purchase/task";
- import { TableColumns, SearchColumns } from "./column";
- import { initPage, initDicts, initParams } from "@/utils/init";
- export default {
- name: "PuchaseTask",
- dicts: [...initDicts(TableColumns), ...initDicts(SearchColumns)],
- components: {
- SeeModel: () => import("./see/index.vue"),
- CloseModel: () => import("./close/index.vue"),
- ExportModel: () => import("./export/index.vue"),
- ShiftModel: () => import("./modify-buyer/index.vue"),
- DirectModel: () => import("./first-direct/index.vue"),
- ReturnModel: () => import("./documents-return/index.vue"),
- },
- data() {
- return {
- size: "mini",
- loading: false,
- searchColumns: SearchColumns,
- params: initParams(SearchColumns),
- tableData: [],
- selectData: [],
- tableColumns: TableColumns,
- page: { pageNum: 1, pageSize: 10, total: 0 },
- };
- },
- computed: {},
- watch: {},
- created() {
- this.params.status = "0";
- this.useQuery(this.params, this.page);
- },
- methods: {
- //
- setSelectable(row) {
- const { status } = row;
- if (status === "1") {
- // 已执行协议直采
- return false;
- } else {
- return true;
- }
- },
- //
- async fetchList(prop, page) {
- try {
- this.loading = true;
- const { code, rows, total } = await LIST(prop, page);
- if (code === 200) {
- this.tableData = rows;
- this.page.total = total;
- }
- } catch (err) {
- // catch
- } finally {
- // finally
- this.loading = false;
- }
- },
- // 查 询
- async useQuery(prop, page) {
- const { pageNum, pageSize } = page;
- const { date, documentsCodes: code } = prop;
- const [startDate, endDate] = date || [];
- const documentsCodes = code
- ? code.replace(/\s*/g, "").replaceAll(",", ",")
- : undefined;
- await this.fetchList(
- {
- ...prop,
- endDate,
- startDate,
- documentsCodes,
- date: undefined,
- },
- { pageNum, pageSize, isAsc: "desc", orderByColumn: "updateTime" }
- );
- },
- // 重 置
- useReset() {
- this.page = initPage();
- this.params = initParams(SearchColumns);
- this.useQuery(this.params, this.page);
- },
- // 选 择
- useSelect(prop) {
- this.selectData = prop;
- },
- // 行 关
- async useClose(prop) {
- const { open } = this.$refs.CloseModel;
- await open(prop);
- },
- // 退 回
- async useReturn(prop) {
- const { open } = this.$refs.ReturnModel;
- await open(prop);
- },
- hasPowerReturn(prop) {
- return !!prop.length;
- },
- // 转 派
- async useShift(prop) {
- const { id } = prop;
- const { open } = this.$refs.ShiftModel;
- await open(id);
- },
- hasPowerShift(prop) {
- return prop.length === 1;
- },
- // 明 细
- async useSee(prop) {
- const { id } = prop;
- const { open } = this.$refs.SeeModel;
- await open(id);
- },
- // 直 采
- async useDirect(prop) {
- console.log(this);
- const { open } = this.$refs.DirectModel;
- await open(prop);
- },
- hasPowerDirect(prop) {
- return !!prop.length;
- },
- // 导 出
- async useExport(prop, page) {
- const { open } = this.$refs.ExportModel;
- await open(prop, page);
- },
- },
- };
- </script>
- <template>
- <el-card
- v-loading="loading"
- style="
- width: calc(100% - 20px);
- height: 100%;
- margin: 10px;
- padding: 0 20px 20px 0;
- "
- :body-style="{ padding: 0 }"
- >
- <see-model ref="SeeModel"></see-model>
- <export-model ref="ExportModel"></export-model>
- <close-model
- ref="CloseModel"
- @success="useQuery(params, page)"
- ></close-model>
- <shift-model
- ref="ShiftModel"
- @success="useQuery(params, page)"
- ></shift-model>
- <direct-model
- ref="DirectModel"
- @success="useQuery(params, page)"
- ></direct-model>
- <return-model
- ref="ReturnModel"
- @success="useQuery(params, page)"
- ></return-model>
- <el-backtop target=".el-scrollbar__wrap"></el-backtop>
- <el-form
- :size="size"
- :model="params"
- label-width="auto"
- label-position="right"
- style="padding: 20px 20px 0"
- @submit.native.prevent
- >
- <el-row :gutter="20" style="display: flex; flex-wrap: wrap">
- <el-col
- v-for="column in searchColumns"
- :key="column.title"
- :span="column.span || 6"
- >
- <el-form-item :prop="column.key" :label="column.title">
- <el-input
- v-if="column.inputType === 'Input'"
- v-model="params[column.key]"
- :disabled="column.disabled"
- :clearable="column.clearable"
- :placeholder="column.placeholder"
- style="width: 100%"
- @keyup.enter.native="useQuery(params, page)"
- ></el-input>
- <el-select
- v-if="column.inputType === 'Select'"
- v-model="params[column.key]"
- :disabled="column.disabled"
- :clearable="column.clearable"
- :placeholder="column.placeholder"
- style="width: 100%"
- @change="useQuery(params, page)"
- @keyup.enter.native="useQuery(params, page)"
- >
- <el-option
- v-for="item in dict.type[column.referName]"
- :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"
- :value-format="column.valueFormat"
- :unlink-panels="column.unlinkPanels"
- :picker-options="column.pickerOptions"
- :range-separator="column.rangeSeparator"
- :end-placeholder="column.endPlaceholder"
- :start-placeholder="column.startPlaceholder"
- style="width: 100%"
- @change="useQuery(params, page)"
- @keyup.enter.native="useQuery(params, page)"
- >
- </el-date-picker>
- <dr-popover-select
- v-if="column.inputType === 'PopoverSelect'"
- v-model="params[column.key]"
- :size="size"
- :source.sync="params"
- :title="column.title"
- :type="column.referName"
- :multiple="column.multiple"
- :readonly="column.readonly"
- :value-key="column.valueKey"
- :placeholder="column.placeholder"
- @change="useQuery(params, page)"
- @keyup.enter.native="useQuery(params, page)"
- >
- </dr-popover-select>
- <dr-popover-tree-select
- v-if="column.inputType === 'PopoverTreeSelect'"
- v-model="params[column.key]"
- :source.sync="params"
- :title="column.title"
- :type="column.referName"
- :multiple="column.multiple"
- :value-key="column.valueKey"
- :placeholder="column.placeholder"
- :query-params="column.queryParams"
- @change="useQuery(params, page)"
- @keyup.enter.native="useQuery(params, page)"
- >
- </dr-popover-tree-select>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <el-row style="padding: 0 20px">
- <el-button :size="size" @click="useQuery(params, page)">
- 查 询
- </el-button>
- <el-button :size="size" @click="useReset"> 重 置 </el-button>
- <!-- <el-button :size="size" @click="useExport(params, page)">
- 导 出
- </el-button> -->
- <el-button
- v-show="hasPowerShift(selectData)"
- :size="size"
- @click="useShift(selectData[0])"
- >
- 转 派
- </el-button>
- <el-button
- v-show="hasPowerReturn(selectData)"
- :size="size"
- @click="useReturn(selectData)"
- >
- 退回需求
- </el-button>
- <!-- <el-button
- :size="size"
- :disabled="selectData.length !== 1"
- @click="useClose(selectData[0])"
- >
- 行关闭
- </el-button> -->
- <el-button
- v-show="hasPowerDirect(selectData)"
- :size="size"
- @click="useDirect(selectData)"
- >
- 协议直采
- </el-button>
- </el-row>
- <el-table
- :data="tableData"
- size="mini"
- style="width: 100%; margin: 20px 0 0 0"
- @row-dblclick="useSee"
- @selection-change="useSelect"
- >
- <el-table-column
- fixed
- width="55"
- align="center"
- type="selection"
- :selectable="setSelectable"
- >
- </el-table-column>
- <el-table-column
- v-for="(column, index) in tableColumns"
- :key="index"
- :prop="column.key"
- :label="column.title"
- :width="column.width || 180"
- :show-overflow-tooltip="column.showOverflowTooltip || true"
- >
- <template slot-scope="scope">
- <dict-tag
- v-if="column.referName"
- :size="size"
- :value="scope.row[column.key]"
- :options="dict.type[column.referName]"
- />
- <span v-else>{{ scope.row[column.key] }}</span>
- </template>
- </el-table-column>
- </el-table>
- <pagination
- :total="page.total"
- :page.sync="page.pageNum"
- :limit.sync="page.pageSize"
- @pagination="useQuery(params, page)"
- />
- </el-card>
- </template>
|