添加新的计算定价页面

@@ -121,6 +121,36 @@ const routes: RouteRecordRaw[] = [
           }
         }
       },
+       {
+        path: 'price-calculate-new',
+        name: 'priceCalculateNew',
+        component: () => import('@/views/data_pricing/priceCalculateNew.vue'),
+        meta: {
+          title: '数据定价(新)',
+          breadcrumb: false,
+          cache: true
+        }
+      },
+      {
+        path: 'calculate-config-new',
+        name: 'calculateConfigNew',
+        component: () => import('@/views/data_pricing/calculateConfigNew.vue'),
+        meta: {
+          title: '新增数据定价',
+          sidebar: false,
+          breadcrumb: false,
+          cache: true,
+          editPage: true,
+          activeMenu: '/data-pricing/pricing-manage/price-calculate-new'
+        },
+        beforeEnter: (to, from) => {
+          if (to.query.guid) {
+            to.meta.title = `编辑-${to.query.name}`;
+          } else {
+            to.meta.title = `新增数据定价`;
+          }
+        }
+      },
     ],
   },
 ]

@@ -313,7 +313,7 @@ const setDictFormItems = (dictList) => {
       required: true,
     });
     baseConfigFormRules.value[dictField] = [{ required: true, trigger: 'change', message: `请选择${dictName}` }];
