centaline-data-driven-v3 0.0.50 → 0.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",
@@ -15,6 +15,7 @@
     "element-plus": "^2.5.5",
     "moment": "^2.30.1",
     "photo-sphere-viewer": "^4.8.1",
+    "sortablejs": "^1.15.6",
     "vant": "^4.8.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vue": "^3.3.4",

package/src/components/app/PhotoSelect.vue

@@ -1,15 +1,17 @@
 <template>
     <div class="van-uploader" style="margin:10px 10px 0 10px; ">
         <div class="van-uploader__wrapper">
-            <draggable :list="photoList" v-bind="dragOptions" :distance="1" @change="onEnd" class="card" @dragover.prevent @drop.prevent>
-                <template #item="{ element, index }">
-                    <div class="van-uploader__preview" style="display:inline-block;" @click="viewerfile(photoList, index)">
+            <div ref="uploadImgItem">
+                <template v-for="(element, index) in photoList" :key="element.mediaCode">
+                    <div class="van-uploader__preview" style="display:inline-block;"
+                        @click="viewerfile(photoList, index)">
                         <div class="van-image van-uploader__preview-image">
                             <img :src="element.thumbnailUrl" class="van-image__img" style="object-fit: cover;">
                             <div class="van-uploader__preview-cover">
                                 <div class="preview-cover van-ellipsis">{{ element.mediaLabelName }}</div>
                             </div>
-                            <div class="swiper-i" @click="viewerfile(photoList, index)" v-if="element.mediaTypeID == '7'">
+                            <div class="swiper-i" @click="viewerfile(photoList, index)"
+                                v-if="element.mediaTypeID == '7'">
                                 <img :src="util.getAssetsImage('p3602x.png')" class="hous-icon" />
                             </div>
                         </div>
@@ -21,7 +23,7 @@
 
                     </div>
                 </template>
-            </draggable>
+            </div>
             <div class="van-uploader__upload" v-if="!model.locked && photoList.length < max" @click="handleOpen()">
                 <i class="van-badge__wrapper van-icon van-icon-plus van-uploader__upload-icon"></i>
             </div>
