|
|
@@ -0,0 +1,169 @@
|
|
|
+<template>
|
|
|
+ <div id="index">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
+ <el-col :span="24" style="text-align: right; padding: 10px">
|
|
|
+ <el-button type="primary" size="small" @click="toAdd()">{{ $t('common.create') }}</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table :data="data" style="width: 100%" row-key="id" border lazy :load="load" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
|
|
|
+ <el-table-column align="center" prop="code" :label="$t('pages.friend.code')" />
|
|
|
+ <el-table-column align="center" prop="name" :label="$t('pages.friend.name')" />
|
|
|
+ <el-table-column align="center" prop="parent_code" :label="$t('pages.friend.parent_code')" />
|
|
|
+ <el-table-column align="center" :label="$t('pages.friend.is_use')" prop="is_use">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <el-tag v-if="row.is_use === '0'" type="success"> {{ getStatus(row) }} </el-tag>
|
|
|
+ <el-tag v-else type="info"> {{ getStatus(row) }} </el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('common.opera')">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <el-link :underline="false" type="primary" size="mini" @click="toUpdate(row)" style="margin-right: 10px">{{ $t('common.update') }}</el-link>
|
|
|
+ <el-link v-if="row.is_default !== '0'" :underline="false" type="danger" size="mini" @click="toDelete(row)">
|
|
|
+ {{ $t('common.delete') }}
|
|
|
+ </el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" style="display: flex; justify-content: flex-end; padding: 10px">
|
|
|
+ <el-pagination background layout="total, prev, pager, next" :page-sizes="[10, 20, 50, 100, 200]" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange"> </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-dialog v-model="dialog" :title="$t('pages.friend.dialogTitle')" :destroy-on-close="false" @close="toClose">
|
|
|
+ <custom-form v-model="form" :fields="formFields" :rules="rules" @save="toSave">
|
|
|
+ <template #file>
|
|
|
+ <custom-upload model="file" :list="form.file" :limit="1" url="/files/web/cxyy_friend/upload" @change="onUpload" listType="picture-card"></custom-upload>
|
|
|
+ </template>
|
|
|
+ <template #brief>
|
|
|
+ <WangEditor v-model="form.brief" />
|
|
|
+ </template>
|
|
|
+ <template #is_use>
|
|
|
+ <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+const $checkRes = inject('$checkRes')
|
|
|
+const { t } = useI18n()
|
|
|
+import { get } from 'lodash'
|
|
|
+import { cloneDeep } from 'lodash-es'
|
|
|
+import { FriendStore } from '@/store/api/platform/friend'
|
|
|
+import { DictDataStore } from '@/store/api/system/dictData'
|
|
|
+const store = FriendStore()
|
|
|
+const dictDataStore = DictDataStore()
|
|
|
+const dialog = ref(false)
|
|
|
+const form = ref({})
|
|
|
+const data = ref([])
|
|
|
+let skip = 0
|
|
|
+let limit = inject('limit')
|
|
|
+const total = ref(0)
|
|
|
+const isUseList = ref([])
|
|
|
+// 加载中
|
|
|
+const loading = ref(false)
|
|
|
+const formFields = [
|
|
|
+ { label: t('pages.friend.code'), model: 'code' },
|
|
|
+ { label: t('pages.friend.parent_code'), model: 'parent_code' },
|
|
|
+ { label: t('pages.friend.name'), model: 'name' },
|
|
|
+ { label: t('pages.friend.file'), model: 'file', custom: true },
|
|
|
+ { label: t('pages.friend.brief'), model: 'brief', custom: true },
|
|
|
+ { label: t('pages.friend.is_use'), model: 'is_use', type: 'radio' }
|
|
|
+]
|
|
|
+const rules = reactive({
|
|
|
+ code: [{ required: true, message: t('pages.friend.codeMessage'), trigger: 'blur' }],
|
|
|
+ name: [{ required: true, message: t('pages.friend.nameMessage'), trigger: 'blur' }]
|
|
|
+})
|
|
|
+// 请求
|
|
|
+onMounted(async () => {
|
|
|
+ loading.value = true
|
|
|
+ await searchOther()
|
|
|
+ await search()
|
|
|
+ loading.value = false
|
|
|
+})
|
|
|
+const searchOther = async () => {
|
|
|
+ let result
|
|
|
+ // 是否使用
|
|
|
+ result = await dictDataStore.query({ code: 'isUse', is_use: '0' })
|
|
|
+ if ($checkRes(result)) isUseList.value = result.data
|
|
|
+}
|
|
|
+const search = async (query = { skip, limit }) => {
|
|
|
+ skip = query.skip
|
|
|
+ limit = query.limit
|
|
|
+ const info = { skip: query.skip, limit: query.limit }
|
|
|
+ const res = await store.list(info)
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ data.value = res.data
|
|
|
+ total.value = res.total
|
|
|
+ }
|
|
|
+}
|
|
|
+const toAdd = () => {
|
|
|
+ dialog.value = true
|
|
|
+ form.value = { is_use: '0' }
|
|
|
+}
|
|
|
+const toUpdate = (row) => {
|
|
|
+ form.value = cloneDeep(row)
|
|
|
+ dialog.value = true
|
|
|
+}
|
|
|
+// 上传图片
|
|
|
+const onUpload = (e) => {
|
|
|
+ const { model, value } = e
|
|
|
+ form.value[model] = value
|
|
|
+}
|
|
|
+const toDelete = async (row) => {
|
|
|
+ ElMessageBox.confirm(t('common.delete_confirm'), t('common.warning'), {
|
|
|
+ confirmButtonText: t('common.confirm'),
|
|
|
+ cancelButtonText: t('common.cancel'),
|
|
|
+ type: 'warning'
|
|
|
+ }).then(async () => {
|
|
|
+ const res = await store.del(row.id)
|
|
|
+ if ($checkRes(res, true)) {
|
|
|
+ search()
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+const toClose = () => {
|
|
|
+ form.value = {}
|
|
|
+ dialog.value = false
|
|
|
+}
|
|
|
+const load = (row, treeNode, resolve) => {
|
|
|
+ setTimeout(async () => {
|
|
|
+ const res = await store.list({ parent_code: get(row, 'code') })
|
|
|
+ if (res.errcode == '0') resolve(res.data)
|
|
|
+ }, 2000)
|
|
|
+}
|
|
|
+const getStatus = (row) => {
|
|
|
+ let word = ''
|
|
|
+ switch (row.is_use) {
|
|
|
+ case '0':
|
|
|
+ word = t('common.is_use_abled')
|
|
|
+ break
|
|
|
+ case '1':
|
|
|
+ word = t('common.is_use_disabled')
|
|
|
+ break
|
|
|
+
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
+ return word
|
|
|
+}
|
|
|
+const toSave = async () => {
|
|
|
+ const data = cloneDeep(form.value)
|
|
|
+ let res
|
|
|
+ if (get(data, 'id')) res = await store.update(data)
|
|
|
+ else res = await store.create(data)
|
|
|
+ if ($checkRes(res, true)) {
|
|
|
+ search({ skip, limit })
|
|
|
+ toClose()
|
|
|
+ }
|
|
|
+}
|
|
|
+const currentPage = ref(1)
|
|
|
+// 分页
|
|
|
+const changePage = (page = currentPage.value) => {
|
|
|
+ search({ skip: (page - 1) * limit, limit: limit })
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped lang="scss"></style>
|
