Skip to content

csbr-daop / fe-data-trusted-space

Go to a project
Toggle navigation
Toggle navigation pinning
93b2de50 by lihua
Options

策略管理接口联调

1 parent 226331d6
Inline Side-by-side
Showing 11 changed files with 383 additions and 8 deletions
.env.development
1 # 页面标题 1 # 页面标题
2 VITE_APP_TITLE = 可信数据空间 2 VITE_APP_TITLE = 可信数据服务平台
3 # 接口域名 3 # 接口域名
4 # VITE_API_BASEURL = https://www.zgsjzc.com/api 4 # VITE_API_BASEURL = https://www.zgsjzc.com/api
5 # VITE_API_BASEURL = https://swzl-test.csbr.cn/api 5 # VITE_API_BASEURL = https://swzl-test.csbr.cn/api
......
src/api/modules/dataDelivery.ts 0 → 100644
1 import request from "@/utils/request";
2
3 /** 数据交付 */
4
5 export const getPageList = (params) => request({
6 url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/contract-delivery/page-list`,
7 method: 'post',
8 data: params
9 })
10
11 export const deleteDeliveryContract = (params) => request({
12 url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/contract-delivery/delete`,
13 method: 'delete',
14 data: params
15 });
...\ No newline at end of file ...\ No newline at end of file
src/api/modules/dataSmartContract.ts
...@@ -154,6 +154,12 @@ export const getContractDataProduct = (tenantGuid) => request({ ...@@ -154,6 +154,12 @@ export const getContractDataProduct = (tenantGuid) => request({
154 method: 'post' 154 method: 'post'
155 }) 155 })
156 156
157 /** 获取下拉数据产品列表的去重字段 */
158 export const getDamFieldsByProductGuid = (productGuid) => request({
159 url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/field-by-dam-guid?productGuid=${productGuid}`,
160 method: 'post'
161 })
162
157 /** 创建合约 */ 163 /** 创建合约 */
158 export const saveContract = (params) => request({ 164 export const saveContract = (params) => request({
159 url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/contract/save`, 165 url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/contract/save`,
......
src/router/modules/dataDelivery.ts 0 → 100644
1 import type { RouteRecordRaw } from 'vue-router'
2 function Layout() {
3 return import('@/layouts/index.vue')
4 }
5
6 const routes: RouteRecordRaw[] = [
7 {
8 path: '/data-asset/data-delivery',
9 component: Layout,
10 meta: {
11 title: '数据交付',
12 icon: 'sidebar-videos',
13 },
14 children: [
15 {
16 path: '',
17 name: 'dataDelivery',
18 component: () => import('@/views/data_asset/dataDelivery.vue'),
19 meta: {
20 title: '',
21 sidebar: false,
22 breadcrumb: false,
23 cache: true
24 },
25 },
26 ],
27 },
28 ]
29
30 export default routes
src/router/routes.ts
...@@ -6,6 +6,7 @@ import DataService from './modules/dataService'; ...@@ -6,6 +6,7 @@ import DataService from './modules/dataService';
6 import DataSmartContract from './modules/dataSmartContract'; 6 import DataSmartContract from './modules/dataSmartContract';
7 import DataFacilitator from './modules/dataFacilitator'; 7 import DataFacilitator from './modules/dataFacilitator';
8 import HomeIndex from './modules/homeIndex'; 8 import HomeIndex from './modules/homeIndex';
9 import DataDelivery from './modules/dataDelivery';
9 10
10 import useSettingsStore from '@/store/modules/settings' 11 import useSettingsStore from '@/store/modules/settings'
11 12
...@@ -97,6 +98,7 @@ const asyncRoutes: RouteRecordRaw[] = [ ...@@ -97,6 +98,7 @@ const asyncRoutes: RouteRecordRaw[] = [
97 ...DataSmartContract, 98 ...DataSmartContract,
98 ...DataFacilitator, 99 ...DataFacilitator,
99 ...HomeIndex, 100 ...HomeIndex,
101 ...DataDelivery,
100 // ...DataAssetRegistry, 102 // ...DataAssetRegistry,
101 ] 103 ]
102 104
......
src/settings.ts
...@@ -40,7 +40,7 @@ const globalSettings: Settings.all = { ...@@ -40,7 +40,7 @@ const globalSettings: Settings.all = {
40 }, 40 },
41 "home": { 41 "home": {
42 "enable": false, 42 "enable": false,
43 "title": "可信数据空间" 43 "title": "可信数据服务平台"
44 }, 44 },
45 "breadcrumb": { 45 "breadcrumb": {
46 "enable": true 46 "enable": true
......
src/views/[...all].vue
1 <route lang="yaml"> 1 <route lang="yaml">
2 name: notFound 2 name: notFound
3 meta: 3 meta:
4 title: 可信数据空间 4 title: 可信数据服务平台
5 constant: true 5 constant: true
6 layout: false 6 layout: false
7 </route> 7 </route>
......
src/views/data_asset/dataDelivery.vue 0 → 100644
1 <script lang="ts" setup name="dataDelivery">
2 import TableTools from "@/components/Tools/table_tools.vue";
3 import { commonPageConfig } from '@/utils/enum';
4 import {
5 getPageList,
6 deleteDeliveryContract
7 } from "@/api/modules/dataDelivery";
8
9 const router = useRouter();
10 const route = useRoute();
11 const { proxy } = getCurrentInstance() as any;
12
13 /** 核验状态列表 */
14 const verifySatusList = ref([{
15 value: 1,
16 label: '未执行'
17 }, {
18 value: 2,
19 label: '已执行'
20 }, {
21 value: 3,
22 label: '通过'
23 }, {
24 value: 4,
25 label: '未通过'
26 }]);
27
28 const searchItemList = ref([
29 {
30 type: "input",
31 label: "",
32 field: "dataProductName",
33 default: "",
34 placeholder: "数据产品名称",
35 maxlength: 50,
36 clearable: true,
37 },
38 {
39 type: "input",
40 label: "",
41 field: "contractName",
42 default: "",
43 placeholder: "合约名称",
44 maxlength: 50,
45 clearable: true,
46 },
47 {
48 type: 'select',
49 label: '',
50 field: 'verifySatus',
51 default: '',
52 placeholder: '核验状态',
53 options: verifySatusList.value,
54 filterable: true,
55 clearable: true
56 }
57 ]);
58
59 const tableFields = ref([
60 { label: "序号", type: "index", width: 56, align: "center" },
61 {
62 label: "数据产品名称", field: "dataProductName", width: 150, type: "text_btn", columClass: 'text_btn', value: "detail", click: (scope) => {
63 router.push({
64 name: 'productListingDetail',
65 query: {
66 guid: scope.row.dataProductGuid,
67 type: 'detail',
68 name: scope.row.dataProductName,
69 }
70 });
71 }
72 },
73 {
74 label: "合约名称", field: "contractName", width: 160, type: "text_btn", columClass: 'text_btn', value: "detail1", click: (scope) => {
75 //履约中的合约状态
76 router.push({
77 name: 'smartContractDetail',
78 query: {
79 guid: scope.row.guid,
80 name: scope.row.contractName,
81 type: 'keepAgree',
82 isDetail: 'Y'
83 }
84 });
85 }
86 },
87 { label: "交付方式", field: "deliveryMethod", width: 120 },
88 {
89 label: "交付状态", field: "deliveryStatus", type: "tag", width: 96, align: 'center',
90 getName: (scope) => {
91 const deliveryStatus = scope.row.deliveryStatus
92 switch (deliveryStatus) {
93 case 1:
94 return '未交付';
95 case 2:
96 return '已交付';
97 case 3:
98 return '交付中';
99 default:
100 return '--';
101 }
102 }, tagType: (scope) => {
103 const deliveryStatus = scope.row.deliveryStatus
104 switch (deliveryStatus) {
105 case 3:
106 return 'warning';
107 case 2:
108 return 'success';
109 case 1:
110 return 'info';
111 default:
112 return 'info';
113 }
114 }
115 },
116 {
117 label: "核验状态", field: "verifySatus", type: "tag", width: 96, align: 'center',
118 getName: (scope) => {
119 const verifySatus = scope.row.verifySatus
120 switch (verifySatus) {
121 case 1:
122 return '未执行';
123 case 2:
124 return '已执行';
125 case 3:
126 return '通过';
127 case 4:
128 return '未通过';
129 default:
130 return '--';
131 }
132 }, tagType: (scope) => {
133 const verifySatus = scope.row.verifySatus
134 switch (verifySatus) {
135 case 1:
136 return 'info';
137 case 3:
138 return 'success';
139 case 2:
140 return 'warning';
141 case 4:
142 return 'danger';
143 default:
144 return 'info';
145 }
146 }
147 },
148 { label: "核验时间", field: "verifyTime", width: 170 },
149 { label: "交付时间", field: "deliveryTime", width: 170 },
150 ]);
151
152 const page = ref({
153 ...commonPageConfig,
154 dataProductName: '',
155 contractName: '',
156 verifySatus: ''
157 });
158
159 const currTableData: any = ref({});
160 const tableInfo = ref({
161 id: 'contract-table',
162 rowKey: 'guid',
163 loading: false,
164 fields: tableFields.value,
165 data: [{ verifySatus: 4 }, {}],
166 page: {
167 type: "normal",
168 rows: 0,
169 ...page.value,
170 },
171 actionInfo: {
172 label: "操作",
173 type: "btn",
174 width: 160,
175 btns: (scope) => {
176 let btns: any = [];
177 let row = scope.row;
178 let deliveryStatus = row.deliveryStatus;
179 if (deliveryStatus == 2) {//已交付有删除按钮
180 btns.push({
181 value: 'del', label: '删除', click: (scope) => {
182 proxy.$openMessageBox("此操作将永久删除, 是否继续?", () => {
183 deleteDeliveryContract([scope.row.guid]).then((res: any) => {
184 if (res?.code == proxy.$passCode) {
185 page.value.curr = 1;
186 getTableData();
187 proxy.$ElMessage.success('删除成功');
188 } else {
189 res?.msg && proxy.$ElMessage.error(res?.msg);
190 }
191 });
192 }, () => {
193 proxy.$ElMessage.info("已取消");
194 })
195 }
196 });
197 } else {
198 btns.push({
199 value: 'refresh', label: '刷新', click: (scope) => {
200
201 }
202 });
203 }
204
205 // 交付只有核验通过有。
206 let verifySatus = row.verifySatus;
207 if (verifySatus == 2) {
208 btns.push({
209 value: 'verify', label: '核验', click: (scope) => {
210
211 }
212 });
213 }
214 return btns;
215 }
216 }
217 });
218
219 const toSearch = (val: any, clear: boolean = false) => {
220 if (clear) {
221 searchItemList.value.map((item) => (item.default = ""));
222 page.value.dataProductName = '';
223 page.value.contractName = '';
224 page.value.verifySatus = "";
225 } else {
226 page.value.dataProductName = val.dataProductName;
227 page.value.contractName = val.contractName;
228 page.value.verifySatus = val.verifySatus;
229 }
230 getTableData();
231 };
232
233 const getTableData = () => {
234 tableInfo.value.loading = true
235 getPageList({
236 pageIndex: page.value.curr,
237 pageSize: page.value.limit,
238 dataProductName: page.value.dataProductName,
239 contractName: page.value.contractName,
240 verifySatus: page.value.verifySatus
241 }).then((res: any) => {
242 tableInfo.value.loading = false
243 if (res?.code == proxy.$passCode) {
244 const data = res.data || {}
245 // tableInfo.value.data = data.records || []
246 tableInfo.value.page.limit = data.pageSize
247 tableInfo.value.page.curr = data.pageIndex
248 tableInfo.value.page.rows = data.totalRows
249 } else {
250 res?.msg && proxy.$ElMessage.error(res?.msg)
251 }
252 }).catch(() => {
253 tableInfo.value.loading = false
254 })
255 };
256
257 const tablePageChange = (info) => {
258 page.value.curr = Number(info.curr);
259 page.value.limit = Number(info.limit);
260 tableInfo.value.page.curr = page.value.curr;
261 tableInfo.value.page.limit = page.value.limit;
262 getTableData();
263 };
264
265 onBeforeMount(() => {
266 toSearch({});
267 });
268
269 </script>
270
271 <template>
272 <div class="container_wrap">
273 <div class="table_tool_wrap">
274 <TableTools :searchItems="searchItemList" :searchId="'contract-search'" @search="toSearch" :init="false" />
275 </div>
276 <div class="table_panel_wrap" style="height: calc(100% - 44px);">
277 <Table :tableInfo="tableInfo" @tablePageChange="tablePageChange" />
278 </div>
279 </div>
280 </template>
281
282 <style lang="scss" scoped>
283 .container_wrap {
284 padding: 0px 16px;
285 }
286 </style>
...\ No newline at end of file ...\ No newline at end of file
src/views/data_smart_contract/components/strategyTable.vue
...@@ -67,9 +67,24 @@ ...@@ -67,9 +67,24 @@
67 <span style="color:red;margin-left: 2px;">*</span> 67 <span style="color:red;margin-left: 2px;">*</span>
68 </template> 68 </template>
69 <template #default="scope"> 69 <template #default="scope">
70 <el-input v-if="!isLook" v-model="scope.row['constraintValue']" placeholder="请输入" :maxlength="200" 70 <el-input
71 @change="(val) => handleOperatorSelectChange(val, scope, 'constraintValue')" clearable></el-input> 71 v-if="!isLook && !((scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector' || scope.row.constraintEnName == 'limitField'))"
72 <span v-else>{{ scope.row['constraintValue'] || '--' }}</span> 72 v-model="scope.row['constraintValue']" placeholder="请输入" :maxlength="200"
73 @change="(val) => handleOperatorSelectChange(val, scope, 'constraintValue')" clearable></el-input>
74 <!-- 限定连接器 -->
75 <el-select
76 v-else-if="!isLook && (scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector')"
77 v-model="scope.row['constraintConnectorValue']" :remote="true" :remote-method="remoteMethod" filterable clearable placeholder="请选择">
78 <el-option v-for="opt in connectorList" :key="opt['guid']" :label="opt['connectorName']"
79 :value="opt['guid']" />
80 </el-select>
81 <!-- 加密字段 -->
82 <el-select v-else-if="!isLook && scope.row.constraintEnName == 'limitField'"
83 v-model="scope.row['constraintValue']" filterable clearable placeholder="请选择">
84 <el-option v-for="opt in productFieldList" :key="opt['enName']" :label="opt['chName']"
85 :value="opt['guid']" />
86 </el-select>
87 <span v-else>{{ scope.row['constraintFieldValue'] || '--' }}</span>
73 </template> 88 </template>
74 </el-table-column> 89 </el-table-column>
75 <el-table-column v-if="!isLook" label="操作" width="140px" align="left" fixed="right" show-overflow-tooltip> 90 <el-table-column v-if="!isLook" label="操作" width="140px" align="left" fixed="right" show-overflow-tooltip>
......
src/views/data_smart_contract/smartContractCreate.vue
...@@ -13,6 +13,7 @@ import { ...@@ -13,6 +13,7 @@ import {
13 getContractTenantList, 13 getContractTenantList,
14 saveContract, 14 saveContract,
15 updateContract, 15 updateContract,
16 getDamFieldsByProductGuid
16 } from "@/api/modules/dataSmartContract" 17 } from "@/api/modules/dataSmartContract"
17 import StrategyTable from "./components/strategyTable.vue"; 18 import StrategyTable from "./components/strategyTable.vue";
18 import { CirclePlus } from "@element-plus/icons-vue"; 19 import { CirclePlus } from "@element-plus/icons-vue";
...@@ -239,6 +240,7 @@ const productTableInfo = ref({ ...@@ -239,6 +240,7 @@ const productTableInfo = ref({
239 { label: "序号", type: "index", width: TableColumnWidth.INDEX, align: "center" }, 240 { label: "序号", type: "index", width: TableColumnWidth.INDEX, align: "center" },
240 { label: "数据产品", field: "dataProductId", width: 180, required: true, columClass: 'edit-colum', type: 'edit' }, 241 { label: "数据产品", field: "dataProductId", width: 180, required: true, columClass: 'edit-colum', type: 'edit' },
241 { label: "数据产品编码", field: "dataProductId", width: 261 }, 242 { label: "数据产品编码", field: "dataProductId", width: 261 },
243 { label: "产品类型", field: "dataProductTypeName", width: 100 },
242 { label: "所属主体名称", field: "dataProductEntityName", width: 200 }, 244 { label: "所属主体名称", field: "dataProductEntityName", width: 200 },
243 { label: "产品简介", field: "dataProductAbstract", width: 240 }, 245 { label: "产品简介", field: "dataProductAbstract", width: 240 },
244 ], 246 ],
...@@ -304,6 +306,22 @@ const hanldeTableSelectChange = (val, scope, item) => { ...@@ -304,6 +306,22 @@ const hanldeTableSelectChange = (val, scope, item) => {
304 scope.row.dataProductEntityId = productItem?.enterpriseCode; 306 scope.row.dataProductEntityId = productItem?.enterpriseCode;
305 scope.row.dataProductAbstract = productItem?.description; 307 scope.row.dataProductAbstract = productItem?.description;
306 scope.row.dataProductEntityName = productItem?.enterpriseName; 308 scope.row.dataProductEntityName = productItem?.enterpriseName;
309 scope.row.dataProductGuid = productItem?.productGuid;
310 scope.row.dataProductType = productItem?.productType;
311 scope.row.dataProductTypeName = productItem?.productTypeName;
312 /** 选择了产品，需要重新查询去重字段 */
313 if (val?.productGuid) {
314 getDamFieldsByProductGuid(val?.productGuid).then((res: any) => {
315 if (res?.code == proxy.$passCode) {
316 productFieldList.value = res.data || [];
317 } else {
318 productFieldList.value = [];
319 res?.msg && proxy.$ElMessage.error(res?.msg)
320 }
321 })
322 } else {
323 productFieldList.value = [];
324 }
307 // 连接器只能选择数据提供方的产品，不需要切换了 325 // 连接器只能选择数据提供方的产品，不需要切换了
308 // let nodeInfo = nodeInfoFormRef.value.formInline; 326 // let nodeInfo = nodeInfoFormRef.value.formInline;
309 // nodeInfoFormItems.value.forEach((item, index) => { 327 // nodeInfoFormItems.value.forEach((item, index) => {
...@@ -417,6 +435,9 @@ const constraintOptionsList: any = ref([]); ...@@ -417,6 +435,9 @@ const constraintOptionsList: any = ref([]);
417 /** 策略操作行为下拉列表 */ 435 /** 策略操作行为下拉列表 */
418 const actionOptionsList: any = ref([]); 436 const actionOptionsList: any = ref([]);
419 437
438 /** 根据选择的数据产品显示限定字段下拉列表 */
439 const productFieldList :any = ref([]);
440
420 const getSubmitInfo = () => { 441 const getSubmitInfo = () => {
421 let baseInfo = baseInfoFormRef.value.formInline; 442 let baseInfo = baseInfoFormRef.value.formInline;
422 let nodeInfo = nodeInfoFormRef.value.formInline; 443 let nodeInfo = nodeInfoFormRef.value.formInline;
...@@ -815,7 +836,7 @@ onActivated(() => { ...@@ -815,7 +836,7 @@ onActivated(() => {
815 <Form ref="nodeInfoFormRef" formId="node-info-form" :itemList="nodeInfoFormItems" :rules="nodeInfoFormRules" 836 <Form ref="nodeInfoFormRef" formId="node-info-form" :itemList="nodeInfoFormItems" :rules="nodeInfoFormRules"
816 @select-change="handleNodeSelectChange" col="col3" /> 837 @select-change="handleNodeSelectChange" col="col3" />
817 <StrategyTable ref="strategyTableRef" :show-title="true" :value="detailInfo.policys || []" 838 <StrategyTable ref="strategyTableRef" :show-title="true" :value="detailInfo.policys || []"
818 :operatorOptionList="operatorOptionList" :actionOptionsList="actionOptionsList" 839 :operatorOptionList="operatorOptionList" :actionOptionsList="actionOptionsList" :productFieldList="productFieldList"
819 :constraintOptionsList="constraintOptionsList"></StrategyTable> 840 :constraintOptionsList="constraintOptionsList"></StrategyTable>
820 </ContentWrap> 841 </ContentWrap>
821 </div> 842 </div>
......
src/views/login.vue
...@@ -154,7 +154,7 @@ function testAccount(logonUser: string) { ...@@ -154,7 +154,7 @@ function testAccount(logonUser: string) {
154 <div> 154 <div>
155 <img :src="banner" class="banner"> 155 <img :src="banner" class="banner">
156 <div class="banner_desc"> 156 <div class="banner_desc">
157 <h4>可信数据空间</h4> 157 <h4>可信数据服务平台</h4>
158 <span>激活数据流通体系，释放数据要素新质生产力</span> 158 <span>激活数据流通体系，释放数据要素新质生产力</span>
159 </div> 159 </div>
160 </div> 160 </div>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!