centaline-data-driven 1.5.41 → 1.5.42

package/package.json

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

package/release-log.md

@@ -1,3 +1,26 @@
+## v1.5.42
+2023-07-31
+
+优化
+
+客户列表右侧边栏字母和有效标签样式优化
+
+图片选择控件增加文件类型缩略图显示 videoPlayIconUrl
+
+页面变动，右侧联系人会一直加载处理
+
+弹层记录滚动条位置，切换tab后，回到记录位置
+
+更新表格列后，多选按钮失效处理
+
+房源详情页头像大小比例修改
+
+房源详情页跟进列表高度加高
+
+列表重置要清除排序字段
+
+客户列表右侧边栏tabs功能优化
+
 ## v1.5.41
 2023-07-25
 

package/src/Detail.vue

@@ -1,9 +1,9 @@
 <template>
   <div id="appDetail" style="height:100%;">
-    <!-- <ct-Detail :api="'PropertyOFI/readDetailForBrowse'" :apiParam="apiParam" :pageType="'PropertyDetailOFI'"></ct-Detail> -->
+    <ct-Detail :api="'PropertyOFI/readDetailForBrowse'" :apiParam="apiParam" :pageType="'PropertyDetailOFI'"></ct-Detail>
     <!-- <ct-Detail :api="'PropertyRET/readDetailForBrowse'" :apiParam="apiParam" :pageType="'PropertyDetailRET'"></ct-Detail> -->
     <!-- <ct-Detail :api="'Estate/readDetailForBrowse'" :apiParam="apiParam" :pageType="'EstateDetail'"></ct-Detail> -->
-    <ct-Detail :api="'EstateBuilding/readDetailForBrowse'" :apiParam="apiParam" :pageType="'EstateBuildingDetail'"></ct-Detail>
+    <!-- <ct-Detail :api="'EstateBuilding/readDetailForBrowse'" :apiParam="apiParam" :pageType="'EstateBuildingDetail'"></ct-Detail> -->
     <ct-dialog-list></ct-dialog-list>
   </div>
 </template>
@@ -15,7 +15,7 @@
       return {        
         apiParam: {
           actionType: 1,
-          chanceID: "1604775272433979392",
+          chanceID: "20154400",
           estateID:'',
           buildingID:'9717',
         } ,

package/src/SearchList.vue

@@ -1,9 +1,8 @@
 <template>
   <div id="app-search" style="width:100%;height:100%;position: fixed;">
+
     <!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/transaction-workflow/getLayoutOfSearch'" :searchDataApi="'/api/third-dept-tran/transaction-workflow/list'"></ct-searchlist> -->
 
-    <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
-    
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/third-dept-tran/tran-list/layout'"  :searchDataApi="'/api/third-dept-tran/tran-list'"></ct-searchlist> -->
     
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/third-dept-tran/profit-return/layout'"  :searchDataApi="'/api/third-dept-tran/profit-return'"></ct-searchlist> -->
@@ -12,6 +11,8 @@
 
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/finance/tran-commission-allocate/process-layout'"  :searchDataApi="'/api/finance/tran-commission-allocate/process-list'"></ct-searchlist> -->
 
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/shift-approver/layout'"  :searchDataApi="'/api/shift-approver/list'"></ct-searchlist> -->
+
 
      <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/filemanage/batchdownlist/getLayoutOfSearch'"  :searchDataApi="'/filemanage/batchdownlist/getList'"></ct-searchlist> -->
 
@@ -61,11 +62,11 @@
       :searchStatsApi="'/PropertyRETList/getListStats'">
     </ct-searchlist> -->
 
-    <!-- <ct-searchlist :searchConditionApi="'/PropertyOFIList/getLayoutOfSearch'"
+    <ct-searchlist :searchConditionApi="'/PropertyOFIList/getLayoutOfSearch'"
       :searchDataApi="'/PropertyOFIList/getListOfSearchModel'"
       :searchCategoryApi="'/PropertyOFIList/getLayoutOfSearchCategory'"
       :searchStatsApi="'/PropertyOFIList/getListStats'">
-    </ct-searchlist> -->
+    </ct-searchlist>
 
     <!-- <ct-searchlist :searchConditionApi="'/EstateList/getLayoutOfSearch'" :searchDataApi="'/EstateList/getListOfSearchModel'"></ct-searchlist> -->
     
@@ -73,7 +74,7 @@
 
     <!-- <ct-searchlist :searchConditionApi="'/DistrictList/getLayoutOfSearch'" :searchDataApi="'/DistrictList/getListOfSearchModel'"></ct-searchlist> -->
 
-    <ct-searchlist :searchConditionApi="'/CustomerImportList/getLayoutOfSearch'" :searchDataApi="'/CustomerImportList/getListOfSearchModel'"></ct-searchlist>
+    <!-- <ct-searchlist :searchConditionApi="'/CustomerImportList/getLayoutOfSearch'" :searchDataApi="'/CustomerImportList/getListOfSearchModel'"></ct-searchlist> -->
     
     <!-- <ct-searchlist :searchConditionApi="'/CustomerList/getLayoutOfSearch'" :searchStatsApi="'/CustomerList/getListStats'" :searchDataApi="'/CustomerList/getListOfSearchModel'"></ct-searchlist> -->
 

package/src/centaline/dialogList/src/dialog.vue

@@ -13,6 +13,11 @@
         pane:null
       };
     },
