gcs-ui-lib 1.1.433

package/packages/SelectTicket/src/ticketDetail/dialog.vue

@@ -0,0 +1,73 @@
+<!--
+ * @Author: wangyilin wangyilin@nstc.com.cn
+ * @Date: 2023-01-09 15:17:38
+ * @LastEditors: wangyilin wangyilin@nstc.com.cn
+ * @LastEditTime: 2023-03-11 16:42:11
+ * @FilePath: \付款1.4.0d:\新子应用\新一代票据\gts-bill_web\src\views\enterprisePaper\agency\ticketDetail\dialog.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <cl-dialog
+    :visible.sync="dialogVisible"
+    width="70vw"
+    :title="$l('票据详情')"
+    :show-close="true"
+    append-to-body
+    top="2vh"
+    v-drag
+  >
+    <ticketView ref="ticketView" :rowData="rowData" v-bind="$attrs" v-if="dialogVisible" @closeDialog="closeDialog">
+    </ticketView>
+  </cl-dialog>
+</template>
+<script>
+import ticketView from './index.vue'
+import { Dialog} from "n20-common-lib";
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      form: {},
+      rowData:{}
+    }
+  },
+  components: {
+    ticketView,
+    ClDialog:Dialog,// 弹窗
+  },
+  methods: {
+    // 显示开关  type  business 企业票据 ebank 网银票据
+    setView(row) {
+      this.dialogVisible = true
+      this.rowData = row
+    },
+    closeDialog() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+/deep/.el-dialog__body {
+  padding: 16px;
+  flex: 0 1000px;
+  max-height: 810px !important;
+  .main-content {
+    padding: 0;
+  }
+}
+/deep/.el-dialog__footer {
+  text-align: center;
+}
+.dialog-btn {
+  display: flex;
+  align-items: center;
+  p {
+    font-size: 14px;
+    font-weight: 400;
+    color: #cccccc;
+    margin-right: 12px;
+    cursor: pointer;
+  }
+}
+</style>

package/packages/SelectTicket/src/ticketDetail/index.vue

@@ -0,0 +1,188 @@
+<template>
+  <div class="main-content">
+    <div class="flex-box flex-lr flex-v">
+      <cl-secondary-tab
+        :init="names"
+        :data="list"
+        @click="selectItem"
+      ></cl-secondary-tab>
+      <div class="flex-box flex-v header cur-point">
+        <el-button class="m-l-s" @click="printData" plain>{{
+          $l("打印")
+        }}</el-button>
+      </div>
+    </div>
+    <keep-alive>
+      <component
+        :is="componentId"
+        :formData="formData"
+        @closeDialog="closeDialog"
+      ></component>
+    </keep-alive>
+    <!-- 打印弹层 -->
+    <print-dialog ref="printDialog" @getCheckList="getCheckList"></print-dialog>
+    <cl-dialog
+      :title="$l('打印票据')"
+      :visible.sync="showPrint"
+      append-to-body
+      class="dialogModel"
+      @close="showPrint = false"
+
+    >
+      <printList
+        ref="print-content"
+        :formData="formData"
+        v-if="showPrint"
+        @closePrint="showPrint = false"
+      />
+    </cl-dialog>
+  </div>
+</template>
+<script>
+import { getBillDetail } from "@/api/common.js";
+import overview from "./billInformation/overview.vue";
+import printList from "./billInformation/printList.vue";
+import printDialog from "../printDialog/index.vue";
+import {Dialog, SecondaryTab} from "n20-common-lib";
+export default {
+  props: {
+    rowData: {
+      type: Object,
+      default: () => {},
+    },
+    isWaitSign: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  components: {
+    ClDialog:Dialog,// 弹窗
+    ClSecondaryTab:SecondaryTab,
+    overview,
+    printList,
+    printDialog,
+  },
+  data(vm) {
+    return {
+      dataList: [{}],
+      showPrint: false,
+      list: [{ name: vm.$l("票据信息"), path: "overview" }],
+      names: vm.$l("票据信息"),
+      componentId: "overview",
+      info: {},
+      id: "",
+      // 存放附加保证信息
+      formData: {},
+      billVisible: false,
+    };
+  },
+  created() {
+    console.log(this.rowData, "this.rowData");
+    if (this.$route.query.BillId) {
+      this.id = this.$route.query.BillId;
+    } else if (this.rowData) {
+      this.id = this.rowData.billNo;
+    } else {
+      this.$message.warning(this.$l("当前票据BillId不存在,请检查后重试"));
+      return false;
+    }
+    this.getList();
+  },
+  methods: {
+    getCheckList(val) {
+      this.showPrint = true;
+      this.$nextTick(() => {
+        this.$refs["print-content"].printFile(val, [this.formData]);
+      });
+    },
+    selectItem(item) {
+      this.componentId = item.path;
+    },
+    // 获取保证信息
+    async getList() {
+      const query = {
+        stockId: this.isWaitSign
+          ? this.rowData.billStockId
+          : this.rowData.srcBillStockId ||
+            this.rowData.stockId ||
+            this.rowData.billStockId,
+        txBillId: this.rowData.txBillId || this.rowData.billId,
+        qryBillCondition: true,
+        qryGuarantorCondition: true,
+        qryHisBehaviorCondition: true,
+        qrySplitRecordCondition: true,
+        qryStockCondition: true,
+        billNo: this.rowData.billNo,
+      };
+      if(!query.stockId) {
+        query.stockId = this.rowData.billId
+      }
+      //【【付款】票据付款，付款方式是背书，选择了2张票据，其中一张票据做了拆分金额，付款确认成功过后，全部页面，选择该笔指令，点指令编号进去，点拆分过金额的那张票据的超链接进去不显示票据的信息】https://www.tapd.cn/58791002/bugtrace/bugs/view/1158791002001434760
+      if (this.rowData.billIssueType != "YS") {
+        query.billNo = this.id;
+        query.cdRange = this.rowData.splitFlag === 0 ? 0 : this.rowData.cdRange;
+      }
+      const res = await getBillDetail(query);
+      this.formData = res;
+    },
+    // 打印
+    printData() {
+      this.$refs.printDialog.setView();
+    },
+    closeDialog() {
+      this.$emit("closeDialog");
+    },
+  },
+
+};
+</script>
+<style lang="less" scoped>
+.main-content {
+  .main-content {
+    height: calc(100% - 50px);
+  }
+}
+/deep/.view {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  padding: 8px 32px;
+  .view-item {
+    display: flex;
+    width: 33%;
+    height: 32px;
+    line-height: 32px;
+    .label {
+      display: inline-block;
+      font-weight: bold;
+      width: 110px;
+      text-align: left;
+    }
+    .content {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}
+.header {
+  img {
+    width: 14px;
+    margin-right: 2px;
+  }
+}
+/deep/.noData {
+  height: 100%;
+  justify-content: center;
+  img {
+    width: 250px;
+  }
+}
+//需要把弹框移出屏幕，让打印预览在外实现。
+.dialogModel {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+}
+</style>

package/packages/SelectTreeUnit/index.js

@@ -0,0 +1,7 @@
+import NstcSelectTreeUnit from './src/main'
+
+NstcSelectTreeUnit.install = function(Vue) {
+    Vue.component(NstcSelectTreeUnit.name, NstcSelectTreeUnit)
+}
+
+export default NstcSelectTreeUnit

package/packages/SelectTreeUnit/src/Tree/document.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>页面</title>
+    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <path d="M16.6914062,5.63867188 C16.8085938,5.75585938 16.875,5.9140625 16.875,6.08007812 L16.875,18.125 C16.875,18.4707031 16.5957031,18.75 16.25,18.75 L3.75,18.75 C3.40429688,18.75 3.125,18.4707031 3.125,18.125 L3.125,1.875 C3.125,1.52929688 3.40429688,1.25 3.75,1.25 L12.0449219,1.25 C12.2109375,1.25 12.3710938,1.31640625 12.4882813,1.43359375 L16.6914062,5.63867188 Z M15.4335938,6.3671875 L11.7578125,2.69140625 L11.7578125,6.3671875 L15.4335938,6.3671875 Z M6.25,9.4140625 C6.16370551,9.4140625 6.09375,9.48401801 6.09375,9.5703125 L6.09375,10.5078125 C6.09375,10.594107 6.16370551,10.6640625 6.25,10.6640625 L13.75,10.6640625 C13.8362945,10.6640625 13.90625,10.594107 13.90625,10.5078125 L13.90625,9.5703125 C13.90625,9.48401801 13.8362945,9.4140625 13.75,9.4140625 L6.25,9.4140625 Z M6.25,12.0703125 C6.16370551,12.0703125 6.09375,12.140268 6.09375,12.2265625 L6.09375,13.1640625 C6.09375,13.250357 6.16370551,13.3203125 6.25,13.3203125 L9.84375,13.3203125 C9.93004449,13.3203125 10,13.250357 10,13.1640625 L10,12.2265625 C10,12.140268 9.93004449,12.0703125 9.84375,12.0703125 L6.25,12.0703125 Z" id="形状" fill="#1677FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/packages/SelectTreeUnit/src/Tree/folder.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文件</title>
+    <g id="文件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <rect id="矩形" fill="#FFBF00" opacity="0.300000012" x="3" y="4" width="14" height="11"></rect>
+        <path d="M17.1875,5.828125 L10.1757812,5.828125 L7.88476562,3.63671875 C7.85546875,3.609375 7.81640625,3.59375 7.77734375,3.59375 L2.8125,3.59375 C2.46679688,3.59375 2.1875,3.87304688 2.1875,4.21875 L2.1875,15.78125 C2.1875,16.1269531 2.46679688,16.40625 2.8125,16.40625 L17.1875,16.40625 C17.5332031,16.40625 17.8125,16.1269531 17.8125,15.78125 L17.8125,6.453125 C17.8125,6.10742188 17.5332031,5.828125 17.1875,5.828125 Z" id="路径" fill="#FFBF00" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/packages/SelectTreeUnit/src/Tree/index.vue

@@ -0,0 +1,239 @@
+<template>
+  <el-tree
+    ref="tree"
+    class="cl-tree cl-tree-nstc"
+    :node-key="nodeKey"
+    :expand-on-click-node="showCheckbox?true:false"
+    :data="data"
+    check-strictly
+    :default-expanded-keys="defaultExpandedKeys"
+    :show-checkbox="showCheckbox && !single"
+    :props="props"
+    v-bind="$attrs"
+    v-on="$listeners"
+  >
+    <div
+      slot-scope="{ node, data }"
+      class="flex-box flex-lr flex-v w-100p cl-tree-item"
+      @mouseenter="mouseenterTree(node, data)"
+      @mouseleave="checkFlag = false"
+    >
+      <span class="flex-box flex-v">
+        <!-- <img :src="node.level == 1 ? folder : desc" class="m-r-ss" alt="" /> -->
+        {{
+          (data[props.value] ? "(" + data[props.value] + ") " : "") +
+          data[props.label]
+        }}
+      </span>
+      <div class="row-point" v-if="showAllCheck && !single && !isList">
+        <el-dropdown @click.stop="() => null">
+          <span class="el-dropdown-link"> ... </span>
+          <el-dropdown-menu slot="dropdown" class="nstc-unit-tree-drop">
+            <el-dropdown-item
+              @click.native.stop="handleCheckedBro(node, data)"
+              >{{ $t("common_a_0006") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'direct')"
+            >
+              {{ $t("common_a_0008") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'all')"
+              >{{ $t("common_a_0007") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'cancel')"
+              >{{ $t("common_a_0007_1") }}</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+        <!--        <span @click="showDropMenu == node.data.id? (showDropMenu = null) : (showDropMenu = node.data.id)">-->
+        <!--          . . .-->
+        <!--        </span>-->
+        <!--        <div class="drop-box" v-if="showDropMenu == node.data.id">-->
+        <!--          &lt;!&ndash; <div v-if="!node.data.disabled" @click="handleChecked(node, data)">只勾选本单位</div> &ndash;&gt;-->
+        <!--          &lt;!&ndash;勾选本单位及平级单位&ndash;&gt;-->
+        <!--          <div v-if="!node.data.disabled" @click="handleCheckedBro(node, data)">-->
+        <!--            {{ $t("common_a_0006") }}-->
+        <!--          </div>-->
+        <!--          &lt;!&ndash;勾选直接下级单位&ndash;&gt;-->
+        <!--          <div @click="handleCheckedChild(node, data, 'direct')">-->
+        <!--            {{ $t("common_a_0008") }}-->
+        <!--          </div>-->
+        <!--          &lt;!&ndash;勾选所有下级单位&ndash;&gt;-->
+        <!--          <div @click="handleCheckedChild(node, data, 'all')">-->
+        <!--            {{ $t("common_a_0007") }}-->
+        <!--          </div>-->
+        <!--        </div>-->
+      </div>
+      <!-- <el-button
+        v-if="
+          showCheckbox &&
+          node.checked &&
+          node.data[nodeKey] === (checkFlag && checkFlag.data && checkFlag.data[nodeKey])
+        "
+        type="text"
+        class="m-r-s"
+        @click="handleClose(node, data)"
+        >{{ $lc('取消勾选') }}</el-button
+      >
+      <el-button
+        v-else-if="
+          !node.data.disabled &&
+          showCheckbox &&
+          !node.checked &&
+          node.data[nodeKey] === (checkFlag && checkFlag.data && checkFlag.data[nodeKey])
+        "
+        type="text"
+        class="m-r-s"
+        @click="handleChecked(node, data)"
+        >{{ $lc('只勾选本层级') }}</el-button
+      > -->
+    </div>
+  </el-tree>
+</template>
+<script>
+export default {
+  name: "Tree",
+  props: {
+    isList: {
+      type: Boolean,
+      default: false,
+    },
+    showAllCheck: {
+      type: Boolean,
+      default: true,
+    },
+    single: {
+      type: Boolean,
+      default: false,
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => [],
+    },
+    data: {
+      type: Array,
+      default: () => [],
+    },
+    props: {
+      type: Object,
+      default: () => ({}),
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: false,
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false,
+    },
+    nodeKey: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      folder: require("./folder.svg"),
+      desc: require("./document.svg"),
+      checkFlag: {},
+      showDropMenu: null,
+      list: [],
+    };
+  },
+  computed: {
+    checkStrictlyC: {
+      get() {
+        return this.checkStrictly;
+      },
+      set(v) {
+        // console.log(v, 123)
+        return this.$emit("update:checkStrictly", v);
+      },
+    },
+  },
+  mounted() {
+    this.setRefData();
+  },
+  methods: {
+    setRefData() {
+      const {
+        store,
+        filter,
+        updateKeyChildren,
+        getCheckedNodes,
+        setCheckedNodes,
+        getCheckedKeys,
+        setCheckedKeys,
+        setChecked,
+        getHalfCheckedNodes,
+        getHalfCheckedKeys,
+        getCurrentKey,
+        getCurrentNode,
+        setCurrentKey,
+        setCurrentNode,
+        getNode,
+        remove,
+        append,
+        insertBefore,
+        insertAfter,
+      } = this.$refs["tree"];
+
+      this.filter = filter;
+      this.updateKeyChildren = updateKeyChildren;
+      this.getCheckedNodes = getCheckedNodes;
+      this.setCheckedNodes = setCheckedNodes;
+      this.getCheckedKeys = getCheckedKeys;
+      this.setCheckedKeys = setCheckedKeys;
+      this.setChecked = setChecked;
+      this.getHalfCheckedNodes = getHalfCheckedNodes;
+      this.getHalfCheckedKeys = getHalfCheckedKeys;
+      this.getCurrentKey = getCurrentKey;
+      this.getCurrentNode = getCurrentNode;
+      this.setCurrentKey = setCurrentKey;
+      this.setCurrentNode = setCurrentNode;
+      this.getNode = getNode;
+      this.remove = remove;
+      this.append = append;
+      this.insertBefore = insertBefore;
+      this.insertAfter = insertAfter;
+      this.store = store;
+    },
+    handleChecked(node, data) {
+      // this.store.checkStrictly = true
+      this.setChecked(node.data, true);
+      this.$emit("check", data, {
+        checkedKeys: this.getCheckedKeys(),
+        checkedNodes: this.getCheckedNodes(),
+        halfCheckedNodes: this.getHalfCheckedNodes(),
+        halfCheckedKeys: this.getHalfCheckedKeys(),
+      });
+      // this.store.checkStrictly = false
+    },
+    handleCheckedBro(node, data) {
+      //勾选平级单位
+      this.$emit("checkedBro", data);
+    },
+    handleCheckedChild(node, data, type) {
+      //勾选平级单位
+      this.$emit("checkedChild", { node, data, type: type });
+    },
+    mouseenterTree(node, data) {
+      this.checkFlag = node;
+    },
+    handleClose(node, data) {
+      // this.store.checkStrictly = true
+      this.setChecked(node.data, false);
+      this.$emit("check", data, {
+        checkedKeys: this.getCheckedKeys(),
+        checkedNodes: this.getCheckedNodes(),
+        halfCheckedNodes: this.getHalfCheckedNodes(),
+        halfCheckedKeys: this.getHalfCheckedKeys(),
+      });
+      // this.store.checkStrictly = false
+    },
+  },
+};
+</script>