centaline-data-driven 1.3.9 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.3.09",
+  "version": "1.3.10",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/centaline/dynamicDetail/src/dynamicAlbums.vue

@@ -28,26 +28,33 @@
           ></template>
         </el-carousel>
 
-        <div class="hous-img" style="position: absolute; bottom: 0; z-index: 9">
-          <div
-            class="img-i"
-            v-for="(item, index) in newMediaAlbums"
-            :key="index"
-          >
-            <img :src="getDefaultUrl(item)" @click="handleClick(index)" />
-            <div class="img-bot">
-              <div>
-                <img
-                  :src="item.albumSmallImageUrl"
-                  v-if="
-                    item.albumSmallImageUrl && item.albumSmallImageUrl != ''
-                  "
-                  alt=""
-                  class="img-icon"
-                  @click="handleClick(index)"
+        <div
+          class="hous-img"
+          style="position: absolute; bottom: 0; z-index: 9"
+          v-if="newMediaAlbums.length > 1"
+        >
+          <div class="img-i">
+            <div class="slide-tabs tabs-3x">
+              <template v-for="(item, index) in newMediaAlbums">
+                <input
+                  type="radio"
+                  :id="'radio-' + index.toString()"
+                  name="MediaAlbums"
+                  :label="index"
+                  :value="index"
+                  :key="index + 1"
+                  v-model="activeAlbumsIndex"
                 />
-                <span @click="handleClick(index)">{{ item.albumName }}</span>
-              </div>
+                <label
+                  class="tab1"
+                  :for="'radio-' + index.toString()"
+                  :label="index"
+                  :value="index"
+                  @click="handleClick(index)"
+                  >{{ item.albumName }}</label
+                >
+              </template>
+              <span class="glider"></span>
             </div>
           </div>
         </div> </template
@@ -78,7 +85,7 @@ export default {
   methods: {
     init() {
       var self = this;
-      this.newMediaAlbums =this.mediaAlbums || [];
+      this.newMediaAlbums = this.mediaAlbums || [];
       this.albumsList = this.newMediaAlbums[0];
       self.$forceUpdate();
     },
@@ -175,36 +182,93 @@ export default {
   .hous-img {
     margin-top: 10px;
     width: 100%;
+    text-align: center;
     overflow-x: hidden;
     overflow-y: hidden;
     white-space: nowrap;
+    background-color: #fff;
+    opacity: 0.8;
     .img-i {
-      position: relative;
-      width: 80px;
-      height: 44px;
+      width: auto;
+      height: 20px;
       margin-right: 10px;
       display: inline-block;
+      opacity: 0.8;
+      //background-color: rgba(0, 0, 0, 0.5);
+      -webkit-border-radius: 13px;
+      -moz-border-radius: 13px;
+      border-radius: 13px;
       img {
         width: 100%;
         height: 100%;
       }
-      .img-bot {
-        width: 100%;
-        height: 16px;
-        background: rgba(0, 0, 0, 0.5);
-        color: #fff;
-        position: absolute;
-        bottom: 0;
-        font-weight: Bold;
-        .img-icon {
-          width: 12px;
-          height: 12px;
-          margin: 0 5px;
-          margin: 0 5px;
-          vertical-align: -1.5px;
-        }
-      }
+
+       
     }
+    
+.slide-tabs {
+  display: flex;
+  position: relative;
+  border: 1px solid #3d3d3d;
+  border-radius: 10px;
+  width: auto;
+  overflow: hidden;
+  font-weight: Bold;
+  opacity:1;
+  background: rgb(24 24 24);
+}
+
+.slide-tabs * {
+  z-index: 2;
+}
+
+.slide-tabs input[type="radio"] {
+  display: none;
+}
+
+.slide-tabs .tab1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9px;
+  height: 18px;
+  font-size: 12px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.slide-tabs .glider {
+  display: flex;
+  position: absolute;
+  border-radius: 9px;
+  height: 18px;
+  background:#f73638;
+  z-index: 1;
+  transition: 0.25s ease-out;
+}
+/*降低 z-index */
+
+.slide-tabs input[type="radio"]:checked + label {
+  color: #fff;
+}
+/*按需修改当前项颜色*/
+.slide-tabs input[type="radio"]:nth-of-type(1):checked ~ .glider {
+  transform: translateX(0%);
+}
+
+.slide-tabs input[type="radio"]:nth-of-type(2):checked ~ .glider {
+  transform: translateX(100%);
+}
+
+.slide-tabs input[type="radio"]:nth-of-type(3):checked ~ .glider {
+  transform: translateX(200%);
+}
+
+.slide-tabs.tabs-3x .tab1,
+.slide-tabs.tabs-3x .glider {
+  width: 50px;
+}
   }
 }
+
 </style>

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue

@@ -983,38 +983,28 @@ export default {
     clickNextHandler() {
       let key = "chanceID";
       if (this.parentModel && this.parentModel.$refs.table) {
-        let oldValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         this.parentModel.$refs.table.rowKeyDownHandle(null, 1);
-        let newValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         if (oldValue !== newValue) {
-          let parm = this.apiParam;
+          let parm = this.$common.cloneObject(this.apiParam);
           parm[key] = newValue;
-          this.loaderObj.Detail(this.api, parm, this.load);
+          // this.loaderObj.Detail(this.api, parm, this.load);
+          this.$common.getDataDrivenOpts().handler.refreshPropertyDetailRET(parm,this.parentModel);
         }
       }
     },
     clickPrevHandler() {
       let key = "chanceID";
       if (this.parentModel && this.parentModel.$refs.table) {
-        let oldValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         this.parentModel.$refs.table.rowKeyDownHandle(null, -1);
-        let newValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         if (oldValue !== newValue) {
-          let parm = this.apiParam;
+          let parm = this.$common.cloneObject(this.apiParam);
           parm[key] = newValue;
-          this.loaderObj.Detail(this.api, parm, this.load);
+          // this.loaderObj.Detail(this.api, parm, this.load);
+          this.$common.getDataDrivenOpts().handler.refreshPropertyDetailRET(parm,this.parentModel);
         }
       }
     },