+    activated(){
+      if (this.contentTop && this.$refs.content) {
+        this.$refs.content.scrollTop=this.contentTop;
+      }
+    },
     methods: {
       close() {
         this.$emit('close', this);
@@ -25,6 +30,11 @@
         //ev.stopPropagation();
         //ev.preventDefault();
       },
+      scrollHandle(ev) {
+        this.contentTop=this.$refs.content.scrollTop;
+        ev.cancelBubble = true;
+        ev.stopPropagation();
+      },
     },
     mounted() {
       //this.$el.parentNode.removeChild(this.$el);
@@ -91,7 +101,7 @@
                       on: {
                         click: (event) => {
                           this.bodyClickHandler(event);
-                        } 
+                        },
                       }
                     }, 
                     [
@@ -192,7 +202,12 @@
                                         'height': item.attrs.height,
                                         'overflow': 'auto',
                                       },
-                                      ref:'content'
+                                      ref:'content',
+                                      on: {
+                                        scroll: (event) => {
+                                          self.scrollHandle(event);
+                                        },
+                                      }
                                     }, [
                                         h(item.component, {
                                           props: item.attrs,

package/src/centaline/dynamicDetail/src/dynamicCustomerSimpleDetail.vue

@@ -1,15 +1,20 @@
 <template>
   <div ref="main" class="main" style="position: relative;overflow: hidden;">
-    <div v-if="model !== null" style="height:36px;margin-top: 10px;display: flex;border-bottom: solid 2px var(--chinaRed);">
-      <el-popover v-if="model.routerForQRCode !== null" placement="left-start" trigger="hover" @show="fieldClickHandler(model.routerForQRCode, $event)">
+    <div v-if="model !== null"
+      style="height:36px;margin-top: 10px;display: flex;border-bottom: solid 2px var(--chinaRed);">
+      <el-popover v-if="model.routerForQRCode !== null" placement="left-start" trigger="hover"
+        @show="fieldClickHandler(model.routerForQRCode, $event)">
         <div style="border-bottom:none">
           <div style="text-align: center;margin-bottom:10px;">APP扫码</div>
-          <div style="width:200px; height:200px;"><img :src="model.QRCode" @click="fieldClickHandler(model.routerForQRCode, $event)" /></div>
+          <div style="width:200px; height:200px;"><img :src="model.QRCode"
+              @click="fieldClickHandler(model.routerForQRCode, $event)" /></div>
           <div style="text-align: center;margin-top:10px;">点击二维码刷新</div>
         </div>
-        <img class="code-ewm" slot="reference" :src="model.fields1Dic.ewmUrl.value" style="width: 26px;height: 26px;vertical-align: bottom;margin-left:22px;" />
+        <img class="code-ewm" slot="reference" :src="model.fields1Dic.ewmUrl.value"
+          style="width: 26px;height: 26px;vertical-align: bottom;margin-left:22px;" />
       </el-popover>
-      <div :style="{ 'width': topWidth + 'px' }" style="font-size: 14px;color: var(--centalineBlack);padding-left: 10px;line-height: 26px;">
+      <div :style="{ 'width': topWidth + 'px' }"
+        style="font-size: 14px;color: var(--centalineBlack);padding-left: 10px;line-height: 26px;">
         <span>{{ model.fields1Dic.CustNo.label }}</span>
         <span>{{ model.fields1Dic.CustNo.value }}</span>
       </div>
@@ -17,10 +22,13 @@
         style="width: 26px;height: 26px;vertical-align: bottom;margin-right:11px;cursor: pointer">
       <img :class="{ 'domDisabled': selectIndex === rowCount - 1 }" @click="clickNextHandler" src="../../../assets/B1.png"
         alt="" style="width: 26px;height: 26px;vertical-align: bottom;margin-right:8px;cursor: pointer">
-      <div v-if="!model.flagAppMode && showIndex < 4" class="el-icon-close cursor" style="padding-top: 5px;" @click="closeSideHandler">
+      <div v-if="!model.flagAppMode && showIndex < 4" class="el-icon-close cursor" style="padding-top: 5px;"
+        @click="closeSideHandler">
       </div>
-      <span v-if="model.flagAppMode ||showIndex > 3 " :slot="showIndex > 0 ? 'reference' : ''" class="more" style="margin-right: 10px;" @click="drawer = true"></span>
-      <el-drawer title="更多操作" :visible.sync="drawer" direction="ttb" :modal="false" class="drawerMore" size="30%"  style="position: absolute;">
+      <span v-if="model.flagAppMode || showIndex > 3" :slot="showIndex > 0 ? 'reference' : ''" class="more"
+        style="margin-right: 10px;" @click="drawer = true"></span>
+      <el-drawer title="更多操作" :visible.sync="drawer" direction="ttb" :modal="false" class="drawerMore" size="30%"
+        style="position: absolute;">
         <div style="display: flex;flex-flow:row wrap ">
           <component v-for="(router, index) in model.actionRoutersSimple.slice(showIndex)" :key="index"
             class="drawerButton"
@@ -34,11 +42,13 @@
     <div v-if="model !== null" style="padding-left: 20px;padding-right: 20px;">
       <div ref="title" style="margin-top: 18px;">
         <div style="font-weight: Bold;font-size: 16px;color: #333333;display: flex;">
-          <img v-if="model.actionRouterFavorite" :src="model.actionRouterFavorite.imgUrl" alt="" @click="fieldClickHandler(model.actionRouterFavorite, $event)" class="Simplecollection" />          
-          <span>{{ model.fields1Dic.CustName.value }}</span>
-          <div style="border: 1px solid #E0E0E0;font-size: 12px;color: #333333;padding-top: 3px; width: 68px;height: 26px;border-radius: 6px;text-align: center;margin-left: auto;">
+          <div class="OwnerShipNamesty"
+            :class="[{ 'bg-gray': model.fields1Dic.OwnerShipName.value == 'M', 'bg-red': model.fields1Dic.OwnerShipName.value == 'P', 'bg-blue': model.fields1Dic.OwnerShipName.value == 'R' },]">
             {{ model.fields1Dic.OwnerShipName.value }}
           </div>
+          <img v-if="model.actionRouterFavorite" :src="model.actionRouterFavorite.imgUrl" alt=""
+            @click="fieldClickHandler(model.actionRouterFavorite, $event)" class="Simplecollection" />
+          <span>{{ model.fields1Dic.CustName.value }}</span>
         </div>
         <div v-if="model.fields1Dic.DistrictName" style="font-size: 12px;color: #999999;margin-top: 7px;">
           <span>{{ model.fields1Dic.DistrictName.value }}</span>
@@ -55,10 +65,12 @@
           style="font-weight: bold;font-size: 13px; margin-top: 10px;background: rgb(236, 249, 255); flex: 1;align-items: center;padding: 5px;border-radius: 5px;    word-break: break-all;">
         </div>
       </div>
-      <div v-if="model.flagHiddenSensitiveInfo" style="display: flex;align-items: center;justify-content: center;margin-top: 50%;height: 0px;">
+      <div v-if="model.flagHiddenSensitiveInfo"
+        style="display: flex;align-items: center;justify-content: center;margin-top: 50%;height: 0px;">
         <div v-html="model.hiddenSensitiveInfoReason"></div>
       </div>
-      <div ref="sensitiveInfo" v-if="!model.flagHiddenSensitiveInfo" class="areaValue">
+      <div ref="sensitiveInfo" v-if="!model.flagHiddenSensitiveInfo" class="areaValue"
+        :class="[{ 'border-green': model.fields1Dic.StatusName.value == '有效', 'border-red': model.fields1Dic.StatusName.value == '关闭' }]">
         <div style="width: 33.33%;">
           <div class="areaValuetile">{{ model.fields1Dic.BusinessUnit.label.replace('：', '') }}</div>
           <div class="areaValueRed">{{ model.fields1Dic.BusinessUnit.value }}</div>
@@ -69,7 +81,8 @@
         </div>
         <div style="width: 33.33%;">
           <div class="areaValuetile">{{ model.fields1Dic.Price.label.replace('：', '') }}</div>
-          <div class="areaValueRed"><span v-html="model.fields1Dic.Price.value"></span><span>{{ model.fields1Dic.Price.unitName }}</span></div>
+          <div class="areaValueRed"><span v-html="model.fields1Dic.Price.value"></span><span>{{
+            model.fields1Dic.Price.unitName }}</span></div>
         </div>
       </div>
       <div ref="contact" id="contact" style="margin-top: 16px;"
@@ -92,22 +105,62 @@
         <ct-form :source="model.shortcutFollowForm" @submit="saveShortcutFollow" :openType="'detail'"></ct-form>
       </div>
       <div v-if="!model.flagHiddenSensitiveInfo" class="tablist-info base-box">
-        <div class="details-tabs-box">
-          <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
-            <el-tab-pane v-for="(col, index) in model.tags1" :key="col.appID" :index="index.toString()" :name="index.toString()">
-              <div slot="label" v-html="col.appName"></div>
-            </el-tab-pane>
-          </el-tabs>
-          <ct-searchlist ref="searchlist" v-if="model.searchConditionApiTags1" :from="'simpleDetail'"
-            :key="'list' + listKey.toString() + refershKey" :apiParam="model.paramDataTags1" :flagFocus="false"
-            :searchConditionApi="model.searchConditionApiTags1" :searchDataApi="model.searchDataApiTags1"
-            :flagAppMode="model.flagAppMode"></ct-searchlist>
+        <div class="details-tabs-box" ref="tabsbox">
+            <!--计算占用宽度-->
+            <div style="position: relative">
+                <div style="position: absolute; left: -10000px">
+                  <el-tabs>
+                    <el-tab-pane v-for="(col, index) in model.tags1" :key="col.appID" :index="index.toString()" :name="index.toString()">
+                      <div slot="label" v-html="col.appName" :ref="'StatisticsItem' + index"></div>
+                    </el-tab-pane>
+                  </el-tabs>
+                </div>
+              </div>
+          <div>
+            <div v-if="showData.length === 1">
+              <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
+                <el-tab-pane v-for="(col, index) in showData[0]" :key="col.appID" :index="index.toString()"
+                  :name="index.toString()">
+                  <div slot="label" v-html="col.appName"></div>
+                </el-tab-pane>
+              </el-tabs>
+            </div>
+            <div v-if="showData.length > 1" style="position: relative">
+              <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
+                <el-tab-pane v-for="(col, index) in showData[0]" :key="col.appID" :index="index.toString()"
+                  :name="index.toString()" :style="{ 'width': (index == showData[0].length - 1 ? lastWidth + 'px' : ''), }">
+                  <div slot="label" v-html="col.appName"></div>
+                </el-tab-pane>
+              </el-tabs>
+              <div class="more-icon">
+                <el-dropdown trigger="click" placement="bottom">
+                  <span class="el-dropdown-link svgIcon">
+                    <img :src="iconSort" alt="" width="100%" />
+                  </span>
+                  <el-dropdown-menu slot="dropdown" class="tabsMore">
+                    <el-dropdown-item v-for="(col, index) in showData[1]" :key="col.appID" :index="index.toString()"
+                      :name="index.toString()" :class="{ 'is-active': showData[0].length + index == model.activeIndex1, }">
+                      <div @click="handleDropDown(col, index)" :value="model.activeIndex1">
+                        <div slot="label" v-html="col.appName"></div>
+                      </div>
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+            </div>
+            <ct-searchlist ref="searchlist" v-if="model.searchConditionApiTags1" :from="'simpleDetail'"
+              :key="'list' + listKey.toString() + refershKey" :apiParam="model.paramDataTags1" :flagFocus="false"
+              :searchConditionApi="model.searchConditionApiTags1" :searchDataApi="model.searchDataApiTags1"
+              :flagAppMode="model.flagAppMode"></ct-searchlist>
+          </div>
         </div>
       </div>
     </div>
-    <div v-if="isLoading" v-loading="isLoading" :style="{'height': loadingHeight+'px',}"></div>
-    <div v-if="model !== null && model.fields1Dic.StatusName" v-html="model.fields1Dic.StatusName.value" 
-      :style="{'position': 'absolute','font-size': '12px','top':statusTop+'px','right':statusRight+'px'}"></div>
+    <div v-if="isLoading" v-loading="isLoading" :style="{ 'height': loadingHeight + 'px', }"></div>
+    <div v-if="model !== null && model.fields1Dic.StatusName" v-html="model.fields1Dic.StatusName.value"
+      :style="{ 'top': statusTop + 'px', 'left': statusLeft + 'px' }" class="statusNamesty"
+      :class="[{ 'bg-green': model.fields1Dic.StatusName.value == '有效', 'bg-red': model.fields1Dic.StatusName.value == '关闭' }]">
+    </div>
   </div>
 </template>
 
@@ -146,10 +199,13 @@ export default {
         placement: 'left-start',//方向，传值可查看Popper UI组件placement属性
       },
       drawer: false,
-      isLoading:true,
-      loadingHeight:0,
-      statusTop:0,      
-      statusRight:0,
+      isLoading: true,
+      loadingHeight: 0,
+      statusTop: 0,
+      statusLeft: 0,
+      showData: [],
+      lastWidth: 0,
+      iconSort: require("../../../assets/sort.png"),
     }
   },
   watch: {
@@ -162,7 +218,7 @@ export default {
   mounted() {
     var self = this;
     this.$nextTick(function () {
-      this.loadingHeight=this.$refs.main.parentElement.parentElement.offsetHeight;
+      this.loadingHeight = this.$refs.main.parentElement.parentElement.offsetHeight;
       if (self.vmodel) {
         self.load(self.vmodel);
       }
@@ -181,7 +237,7 @@ export default {
   },
   methods: {
     load(data) {
-      this.isLoading=false;
+      this.isLoading = false;
       var self = this;
       this.refershKey = this.refershKey + 1;
       this.model = data;
@@ -203,8 +259,54 @@ export default {
                 self.model.paramDataTags1 = self.model.tags1[i].paramData || '';
               }
             }
+
           }
         }
+        this.$nextTick(function () {
+          if (self.model.tags1.length > 0) {
+            var tagShowIndex = 0;
+            var sumWidth = 0;
+            var tagsMoreWidth = 22;
+            var nextWidth = 0;
+            for (var i = 0; i < self.model.tags1.length; i++) {
+              if (self.$refs["StatisticsItem" + i][0] && self.$refs["StatisticsItem" + i][0].offsetParent) {
+                sumWidth = sumWidth + self.$refs["StatisticsItem" + i][0].offsetParent.offsetWidth;
+                console.log('sumWidth',sumWidth);
+              }
+              if (i + 1 < self.model.tags1.length) {
+                try {
+                  nextWidth = nextWidth + self.$refs["StatisticsItem" + (i + 1)][0].offsetParent.offsetWidth;
+                  console.log('nextWidth',nextWidth);
+                } catch (e) { }
+              }
+              else {
+                tagsMoreWidth = 0;
+              }
+              if (self.$refs.tabsbox.offsetWidth  < sumWidth + tagsMoreWidth) {
+                
+                tagShowIndex = i;
+                break;
+              }
+              else if (self.$refs.tabsbox.offsetWidth  < nextWidth + tagsMoreWidth) {
+                tagShowIndex = i + 1;
+                break;
+              }
+            }
+            if (tagShowIndex > 0) {
+              const ExceptShowIndexWidth = self.$refs["StatisticsItem" + (tagShowIndex)][0].offsetLeft;
+              const preShowIndexWidth = self.$refs["StatisticsItem" + (tagShowIndex - 1)][0].getBoundingClientRect().width;
+              self.lastWidth = self.showWidth - ExceptShowIndexWidth + preShowIndexWidth - 20;
+              
+              self.showData = [
+                self.model.tags1.slice(0, tagShowIndex),
+                self.model.tags1.slice(tagShowIndex),
+              ];
+            }
+            else {
+              self.showData = self.model.tags1;
+            }
+          }
+        });
       }
       this.setDetailStyle();
       this.$nextTick(() => {
@@ -217,17 +319,17 @@ export default {
       let self = this;
       this.$nextTick(() => {
         if (this.$refs.main) {
-          if(this.model.routerForQRCode){
+          if (this.model.routerForQRCode) {
             this.topWidth = this.$refs.main.clientWidth - 140;
           }
-          else{
+          else {
             this.topWidth = this.$refs.main.clientWidth - 100;
           }
         }
 
-        if(this.$refs.sensitiveInfo){
-          this.statusTop=this.$refs.sensitiveInfo.offsetTop;
-          this.statusRight=23;
+        if (this.$refs.sensitiveInfo) {
+          this.statusTop = this.$refs.sensitiveInfo.offsetTop;
+          this.statusLeft = 20;
         }
 
         let totalWidth = 0;
@@ -240,9 +342,9 @@ export default {
           self.model.actionRoutersSimple.forEach((v, i) => {
             if (!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)) {
               if (self.$refs['routers' + i] && self.$refs['routers' + i].length > 0 && self.$refs['routers' + i][0] && self.$refs['routers' + i][0].$el) {
-                if (sumWidth + self.$refs['routers' + i][0].$el.offsetWidth -8 > totalWidth && self.showIndex === 0) {               
+                if (sumWidth + self.$refs['routers' + i][0].$el.offsetWidth - 8 > totalWidth && self.showIndex === 0) {
                   self.showIndex = i;
-                }   
+                }
                 else {
                   sumWidth = sumWidth + self.$refs['routers' + i][0].$el.offsetWidth + (i > 0 ? 10 : 0);
                 }
@@ -253,7 +355,7 @@ export default {
       });
     },
     refreshPage() {
-      this.refreshKey = this.refreshKey + 1;
+      // this.refreshKey = this.refreshKey + 1;
       this.showIndex = 0;
       this.setDetailStyle();
     },
@@ -325,6 +427,31 @@ export default {
         window.localStorage.setItem("simpletagkey", this.model.tags1[i].appID);//存储
       }
     },
+    handleDropDown(col, index) {
+      let i = index;
+      // this.model.activeIndex1 = (this.showData[0].length + i).toString();
+      let dropDownData = this.showData[1];
+
+      this.dropDownSelected = true;
+      if (dropDownData && dropDownData[i]) {
+        this.listKey = this.listKey + 1;
+        this.model.searchConditionApiTags1 = dropDownData[i].searchConditionAction || "";
+        this.model.searchDataApiTags1 = dropDownData[i].searchDataAction || "";
+        this.model.paramDataTags1 = dropDownData[i].paramData || "";
+        this.model.appIDTags1 = dropDownData[i].appID || "";
+
+        //交换位置
+      let lastItemIndex = this.showData[0].length - 1;
+       let lastItem = this.showData[0][lastItemIndex];
+       this.showData[0][lastItemIndex]=col;
+       this.showData[1][index]=lastItem;
+       this.model.activeIndex1 = lastItemIndex.toString();
+       this.model.tags1[lastItemIndex]=col;
+       this.model.tags1[lastItemIndex +1 +index]=lastItem;
+
+        window.localStorage.setItem("detailtagkey", dropDownData[i].appID); //存储
+      }
+    },
     fieldClickHandler(field) {
       if (this.$refs['popover0']) {
         this.$refs['popover0'].doClose();
@@ -387,7 +514,7 @@ export default {
             submitData[v] = self.model.fields1Dic[v].value;
           });
         }
-        if (router.id == "PropertyEdit") {
+        if (router.id == "Edit") {
           callBack = "loadBaseInfo"
         }
         else if (router.id == "Favorite") {
@@ -589,11 +716,9 @@ export default {
           fun(submitData, title, self.model);
         }
       }
-
       if (field.isSubmit && !self.validExcute()) {
         return;
       }
-
       if (field.alert) {
         self.$common.confirm(field.alertMsg, field.alertCaption, {
           confirmButtonText: field.alertOKButtonText,
@@ -697,8 +822,8 @@ export default {
 .drawerMore .el-drawer__header i.el-dialog__close.el-icon.el-icon-close {
   color: #fff;
   font-size: 20px;
-    margin-right: -8px;
-    margin-top: 3px;
+  margin-right: -8px;
+  margin-top: 3px;
 }
 
 .drawerButton {
@@ -722,19 +847,22 @@ export default {
 .drawerMore .el-icon-close:before {
   content: "\E6DB";
 }
+
 .crossButton {
   margin-bottom: 10px !important;
   background-color: #777 !important;
   border-color: #777 !important;
   width: 86px !important;
   height: 56px !important;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
+
 .crossButton:not(:first-child) {
   margin-left: 5px !important;
 }
+
 .Simplecollection {
   font-size: 18px;
   margin-right: 10px;
@@ -767,6 +895,107 @@ export default {
   font-weight: Bold;
   color: var(--chinaRed);
 }
+
+.OwnerShipNamesty {
+  font-size: 12px;
+  padding-top: 4px;
+  width: 26px;
+  height: 26px;
+  border-radius: 6px;
+  text-align: center;
+  margin-right: 10px;
+  color: #fff;
+  font-weight: Bold;
+  margin-top: -2px;
+}
+
+.statusNamesty {
+  position: absolute;
+  font-size: 12px;
+  width: 36px;
+  height: 19px;
+  border-radius: 4px 0px 4px 0px;
+  text-align: center;
+  color: #fff;
+}
+
+.bg-gray {
+  background-color: #777;
+  border: 1px solid #777;
+}
+
+.bg-red {
+  background-color: var(--chinaRed);
+  border: 1px solid var(--chinaRed);
+}
+
+.bg-blue {
+  background-color: var(--centalineBlue);
+  border: 1px solid var(--centalineBlue);
+}
+
+.bg-green {
+  background-color: #67C23A;
+  border: 1px solid #67C23A;
+}
+
+.border-green {
+  border: 1px solid #67C23A;
+}
+
+.border-red {
+  border: 1px solid var(--chinaRed);
+}
+
+.el-tabs__nav-prev {
+  display: none;
+}
+
+.el-tabs__nav-next {
+  display: none;
+}
+
+.more-icon {
+  position: absolute;
+  width: 16px;
+  height: 20px;
+  text-align: left;
+  bottom: 22px;
+  right: -1px;
+}
+
+.el-dropdown-menu--mini .el-dropdown-menu__item {
+  font-size: 14px;
+  font-weight: 700;
+  color: #303133;
+}
+.el-dropdown-menu__item:focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #fff;
+  color: var(--chinaRed);
+  border-bottom: 3px solid var(--chinaRed);
+}
+.tabsMore .is-active {
+  cursor: pointer;
+  background-color: #fff;
+  color: var(--chinaRed);
+  border-bottom: 3px solid var(--chinaRed);
+}
+.el-tabs__item {
+    padding: 0 15px;
+}
+ .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
+ .el-tabs--bottom .el-tabs__item.is-top:last-child,
+ .el-tabs--top .el-tabs__item.is-bottom:last-child,
+ .el-tabs--top .el-tabs__item.is-top:last-child {
+  padding-right: 15px;
+}
+.svgIcon {
+  width: 16px;
+  text-align: center;
+  cursor: pointer;
+}
+
 </style>