|
@@ -11,8 +11,8 @@
|
|
|
<el-option v-for="i in methodList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
</template>
|
|
|
</custom-search-bar>
|
|
|
- <custom-button-bar :fields="buttonFields" @add="toAdd"></custom-button-bar>
|
|
|
- <custom-table :data="data" :fields="fields" @query="search" :total="total" :opera="opera" @exam="toExam" @edit="toEdit" @delete="toDelete">
|
|
|
+ <custom-button-bar :fields="buttonFields" @add="toAdd" @select="toMoreDelect"></custom-button-bar>
|
|
|
+ <custom-table :data="data" :fields="fields" @query="search" :total="total" :opera="opera" @exam="toExam" @edit="toEdit" @delete="toDelete" @toSelect="toSelect" :select="true">
|
|
|
<template #is_use="{ row }">
|
|
|
<el-tag v-if="row.is_use == '0'" type="success" @click="toUse(row, '1')">启用</el-tag>
|
|
|
<el-tag v-else type="info" @click="toUse(row, '0')">禁用</el-tag>
|
|
@@ -37,6 +37,11 @@
|
|
|
<template #area>
|
|
|
<el-cascader v-model="form.area" :props="{ value: 'label', label: 'label' }" :options="cityList" style="width: 100%" />
|
|
|
</template>
|
|
|
+ <template #tags>
|
|
|
+ <el-select v-model="form.tags" multiple filterable allow-create default-first-option :reserve-keyword="false" placeholder="请选择标签" style="width: 100%">
|
|
|
+ <el-option v-for="item in tagsList" :key="item.id" :label="item.title" :value="item.title" />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
</custom-form>
|
|
|
</el-col>
|
|
|
<el-col :span="24" v-if="dialog.type == '2'">
|
|
@@ -60,26 +65,32 @@ const { t } = useI18n()
|
|
|
// 接口
|
|
|
import { SupplyStore } from '@/store/api/platform/supply'
|
|
|
import { DictDataStore } from '@/store/api/system/dictData'
|
|
|
+import { TagsStore } from '@/store/api/system/tags'
|
|
|
const store = SupplyStore()
|
|
|
const dictDataStore = DictDataStore()
|
|
|
+const tagsStore = TagsStore()
|
|
|
const data = ref([])
|
|
|
const searchForm = ref({})
|
|
|
const fields = [
|
|
|
- { label: t('pages.demand.name'), model: 'name', isSearch: true },
|
|
|
- { label: t('pages.demand.field'), model: 'field', isSearch: true, type: 'select', format: (i) => getDict(i, 'field') },
|
|
|
- { label: t('pages.demand.urgent'), model: 'urgent', isSearch: true, type: 'select', format: (i) => getDict(i, 'urgent') },
|
|
|
- { label: t('pages.demand.method'), model: 'method', isSearch: true, type: 'select', format: (i) => getDict(i, 'method') },
|
|
|
- { label: t('pages.demand.money'), model: 'money' },
|
|
|
- { label: t('pages.demand.is_use'), model: 'is_use', custom: true, format: (i) => getDict(i, 'is_use') },
|
|
|
- { label: t('pages.demand.demand_status'), model: 'demand_status', format: (i) => getDict(i, 'demand') },
|
|
|
- { label: t('pages.demand.status'), model: 'status', format: (i) => getDict(i, 'status') }
|
|
|
+ { label: t('pages.supply.name'), model: 'name', isSearch: true },
|
|
|
+ { label: t('pages.supply.tags'), model: 'tags', isSearch: true, format: (i) => getDict(i, 'tags') },
|
|
|
+ { label: t('pages.supply.field'), model: 'field', isSearch: true },
|
|
|
+ { label: t('pages.supply.source'), model: 'source', isSearch: true },
|
|
|
+ { label: t('pages.supply.industry'), model: 'industry', isSearch: true },
|
|
|
+ { label: t('pages.supply.money'), model: 'money' },
|
|
|
+ { label: t('pages.supply.is_use'), model: 'is_use', custom: true, format: (i) => getDict(i, 'is_use') },
|
|
|
+ { label: t('pages.supply.supply_status'), model: 'supply_status', format: (i) => getDict(i, 'supply') },
|
|
|
+ { label: t('pages.supply.status'), model: 'status', format: (i) => getDict(i, 'status') }
|
|
|
]
|
|
|
const opera = [
|
|
|
{ label: t('common.update'), method: 'edit' },
|
|
|
{ label: t('common.exam'), method: 'exam', type: 'warning', display: (i) => i.status === '0' },
|
|
|
{ label: t('common.delete'), method: 'delete', confirm: true, type: 'danger', display: (i) => i.is_use === '1' }
|
|
|
]
|
|
|
-const buttonFields = [{ label: t('common.create'), method: 'add' }]
|
|
|
+const buttonFields = [
|
|
|
+ { label: t('common.create'), method: 'add' },
|
|
|
+ { label: t('common.select'), method: 'select', type: 'danger' }
|
|
|
+]
|
|
|
let skip = 0
|
|
|
let limit = inject('limit')
|
|
|
const total = ref(0)
|
|
@@ -90,25 +101,31 @@ const methodList = ref([])
|
|
|
const urgentList = ref([])
|
|
|
const fieldList = ref([])
|
|
|
const cityList = ref([])
|
|
|
-const demandList = ref([])
|
|
|
+const supplyList = ref([])
|
|
|
+const tagsList = ref([])
|
|
|
+// 多选列表
|
|
|
+const selectList = ref([])
|
|
|
// 加载中
|
|
|
const loading = ref(false)
|
|
|
const formFields = ref([
|
|
|
- { label: t('pages.demand.name'), model: 'name' },
|
|
|
- { label: t('pages.demand.field'), model: 'field', type: 'select' },
|
|
|
- { label: t('pages.demand.urgent'), model: 'urgent', type: 'select' },
|
|
|
- { label: t('pages.demand.method'), model: 'method', type: 'select' },
|
|
|
- { label: t('pages.demand.money'), model: 'money' },
|
|
|
- { label: t('pages.demand.area'), model: 'area', custom: true },
|
|
|
- { label: t('pages.demand.time'), model: 'time', type: 'daterange' },
|
|
|
- { label: t('pages.demand.is_use'), model: 'is_use', type: 'radio' },
|
|
|
- { label: t('pages.demand.brief'), model: 'brief', type: 'textarea' }
|
|
|
+ { label: t('pages.supply.name'), model: 'name' },
|
|
|
+ { label: t('pages.supply.tags'), model: 'tags', custom: true },
|
|
|
+ { label: t('pages.supply.field'), model: 'field' },
|
|
|
+ { label: t('pages.supply.urgent'), model: 'urgent', type: 'select' },
|
|
|
+ { label: t('pages.supply.method'), model: 'method', type: 'select' },
|
|
|
+ { label: t('pages.supply.money'), model: 'money' },
|
|
|
+ { label: t('pages.supply.industry'), model: 'industry' },
|
|
|
+ { label: t('pages.supply.source'), model: 'source' },
|
|
|
+ { label: t('pages.supply.area'), model: 'area', custom: true },
|
|
|
+ { label: t('pages.supply.time'), model: 'time', type: 'daterange' },
|
|
|
+ { label: t('pages.supply.is_use'), model: 'is_use', type: 'radio' },
|
|
|
+ { label: t('pages.supply.brief'), model: 'brief', type: 'textarea' }
|
|
|
])
|
|
|
-const rules = reactive({ name: [{ required: true, message: t('pages.demand.titleMessage'), trigger: 'blur' }] })
|
|
|
-const dialog = ref({ type: '1', show: false, title: t('pages.demand.addDialogTitle') })
|
|
|
+const rules = reactive({ name: [{ required: true, message: t('pages.supply.titleMessage'), trigger: 'blur' }] })
|
|
|
+const dialog = ref({ type: '1', show: false, title: t('pages.supply.addDialogTitle') })
|
|
|
const form = ref({})
|
|
|
// 审核
|
|
|
-const examFormFields = [{ label: t('pages.demand.status'), model: 'status', type: 'select' }]
|
|
|
+const examFormFields = [{ label: t('pages.supply.status'), model: 'status', type: 'select' }]
|
|
|
const examRules = reactive({ status: [{ required: true, message: t('common.statusMessage'), trigger: 'blur' }] })
|
|
|
const examForm = ref({})
|
|
|
// 请求
|
|
@@ -140,11 +157,14 @@ const searchOther = async () => {
|
|
|
result = await dictDataStore.query({ code: 'field', is_use: '0' })
|
|
|
if ($checkRes(result)) fieldList.value = result.data
|
|
|
// 需求状态
|
|
|
- result = await dictDataStore.query({ code: 'demandStatus', is_use: '0' })
|
|
|
- if ($checkRes(result)) demandList.value = result.data
|
|
|
+ result = await dictDataStore.query({ code: 'supplyStatus', is_use: '0' })
|
|
|
+ if ($checkRes(result)) supplyList.value = result.data
|
|
|
+ // 标签
|
|
|
+ result = await tagsStore.query({ is_use: '0' })
|
|
|
+ if ($checkRes(result)) tagsList.value = result.data
|
|
|
}
|
|
|
const search = async (query = { skip: 0, limit }) => {
|
|
|
- const info = { skip: query.skip, limit: query.limit, ...searchForm.value, type: '0' }
|
|
|
+ const info = { skip: query.skip, limit: query.limit, ...searchForm.value }
|
|
|
const res = await store.query(info)
|
|
|
if (res.errcode == '0') {
|
|
|
data.value = res.data
|
|
@@ -153,24 +173,46 @@ const search = async (query = { skip: 0, limit }) => {
|
|
|
}
|
|
|
// 字典数据转换
|
|
|
const getDict = (data, model) => {
|
|
|
- let res
|
|
|
- if (model == 'is_use') res = isUseList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'status') res = statusList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'method') res = methodList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'urgent') res = urgentList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'field') res = fieldList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'demand') res = demandList.value.find((f) => f.value == data)
|
|
|
- return get(res, 'label')
|
|
|
+ if (data) {
|
|
|
+ let res
|
|
|
+ if (model == 'is_use') res = isUseList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'status') res = statusList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'method') res = methodList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'urgent') res = urgentList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'field') res = fieldList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'supply') res = supplyList.value.find((f) => f.value == data)
|
|
|
+ else if (model == 'tags') return data.join(',')
|
|
|
+ return get(res, 'label')
|
|
|
+ }
|
|
|
+}
|
|
|
+// 多选
|
|
|
+const toSelect = (val) => {
|
|
|
+ selectList.value = val
|
|
|
+}
|
|
|
+// 批量删除
|
|
|
+const toMoreDelect = () => {
|
|
|
+ if (selectList.value.length > 0) {
|
|
|
+ ElMessageBox.confirm(`确定批量删除数据?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
|
|
|
+ .then(async () => {
|
|
|
+ console.log(selectList.value)
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: '未选择要处理的数据!',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
// 添加
|
|
|
const toAdd = () => {
|
|
|
form.value = { type: '0' }
|
|
|
- dialog.value = { type: '1', show: true, title: t('pages.demand.addDialogTitle') }
|
|
|
+ dialog.value = { type: '1', show: true, title: t('pages.supply.addDialogTitle') }
|
|
|
}
|
|
|
// 修改
|
|
|
const toEdit = (data) => {
|
|
|
form.value = data
|
|
|
- dialog.value = { type: '1', show: true, title: t('pages.demand.upDialogTitle') }
|
|
|
+ dialog.value = { type: '1', show: true, title: t('pages.supply.upDialogTitle') }
|
|
|
}
|
|
|
// 删除
|
|
|
const toDelete = async (data) => {
|
|
@@ -193,7 +235,7 @@ const toSave = async () => {
|
|
|
// 审核
|
|
|
const toExam = (data) => {
|
|
|
examForm.value = data
|
|
|
- dialog.value = { type: '2', show: true, title: t('pages.demand.examDialogTitle') }
|
|
|
+ dialog.value = { type: '2', show: true, title: t('pages.supply.examDialogTitle') }
|
|
|
}
|
|
|
// 审核保存
|
|
|
const toExamSave = async () => {
|