@@ -29,12 +31,12 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, nextTick } from 'vue'
+import { ref, nextTick, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import common from '../../utils/common'
 import util from '../../utils/pub-use'
 import PhotoSelect from '../../loader/src/PhotoSelect';
-import draggable from "vuedraggable";
+import Sortable from 'sortablejs'
 const emit = defineEmits(['loaded'])
 const props = defineProps({
     vmodel: Object,
@@ -42,17 +44,11 @@ const props = defineProps({
 })
 const max = ref(99999)
 const photoList = ref([])
-const dragOptions = {
-    animation: 200,
-    group: "description",
-    disabled: false,
-    'item-key': "mediaID",
-    ghostClass: "ghost",
-    dragClass: "drag",
-    chosenClass: "chosen",
-    forceFallback: true,
-    handle:'.van-uploader__preview-image',
-}
+const uploadImgItem = ref()
+
+onMounted(() => {
+    initDragSort()
+})
 
 const model = ref()
 init();
@@ -63,6 +59,30 @@ function init() {
     }
 
 }
+const initDragSort = () => {
+    nextTick(() => {
+        // 选择包含所有可排序项目的容器
+        const el = uploadImgItem.value
+
+        // 确保 el 是一个有效的 DOM 元素
+        if (el) {
+            Sortable.create(el, {
+                group: 'shared', // 设置同一组内的元素可以互相排序
+                fallbackOnBody: false, // 如果需要的话，可以在 body 上进行拖拽
+                swapThreshold: 0.65, // 控制元素交换的阈值
+                onEnd: (/** 事件对象 */ evt) => {
+                    // 获取旧的索引和新索引
+                    const { oldIndex, newIndex } = evt
+                    // 交换位置
+                    const movedItem = photoList.value.splice(oldIndex, 1)[0]
+                    photoList.value.splice(newIndex, 0, movedItem)
+
+                    PhotoSelect.setfileSourceList(photoList.value, model.value);
+                }
+            })
+        }
+    })
+}
 
 function load(data) {
     model.value = data;
@@ -140,22 +160,8 @@ function handleOpen() {
 
 
 }
-function onEnd(a, b) {
-
-    nextTick(function () {
-        PhotoSelect.setfileSourceList(photoList.value, model.value);
-    });
-}
-function radiochecked(list, item) {
 
-    list.forEach((v) => {
-        v.flagDefault = false;
-    });
-    item.flagDefault = true;
-    PhotoSelect.setfileSourceList(list, model.value);
 
-    selfValidExcute("valid");
-}
 //不能共用的数据校验
 function selfValidExcute(eventName) {
     return PhotoSelect.selfValidExcute(eventName, model.value)
@@ -196,6 +202,7 @@ defineExpose({
     position: absolute;
     bottom: 0;
 }
+
 .swiper-i {
     position: absolute;
     width: 100%;
@@ -217,9 +224,9 @@ defineExpose({
     transform: translate(-50%, -50%);
 }
 
-.van-uploader__preview-image,.van-uploader__upload {
+.van-uploader__preview-image,
+.van-uploader__upload {
     width: 110px;
     height: 110px;
 }
-
 </style>

package/src/components/app/PhotoSelectList.vue

@@ -39,13 +39,13 @@
                 </template>
             </template>
             <template v-else>
-                <van-empty description="没有数据" />
+                <van-empty :description="common.LocalizedString('没有数据','沒有數據')" />
             </template>
         </div>
         <div class="PhotoSelectList-bottom">
-            <van-checkbox @change="allchoose" v-model="allcheck" shape="square" icon-size="14px">全选</van-checkbox>
+            <van-checkbox @change="allchoose" v-model="allcheck" shape="square" icon-size="14px">{{common.LocalizedString('全选','全選')}}</van-checkbox>
             <van-button type="primary" class="van-button-app" size="small" style="display: flex;margin-left: 30%;"
-                @click="handleClick()">确定</van-button>
+                @click="handleClick()">{{common.LocalizedString('确定','確認')}}</van-button>
         </div>
     </div>
     <van-popup v-model:show="showPicker" position="bottom" :safe-area-inset-bottom="true">

package/src/components/app/SearchList/SearchTable.vue

@@ -10,7 +10,7 @@
         <div ref="refTableParent" class="ct-tableParentAPP" :style="'height:' + model.tableHeight + 'px'"
             @scroll="scrollHandle($event)">
             <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-                <van-list v-if="!tableError" v-model:loading="tableLoading" error-text="没有查到数据，点我刷新"
+                <van-list v-if="!tableError" v-model:loading="tableLoading" :error-text="common.LocalizedString('没有查到数据，点我刷新','沒有查到數據，點我刷新')"
                     :finished="finished" @load="onLoad" :immediate-check="false"
                     :style="'min-height:' + model.tableHeight + 'px'">
                     <template v-if="flagPopupSearchlist && singleSelectio">
@@ -29,9 +29,11 @@
                     <template v-else>
                         <van-checkbox-group v-model="checkeds" ref="refCheckboxGroup">
                             <div class="ct-list" v-for="(row, rowindex) in model.listData" :key="rowindex">
-                                <van-checkbox v-if="isoperate || flagPopupSearchlist" shape="square"
-                                    checked-color="#EE6B6B" icon-size="14px" :name="rowindex" @click="selectRow(row)"
-                                    :disabled="!flagSelect(row)"></van-checkbox>
+                                <template v-if="isoperate || flagPopupSearchlist">
+                                    <van-checkbox v-if="flagSelect(row)" shape="square" checked-color="#EE6B6B"
+                                        icon-size="14px" :name="rowindex" @click="selectRow(row)"></van-checkbox>
+                                    <div class="van-checkbox" v-else></div>
+                                </template>
                                 <ct-layout :vmodel="row" :cellLayout="model.cellLayout" :rowindex="rowindex"
                                     :key="itemKey" @rolRouterclick="rolRouterCellClickHandler"
                                     :actionRouter="model.actionRouter"
@@ -41,7 +43,7 @@
                         </van-checkbox-group>
                     </template>
                 </van-list>
-                <van-empty v-else description="没有查到数据" />
+                <van-empty v-else :description="common.LocalizedString('没有查到数据','沒有查到數據')" />
             </van-pull-refresh>
             <div v-if="isoperate || flagPopupSearchlist" style="height: 50px;"></div>
             <div class="safe-area-inset-bottom" style="background-color: #fafafa;"></div>
@@ -57,7 +59,7 @@
         </div>
         <div class="ct-checkboxtips" v-if="isoperate || flagPopupSearchlist">
             <van-checkbox v-if="!singleSelectio" v-model="model.selectAll" shape="square" checked-color="#EE6B6B"
-                icon-size="14px" :indeterminate="model.isIndeterminate" @click="selectAll()">本页全选（已选{{ selectCount }}）
+                icon-size="14px" :indeterminate="model.isIndeterminate" @click="selectAll()">{{common.LocalizedString('本页全选（已选','本頁全選（已選')}}{{ selectCount }}）
             </van-checkbox>
             <div style="display: flex;flex: 1; justify-content: right;">
                 <template v-if="!flagPopupSearchlist">
@@ -69,7 +71,7 @@
                 </template>
                 <template v-else>
                     <van-button color="#EE6B6B" size="small" @click="confirmClickHandler()"
-                        style=" width: 25%;margin-left: 10px;">确认</van-button>
+                        style=" width: 25%;margin-left: 10px;">{{common.LocalizedString('确认','確認')}}</van-button>
                 </template>
             </div>
         </div>

package/src/components/app/ViewerFile.vue

@@ -32,7 +32,7 @@
                         </div>
                     </div>
                     <template v-if="file.mediaTypeID == '1'">
-                        <iframe :src="file.mediaUrl" height="100%" width="100%" style="border-width: 0px;">
+                        <iframe :src="file.mediaUrl" height="100%" width="100%" style="border-width: 0px;" allowfullscreen allowvr>
                         </iframe>
                     </template>
                     <!--Photo-->

package/src/components/web/ComboBox.vue

@@ -167,6 +167,7 @@ function clear() {
             model.value.value.push(v.code);
         });
     }
+    model.value.reset();
 }
 // 重新计算弹出最小宽度
 function setminWidth() {

package/src/components/web/PhotoSelect.vue

@@ -129,7 +129,7 @@ function handleOpen() {
         chooseList.push(n);
     });
     var dialogOption = {
-        title: "选择" + model.value.controlLabel || "选择图片",
+        title: common.LocalizedString('选择','選擇') + model.value.controlLabel || common.LocalizedString('选择图片','選擇圖片'),
         pane: common.getParentPane(),
         content: [{
             component: "ct-photoselectlist",

package/src/components/web/PhotoSelectList.vue

@@ -2,7 +2,7 @@
     <div v-loading="loading" style="width: 100%;height: 100%;">
         <div style="width: 100%;height: 100%;position: relative;" class="ct-photoSelectList" v-if="FlagPhoto">
             <div style="padding: 10px 0 0 20px" v-if="paramName">
-                <el-select-v2 v-model="mediaLabelID" :props="optionAttrs" :options="options" placeholder="类别"
+                <el-select-v2 v-model="mediaLabelID" :props="optionAttrs" :options="options" :placeholder="common.LocalizedString('类别','類別')"
                     style="width: 150px;" @change="change" clearable />
             </div>
             <el-main :style="paramName ? 'top: 40px' : 'top: 10px'"
@@ -53,14 +53,14 @@
                     </template>
                 </template>
                 <template v-else>
-                    <el-empty description="没有数据" />
+                    <el-empty :description="common.LocalizedString('没有数据','沒有數據')" />
                 </template>
             </el-main>
 
             <div style="width:100%;text-align:center">
                 <el-checkbox style="position:absolute;bottom:10px;left: 15px;" @change="allchoose"
-                    v-model="allcheck">全选</el-checkbox>
-                <el-button type="primary" style="position:absolute;bottom:10px;" @click="handleClick()">确定</el-button>
+                    v-model="allcheck">{{common.LocalizedString('全选','全選')}}</el-checkbox>
+                <el-button type="primary" style="position:absolute;bottom:10px;" @click="handleClick()">{{common.LocalizedString('确定','確認')}}</el-button>
             </div>
         </div>
     </div>

package/src/components/web/ViewerFile/ViewerPDFjs.vue

@@ -41,10 +41,23 @@ function complete() {
 
             var doc = document.getElementById("previewPdf").contentWindow.document;
             if (doc) {
-                doc.getElementById("download").style.display = "none";
-                doc.getElementById("openFile").style.display = "none";
-                doc.getElementById("print").style.display = "none";
-                doc.getElementById("viewBookmark").style.display = "none";
+                elementHideById("download", doc)
+                elementHideById("openFile", doc)
+                elementHideById("print", doc)
+                elementHideById("viewBookmark", doc)
+
+                elementHideById("editorHighlightButton", doc)
+                elementHideById("editorFreeText", doc)
+                elementHideById("editorInk", doc)
+                elementHideById("editorStamp", doc)
+                elementHideById("editorModeButtons", doc)
+
+                elementHideById("printButton", doc)
+                elementHideById("downloadButton", doc)
+
+                elementHideById("secondaryOpenFile", doc)
+                elementHideById("cursorToolButtons", doc)
+                elementHideById("documentProperties", doc)
                 doc.oncontextmenu = new Function("event.returnValue=false");
             }
         }
@@ -71,6 +84,13 @@ function getApplicationPath() {
     }
     return url;
 }
+function elementHideById(elementId, doc) {
+  if (doc.getElementById(elementId) != null) {
+    if (doc.getElementById(elementId).style) {
+      doc.getElementById(elementId).style.display = "none";
+    }
+  }
+}
 watch(() => props.src, () => {
     init(props.src);
     //complete();

package/src/components/web/other/PopupSearchListTable.vue

@@ -36,15 +36,15 @@
             </el-table>
             <div style="margin-top: 20px;width: 100%;display: inline-block;height: 30px;margin-bottom: 10px;">
                 <span class="ct-table-tip-small" v-if="!loading && model" v-html="model.footer"></span> <span
-                    class="ct-table-tip-small" v-if="!loading && !singleSelectio && model" style="color:red;">已勾选
-                    {{ selectCount }} 条</span>
+                    class="ct-table-tip-small" v-if="!loading && !singleSelectio && model" style="color:red;">{{common.LocalizedString('已勾选','已勾選')}}
+                    {{ selectCount }} {{common.LocalizedString('条','條')}}</span>
                 <el-input v-if="jumpBtnName" size="small" v-model="jumpStr" placeholder="定位"
                     style="width:150px"></el-input>
                 <el-button v-if="jumpBtnName" size="small" @click="jumpClickHandler()">{{ jumpBtnName }}</el-button>
                 <el-button v-if="filterBtnName" size="small" @click="filterClickHandler()" style="margin-left: 0px;">{{
                     filterBtnName }}</el-button>
                 <el-button size="small" @click="confirmClickHandler()" class="search-btn" style="float:right;"
-                    type="primary">确认</el-button>
+                    type="primary">{{common.LocalizedString('确认','確認')}}</el-button>
             </div>
         </div>
         <div style="min-height:250px;" v-loading="loadingOne" v-if="loadingOne"></div>

package/src/loader/src/FormList.js

@@ -419,8 +419,8 @@ function fieldsToTableData(fields) {
 }
 //删除行
 function deleteRow(index, model, callback) {
-    common.confirm("确定删除？", "提示", {
-        confirmButtonText: "确定",
+    common.confirm(common.LocalizedString('确定删除？','確定刪除？'), "提示", {
+        confirmButtonText: common.LocalizedString('确定','確定'),
         cancelButtonText: "取消",
     }).then(() => {
         model.rows.forEach((row, i) => {

package/src/main.js

@@ -30,6 +30,7 @@ app.use(centaline, {
     zindex: 999,
     showRequestSuccessMessage: true,
     showRequestErrorMessage: true,
+    language:'HK',
     handler: {
         // 打开tab页
         openTab: function (action) {
@@ -63,7 +64,7 @@ app.use(centaline, {
                 //authObject: '{token:"aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjsOwjAQBe-ydVay1xvvOl3sJA2HiPIxElSIJBIIcXdAQEfPFK-YZt4Nlm2EChqtDafOYWqpRG6kxLoTxZhUTSRxHLUPH_DHfOmt5SDWt1gHScieHapNiol94q5pXYoNFJAvJ6isGHWmNMYVcBjWtyCr_iW2JZ93-fqPc8f18MwGIqFRCIO1GXmWGYd9npCZJ6N5JjYZ7g8AAAD__w.HgtNKtHWooj8c9Hy_vB8CfKq-qOeHMp0irnW0DfXtHo"}',
                 //oldToken: 'd92d4a3b-2274-42e8-96f0-100ffb579b6e',
                 //authObject: '{token:"1647-1802885825978044416",platform:"WEB"}',
-                authObject: '{EmpID:"Token_4e6cac0d-0185-4e8c-83ca-e4cf26373ff8",MachineCode:"7a216b39-84af-43bb-842b-07604ac37a10",SSO_Token:"SSOToken_4e6cac0d-0185-4e8c-83ca-e4cf26373ff8",Platform:"WEB"}',
+                authObject: '{EmpID:"Token_937f0ada-8862-4c37-bf44-578531920446",MachineCode:"7a216b39-84af-43bb-842b-07604ac37a10",SSO_Token:"SSOToken_937f0ada-8862-4c37-bf44-578531920446",Platform:"WEB"}',
             };
         },
         // 请求完成事件，可判断是否登录过期执行响应操作

package/src/utils/common.js

@@ -282,8 +282,8 @@ const common = {
       if (this.hasHtml(message)) {
         showDialog({ message: message, allowHtml: true });
       }
-      else if(type=='error'){
-        showDialog({ title: '提示', message:message, closeOnClickOverlay: true, confirmButtonText: '确定', className: 'showDialogMessage' });
+      else if (type == 'error') {
+        showDialog({ title: '提示', message: message, closeOnClickOverlay: true, confirmButtonText: '确定', className: 'showDialogMessage' });
       }
       else {
         showToast(message);
@@ -557,6 +557,12 @@ const common = {
   flagApp() {
     return dataDrivenOpts.flagApp;
   },
+  LocalizedString(strCN, strHK) {
+    if (dataDrivenOpts.language && dataDrivenOpts.language == 'HK') {
+      return strHK;
+    }
+    return strCN;
+  },
   //是否微信浏览器
   flagMicroMessenger() {
     var ua = navigator.userAgent.toLowerCase();