-    dictName == '数据用途' && (dataUsage.value.field = dictField);
+    d.dictionaryName == '数据用途' && (dataUsage.value.field = dictField);
     (() => {
       if (typeMap.value[dictField] == undefined) {
         getDataType(d.dictionaryName, dictField)

+<route lang="yaml">
+  name: priceCalculate
+  </route>
+
+<script lang="ts" setup name="priceCalculate">
+import { ref } from 'vue';
+import TableTools from '@/components/Tools/table_tools.vue';
+import { TableColumnWidth, commonPageConfig } from '@/utils/enum';
+import { ElMessage, ElMessageBox } from "element-plus";
+import { CirclePlus } from "@element-plus/icons-vue";
+import { useRouter, useRoute } from "vue-router";
+import useUserStore from "@/store/modules/user";
+import useDataAssetStore from "@/store/modules/dataAsset";
+import { getAllFlowData } from '@/api/modules/queryService';
+import { changeNum } from "@/utils/common";
+import {
+  getDiseaseAll,
+  getPriceList,
+  deletePrice,
+} from '@/api/modules/dataPricing';
+
+const router = useRouter();
+const userStore = useUserStore()
+const assetStore = useDataAssetStore();
+const userData = JSON.parse(userStore.userData)
+const { proxy } = getCurrentInstance() as any;
+
+const searchItemList = ref([
+  {
+    type: "input",
+    label: "",
+    field: "dataResourceName",
+    default: "",
+    placeholder: "数据资源名称",
+    clearable: true,
+  },
+  {
+    type: "cascader",
+    label: "",
+    field: "diseaseName",
+    placeholder: "疾病名称",
+    default: "",
+    options: [],
+    showAllLevels: false,
+    props: {
+      checkStrictly: true,
+      label: "diseaseName",
+      value: "guid",
+      children: 'childList',
+      emitPath: false
+    },
+    filterable: true,
+    clearable: true,
+  }
+]);
+
+const typeMap: any = ref({});
+const selectRowData: any = ref([])
+const currTableData: any = ref({});
+const page: any = ref({
+  ...commonPageConfig,
+  dataResourceName: '',
+  diseaseName: ''
+});
+const tableField: any = ref([
+  { label: "序号", type: "index", width: TableColumnWidth.INDEX, align: "center" },
+  { label: "定价模型名称", field: "modelName", width: 200 },
+  { label: "数据资源名称", field: "dataResourceName", width: 200 },
+  { label: "疾病名称", field: "diseaseName", width: 200 },
+  {
+    label: "交易价格(元)", field: "dataTransactionPrice", width: 120, align: 'right', getName: (scope) => {
+      return scope.row.dataTransactionPrice ? changeNum(parseFloat(scope.row.dataTransactionPrice), 2) : '-';
+    }
+  },
+  { label: "创建人", field: "createUserName", width: 120 },
+  { label: "创建时间", field: "createTime", width: TableColumnWidth.DATETIME },
+]);
+const tableInfo = ref({
+  id: 'api-data-table',
+  rowKey: 'guid',
+  loading: false,
+  fields: tableField.value,
+  data: [],
+  page: {
+    type: "normal",
+    rows: 0,
+    ...page.value,
+  },
+  actionInfo: {
+    label: "操作",
+    type: "btn",
+    isMore: false,
+    width: 120,
+    btns: [
+      { label: "编辑", value: "edit" },
+      { label: "删除", value: "del" }
+    ]
+  }
+});
+
+const setTableField = () => {
+  tableField.value.splice(4, 0, {
+    label: "交易用途", field: "dataUsage", width: 120, getName: (scope) => {
+      return typeMap.value['dataUsage'].find((item) => item.value == scope.row['dataUsage'])?.label || '-';
+    }
+  });
+  tableInfo.value.fields = tableField.value;
+}
+
+// 获取所有疾病数据
+const getDiseaseData = () => {
+  getDiseaseAll().then((res: any) => {
+    if (res.code == proxy.$passCode) {
+      const data = res.data || [];
+      searchItemList.value[1].options = data;
+    }
+  })
+}
+
+// 获取数据字典
+const getDataType = (dictType, fieldName) => {
+  getAllFlowData({ dictType }).then((res: any) => {
+    if (res.code == proxy.$passCode) {
+      const data = res.data || [];
+      typeMap.value[fieldName] = JSON.parse(JSON.stringify(data));
+      setTableField()
+    } else {
+      proxy.$ElMessage.error(res.msg);
+    }
+  })
+}
+
+const toSearch = (val: any, clear: boolean = false) => {
+  page.value.curr = 1;
+  if (clear) {
+    searchItemList.value.map((item) => (item.default = ""));
+    page.value.dataResourceName = ''
+    page.value.diseaseName = '';
+  } else {
+    page.value.dataResourceName = val.dataResourceName || '';
+    page.value.diseaseName = val.diseaseName || '';
+  }
+  getTableData();
+};
+
+const getTableData = () => {
+  tableInfo.value.loading = true;
+  getPriceList({
+    pageSize: page.value.limit,
+    pageIndex: page.value.curr,
+    dataResourceName: page.value.dataResourceName,
+    diseaseName: page.value.diseaseName,
+  }).then((res: any) => {
+    tableInfo.value.loading = false;
+    if (res.code == proxy.$passCode) {
+      const data = res.data || {};
+      tableInfo.value.data = data.records || [];
+      tableInfo.value.page.limit = data.pageSize
+      tableInfo.value.page.curr = data.pageIndex
+      tableInfo.value.page.rows = data.totalRows
+    } else {
+      proxy.$ElMessage.error(res.msg);
+    }
+  })
+}
+
+const tablePageChange = (info) => {
+  page.value.curr = Number(info.curr);
+  page.value.limit = Number(info.limit);
+  tableInfo.value.page.limit = page.value.limit;
+  tableInfo.value.page.curr = page.value.curr;
+  getTableData();
+};
+
+const tableBtnClick = (scope, btn) => {
+  const type = btn.value;
+  const row = scope.row;
+  currTableData.value = row;
+  if (type === 'edit') { // 编辑
+    if (row.belongingTheme) {
+      router.push(
+        {
+          name: 'calculateConfig',
+          query: {
+            guid: row.guid,
+            name: row.modelName,
+            type: 'edit'
+          }
+        }
+      );
+    } else {
+      router.push(
+        {
+          name: 'calculateConfigNew',
+          query: {
+            guid: row.guid,
+            name: row.modelName,
+            type: 'edit'
+          }
+        }
+      );
+    }
+  } else if (type === 'del') { // 删除
+    open('确定要删除该条数据吗？', 'warning');
+  }
+};
+
+const open = (msg, type, isBatch = false) => {
+  ElMessageBox.confirm(msg, "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: type,
+  }).then(() => {
+    let guids = [currTableData.value.guid]
+    if (isBatch) {
+      guids = selectRowData.value
+    }
+    deletePrice(guids).then((res: any) => {
+      if (res.code == proxy.$passCode) {
+        getTableData();
+        ElMessage({
+          type: "success",
+          message: "删除成功",
+        });
+      } else {
+        proxy.$ElMessage.error(res.msg);
+      }
+    });
+  });
+};
+
+const addDisease = () => {
+  router.push(
+    {
+      name: 'calculateConfigNew',
+      query: {
+        type: 'create'
+      }
+    }
+  );
+}
+
+onBeforeMount(() => {
+  getDiseaseData();
+  getDataType('数据用途', 'dataUsage')
+});
+
+onActivated(() => {
+  if (assetStore.isRefresh) {//如果是首次加载，则不需要调用
+    toSearch(null, true);
+    assetStore.set(false);
+  }
+})
+
+</script>
+
+<template>
+  <div class="container_wrap">
+    <div class="table_tool_wrap">
+      <TableTools :searchItems="searchItemList" :searchId="'data-source-search'" @search="toSearch" />
+      <div class="tools_btns">
+        <el-button type="primary" @click="addDisease" v-preReClick>新增</el-button>
+      </div>
+    </div>
+    <div class="table_panel_wrap">
+      <Table :tableInfo="tableInfo" @tablePageChange="tablePageChange" @tableBtnClick="tableBtnClick" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.table_tool_wrap {
+  width: 100%;
+  height: 84px !important;
+  padding: 0 8px;
+
+  .tools_btns {
+    padding: 0px 0 0;
+  }
+}
+
+.table_panel_wrap {
+  width: 100%;
+  height: calc(100% - 84px);
+  padding: 0px 8px 0;
+}
+</style>