Skip to content

csbr-daop / fe-data-trusted-space

Go to a project
Toggle navigation
Toggle navigation pinning
3b3f7a83 by xukangle
Options

fix

1 parent ce9f82c7
Inline Side-by-side
Showing 3 changed files with 157 additions and 141 deletions
src/api/modules/dataTransaction.ts
......@@ -12,7 +12,6 @@ export const getEntryList = (params) => request({
export const deleteEntryAll = (params) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/da-intable/delete?guid=${params}`,
method: 'delete',
data: params
})
/** 获取资产入表信息新增 */
export const createEntry = (params) => request({
......@@ -34,6 +33,12 @@ export const getDocumentList = (params) => request({
method: 'post',
data: params
})
/**资产详情 */
export const getAssetDetail = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/intable/get-table-select`,
method: 'post',
data
})
/** 资产融资管理 */
/** 获取资产融资信息列表 */
......
src/views/data_transaction/components/Table/index.vue
<script lang="ts" setup>
import { ref} from "vue";
import {ElMessage} from "element-plus"
import { ref } from "vue";
import { ElMessage } from "element-plus"
import PageNav from "@/components/PageNav/index.vue";
import dayjs from "dayjs";
const props = defineProps({
tableInfo:{
type:Object,
default:{} as any,
tableInfo: {
type: Object,
default: {} as any,
},
colums:{
type:Array<any>,
default:[],
colums: {
type: Array<any>,
default: [],
},
columnInfo:{
type:Object,
default:{} as any,
columnInfo: {
type: Object,
default: {} as any,
},
page:{
type:Object,
default:{} as any,
page: {
type: Object,
default: {} as any,
},
})
......@@ -30,36 +30,36 @@ const tableDataLoading = computed(() => {
});
const data = computed(() => props?.tableInfo?.data)
const tableInfo = computed(() => props?.tableInfo || {})
const columnInfo = ref({...props?.columnInfo?.value})
const isEdit = computed(()=>props?.tableInfo?.isEdit)
const flag = computed(()=>props?.tableInfo?.flag)
const page = computed(()=> props?.page)
const emits = defineEmits(["pageChange","columnSave","columnCancel","columnDel","columnEdit","handelSelect","handelInput","searchSelect","selectScroll"])
const columnInfo = ref({ ...props?.columnInfo?.value })
const isEdit = computed(() => props?.tableInfo?.isEdit)
const flag = computed(() => props?.tableInfo?.flag)
const page = computed(() => props?.page)
const emits = defineEmits(["pageChange", "columnSave", "columnCancel", "columnDel", "columnEdit", "handelSelect", "handelInput", "searchSelect", "selectScroll"])
const selectRef = ref()
const columnEdit = (row) => {
if(!tableInfo.value.isEdit){
columnInfo.value = {...row}
if (!tableInfo.value.isEdit) {
columnInfo.value = { ...row }
emits("columnEdit",{...row})
emits("columnEdit", { ...row })
}
}
const columnDel = (row) => {
if(!tableInfo.value.isEdit){
columnInfo.value = {...row}
emits("columnDel",{...row})
if (!tableInfo.value.isEdit) {
columnInfo.value = { ...row }
emits("columnDel", { ...row })
}
}
const columnDel1 = (row) => {
//columnInfo.value = {}
columnInfo.value = {...row}
emits("columnDel",{...row})
columnInfo.value = { ...row }
emits("columnDel", { ...row })
}
const columnSave = (row) => {
emits("columnSave",{...columnInfo.value})
emits("columnSave", { ...columnInfo.value })
}
const columnCancel = (row) => {
columnInfo.value = {}
......@@ -67,43 +67,43 @@ const columnCancel = (row) => {
}
const pageChange = (page) => {
let info = { ...page };
emits("pageChange",info)
emits("pageChange", info)
}
const handelSelect = (value,item,row) => {
const handelSelect = (value, item, row) => {
const selectOption = item.selectOption()
const optionItem = selectOption.find(option=> option[item.selectKey]===value )
const optionItem = selectOption.find(option => option[item.selectKey] === value)
console.log(optionItem)
emits("handelSelect",{...optionItem},item.prop,row)
emits("handelSelect", { ...optionItem }, item.prop, row)
}
const searchSelect = (value) => {
emits("searchSelect",value)
emits("searchSelect", value)
}
const secectClick = (value) => {
emits("handelSelect",value)
emits("handelSelect", value)
}
const selectInput = (value) => {
emits("searchSelect",value)
emits("searchSelect", value)
}
const selectScroll = () => {
emits("selectScroll")
}
const numberChange = (value,key,fn) => {
const numberChange = (value, key, fn) => {
//console.log(value,key,fn)
const value1 = fn(value,key)
const value1 = fn(value, key)
//console.log(value1)
//columnInfo.value[key] = columnInfo.value[key].toString().slice(0,12)
//const string = columnInfo.value[key]
// console.log(columnInfo.value[key])
}
const numberChange1 = (value,key,fn) => {
const value1 = fn && fn(value,key)
const numberChange1 = (value, key, fn) => {
const value1 = fn && fn(value, key)
}
const numberWidthCommas = (num) => {
if (num == null) {
return '--'
}
let parts = num.toFixed(2).split(".")
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",")
return parts.join(".")
}
defineExpose({
......@@ -114,80 +114,54 @@ defineExpose({
<template>
<div class="table_panel" style="height: 100%;">
<el-table
:data="data"
v-loading="tableDataLoading"
height="100%"
tooltip-effect="light"
max-height="calc(100% - 44px)"
:style="{ 'min-height':'calc(100% - 44px)', }"
border
>
<el-table-column
v-for="item in colums"
:prop="item?.prop"
:type="item?.type"
:align="item.align || 'left' "
:label="item.label"
:width="item.width"
:show-overflow-tooltip="true"
:key="item.prop">
<el-table :data="data" v-loading="tableDataLoading" height="100%" tooltip-effect="light"
max-height="calc(100% - 44px)" :style="{ 'min-height': 'calc(100% - 44px)', }" border>
<el-table-column v-for="item in colums" :prop="item?.prop" :type="item?.type" :align="item.align || 'left'"
:label="item.label" :width="item.width" :show-overflow-tooltip="true" :key="item.prop">
<template #default="{ row }">
<template v-if="item.componentType==='dateTime' && row.guid===tableInfo.currentId && !item.type">
<el-date-picker
v-model="columnInfo[item.prop]"
type="date"
placeholder="选择日期"
:disabled="item.componentDisabled===false ? item.componentDisabled : true"
size="small"
>
<template v-if="item.componentType === 'dateTime' && row.guid === tableInfo.currentId && !item.type">
<el-date-picker v-model="columnInfo[item.prop]" type="date" placeholder="选择日期"
:disabled="item.componentDisabled === false ? item.componentDisabled : true" size="small">
</el-date-picker>
</template>
<template v-else-if="item.componentType==='dateTime' && row.guid!=tableInfo.currentId && !item.type">
{{ !row[item.prop] ? '--' : dayjs(row[item.prop]).format("YYYY-MM-DD")}}
<template v-else-if="item.componentType === 'dateTime' && row.guid != tableInfo.currentId && !item.type">
{{ !row[item.prop] ? '--' : dayjs(row[item.prop]).format("YYYY-MM-DD") }}
</template>
<template v-else-if="item.componentType==='number' && row.guid===tableInfo.currentId && !item.type">
<template v-else-if="item.componentType === 'number' && row.guid === tableInfo.currentId && !item.type">
<div class="price">
<el-input size="small" style="width: 100%;"
v-model="columnInfo[item.prop]"
@input="numberChange($event,item.prop,item.input)"
@change="numberChange1($event,item.prop,item.change)"
v-bind="item.config || {}" :placeholder="item.placeholder">
<el-input size="small" style="width: 100%;" v-model="columnInfo[item.prop]"
@input="numberChange($event, item.prop, item.input)"
@change="numberChange1($event, item.prop, item.change)" v-bind="item.config || {}"
:placeholder="item.placeholder">
</el-input>
<span>{{ item.propType }}</span>
</div>
</template>
<template v-else-if="item.componentType==='number' && row.guid!=tableInfo.currentId && !item.type &&item.toFixed">
<template
v-else-if="item.componentType === 'number' && row.guid != tableInfo.currentId && !item.type && item.toFixed">
{{ numberWidthCommas(row[item.prop]) }} {{ item.propType }}
</template>
<template v-else-if="item.componentType==='number'&&row.guid!=tableInfo.currentId && !item.type && !item.toFixed">
<template
v-else-if="item.componentType === 'number' && row.guid != tableInfo.currentId && !item.type && !item.toFixed">
{{ row[item.prop] }}
</template>
<template v-else-if="item.componentType==='select' && row.guid===tableInfo.currentId && !item.type">
<el-select
v-model="columnInfo[item.prop]"
filterable
:disabled="item?.editDisabled ? item?.editDisabled() : false"
@change="handelSelect($event,item,row)"
size="small"
placeholder="请选择"
>
<el-option
v-for="option in item.selectOption()"
:key="option"
:label="option[item.selectKey]"
<template v-else-if="item.componentType === 'select' && row.guid === tableInfo.currentId && !item.type">
<el-select v-model="columnInfo[item.prop]" filterable
:disabled="item?.editDisabled ? item?.editDisabled() : false" @change="handelSelect($event, item, row)"
size="small" placeholder="请选择">
<el-option v-for="option in item.selectOption()" :key="option" :label="option[item.selectKey]"
:value="option[item.selectKey]">
</el-option>
</el-select>
</template>
<template v-else-if="item.componentType !=='dateTime' && item.componentType !=='number' && row.guid===tableInfo.currentId && !item.type">
<el-input
v-model="columnInfo[item.prop]"
style="width: 100%;"
placeholder="请输入内容"
size="small"
:disabled="item.componentDisabled===false ? item.componentDisabled : true"
></el-input>
<template
v-else-if="item.componentType !== 'dateTime' && item.componentType !== 'number' && row.guid === tableInfo.currentId && !item.type">
<el-input v-model="columnInfo[item.prop]" style="width: 100%;" placeholder="请输入内容" size="small"
:disabled="item.componentDisabled === false ? item.componentDisabled : true"></el-input>
</template>
<template
v-else-if="item.componentType !== 'dateTime' && item.componentType !== 'number' && row.guid != tableInfo.currentId && !item.type">
{{ row[item.prop] ? row[item.prop] : '--' }}
</template>
</template>
......@@ -196,20 +170,17 @@ defineExpose({
<template #default="{ row }">
<template v-if="row.guid === tableInfo.currentId">
<span class=" operate_btn active" @click="columnSave(row)">保存</span>
<span class="operate_btn active" @click="columnCancel(row)" >取消</span>
<span class="operate_btn active" v-if="flag==='edit'" @click="columnDel1(row)" >删除</span>
<span class="operate_btn active" @click="columnCancel(row)">取消</span>
<span class="operate_btn active" v-if="flag === 'edit'" @click="columnDel1(row)">删除</span>
</template>
<template v-else>
<span class=" operate_btn active" :class="[isEdit ? 'disabled':'' ]" @click="columnEdit(row)">编辑</span>
<span class="operate_btn active" :class="[isEdit ? 'disabled':'' ]" @click="columnDel(row)" >删除</span>
<span class=" operate_btn active" :class="[isEdit ? 'disabled' : '']" @click="columnEdit(row)">编辑</span>
<span class="operate_btn active" :class="[isEdit ? 'disabled' : '']" @click="columnDel(row)">删除</span>
</template>
</template>
</el-table-column>
</el-table>
<PageNav
:pageInfo="page"
@pageChange="pageChange"
/>
<PageNav :pageInfo="page" @pageChange="pageChange" />
</div>
</template>
......@@ -243,16 +214,16 @@ defineExpose({
}
.input_comb {
> span:not(:last-child) {
>span:not(:last-child) {
margin-right: 12px;
> span {
>span {
margin-right: 4px;
}
}
> span:last-child {
> span {
>span:last-child {
>span {
margin-right: 4px;
}
}
......@@ -266,7 +237,7 @@ defineExpose({
padding-right: 4px;
position: relative;
& ~ .active {
&~.active {
padding-left: 4px;
margin-left: 1px;
......@@ -288,13 +259,15 @@ defineExpose({
}
}
}
.disabled {
.disabled {
color: #BDBDBD !important;
cursor: not-allowed;
}
.price {
}
.price {
display: flex;
align-items: center;
justify-content: space-between;
}
}
</style>
......
src/views/data_transaction/entryManagement.vue
......@@ -11,9 +11,11 @@ import {
deleteEntryAll,
createEntry,
intableUpdate,
getDocumentList
getDocumentList,
getAssetDetail
} from "@/api/modules/dataTransaction";
import { getDamCatalogTable } from '@/api/modules/dataAsset';
import { da } from 'element-plus/es/locale';
const route = useRoute()
const userStore = useUserStore();
const searchItemList = ref([
......@@ -68,7 +70,8 @@ const columnInfo = ref({
issuingEntityName: "",
issuingEntityGuid: "",
companyGuid: "",
registerGuid: ""
registerGuid: "",
damGuid: ""
})
const companyOption = ref<any>([
{
......@@ -95,6 +98,16 @@ const colums = [
selectOption: () => companyOption.value
},
{
prop: "daName",
label: "资产名称",
width: "180",
componentType: "select",
componentDisabled: false,
//editDisabled:()=> tableInfo.value.flag==="edit" ? true :false,
selectOption: () => assetsOption.value,
selectKey: "daName",
},
{
prop: "intableTime",
label: "入表时间",
width: "130",
......@@ -134,16 +147,7 @@ const colums = [
}
},
{
prop: "daName",
label: "资产名称",
width: "180",
componentType: "select",
componentDisabled: false,
//editDisabled:()=> tableInfo.value.flag==="edit" ? true :false,
selectOption: () => assetsOption.value,
selectKey: "damName",
},
{
prop: "daCode",
label: "资产编号",
......@@ -190,13 +194,29 @@ const documentList = async () => {
return Promise.resolve()
}
// const params = {
// daName: row.damName,
// type: 1,
// companyGuid: row.tenantGuid,
// isCompany: true
// }
// getAssetDetail(params).then((res: any) => {
// if (res?.code === proxy.$passCode) {
// console.log(res.data, '--123-')
// }
// })
// 查资产
const getAssetsList = async () => {
const res = await getDamCatalogTable({
pageSize: -1,
pageIndex: 1,
})
assetsOption.value = res.data.records || []
const getAssetsList = async (values, row,) => {
console.log(values, row, '--查资产-')
const params = {
daName: '',
type: 1,
companyGuid: values?.tenantGuid || row.companyGuid,
isCompany: true
}
const res = await getAssetDetail(params)
assetsOption.value = res.data || []
console.log(assetsOption.value, '---')
return Promise.resolve()
}
......@@ -236,7 +256,8 @@ const createOneData = () => {
intableMoney: 0,
issuingEntityName: "",
companyGuid: "",
registerGuid: ""
registerGuid: "",
damGuid: ""
})
//tableInfo.value.data = arr
tableInfo.value.currentId = BASE_ID
......@@ -302,7 +323,7 @@ const columnSave = async (row) => {
ElMessage.success(`${tableInfo.value.flag === 'create' ? '新增' : '修改'}成功`);
getTableData()
columnInfoReset()
documentList()
// documentList()
findTab(false)
tableRef.value.columnInfo = {}
} else {
......@@ -326,7 +347,8 @@ const columnInfoReset = () => {
issuingEntityName: "",
issuingEntityGuid: "",
companyGuid: "",
registerGuid: ""
registerGuid: "",
damGuid: ""
}
}
const columnEdit = (row) => {
......@@ -376,12 +398,24 @@ const handelSelect = (row, key, row1) => {
tableRef.value.columnInfo.effectiveDate = ""
} else {
if (tableInfo.value.flag === "create") {
console.log(row, '-----')
console.log(row, '--create---')
// const params = {
// daName: row.damName,
// type: 1,
// companyGuid: row.tenantGuid,
// isCompany: true
// }
// getAssetDetail(params).then((res: any) => {
// if (res?.code === proxy.$passCode) {
// console.log(res.data, '--123-')
// }
// })
const currentDate = dayjs().format('YYYY-MM-DD');
columnInfo.value = {
guid: row.guid,
companyName: row.rightMainName,
daName: row.damName,
companyName: row.tenantName,
daName: row.daName,
registerTime: row.registerTime,
daCode: row.daCode,
effectiveDate: row.effectiveDate,
......@@ -390,7 +424,8 @@ const handelSelect = (row, key, row1) => {
issuingEntityName: row.issuingEntityName,
issuingEntityGuid: row.issuingEntityGuid,
companyGuid: row.tenantGuid,
registerGuid: row.registerGuid
registerGuid: row.registerGuid,
damGuid: row.damGuid
}
const { guid, ...obj } = columnInfo.value
tableRef.value.columnInfo = obj
......@@ -401,6 +436,7 @@ const handelSelect = (row, key, row1) => {
columnInfo.value.effectiveDate = row.effectiveDate
columnInfo.value.issuingEntityName = row.issuingEntityName
columnInfo.value.registerGuid = row.registerGuid;
columnInfo.value.damGuid = row.damGuid;
tableRef.value.columnInfo = { ...columnInfo.value }
}
......@@ -415,7 +451,8 @@ const findTab = (flag) => {
tab.meta.editPage = flag
}
const addAssetsOption = (values, row, flag = false) => {
getAssetsList().then(() => {
console.log(values, row, flag, '--新增-')
getAssetsList(values, row).then(() => {
const obj = {
costAccessmentGuid: null,
daCode: row.daCode,
......@@ -432,6 +469,7 @@ const addAssetsOption = (values, row, flag = false) => {
state: row.state,
tenantGuid: row.companyGuid,
tenantName: row.companyName,
damGuid: row.damGuid
}
const arr = assetsOption.value
if (values && values.tenantGuid === row.companyGuid) {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!