askbot-dragon 1.6.76-beta → 1.6.76

package/src/components/assetDetails.vue

@@ -1,379 +1,380 @@
-<template>
-  <div class="asset">
-    <div class="asset-details">
-      <section class="details-title">
-        <p>您正在咨询</p>
-        <span @click="rotateClick" class="rotate">
-          <i class="arsenal_icon arsenalangle-up-solid"></i>
-        </span>
-      </section>
-      <div class="details-content" v-if="!isThirdParty">
-        <img
-          class="backgroundImg"
-          v-if="dataDetails.product.productImgPathes && dataDetails.product.productImgPathes.length != 0"
-          :src="dataDetails.product.productImgPathes"
-          alt=""
-        />
-        <div class="background-null" v-else>
-          {{ dataDetails.productName | filterName }}
-        </div>
-        <div class="content-text">
-          <p class="text-title">{{ dataDetails.productName }}</p>
-          <section class="text-label">
-            <p class="text-type">
-              <i class="iconfont guoran-biaoqian"></i>
-              <span>{{
-                dataDetails.typeName ? dataDetails.typeName : "--"
-              }}</span>
-            </p>
-            <p class="text-SN">
-              <i class="iconfont guoran-xinghao"></i>
-              <span>{{ dataDetails.snNo ? dataDetails.snNo : "--" }}</span>
-            </p>
-          </section>
-        </div>
-      </div>
-      <div class="details-content" v-if="isThirdParty">
-          <img
-            class="backgroundImg"
-            v-if="dataDetails.product.productImgPathes && dataDetails.product.productImgPathes.length != 0"
-            :src="dataDetails.product.productImgPathes"
-            alt=""
-          />
-          <div class="background-null" v-else>
-            {{ dataDetails.name | filterName }}
-          </div>
-          <div class="content-text">
-              <p class="text-title">{{ dataDetails.name }}</p>
-              <section class="text-label">
-                <p class="text-type">
-                      <i class="iconfont guoran-bumen"></i>
-                      <span
-                        v-if="
-                          dataDetails.depts &&
-                          dataDetails.depts.length != 0 &&
-                          dataDetails.depts[0].wechatBotDTO &&
-                          dataDetails.depts[0].wechatBotDTO.wechatType == 0 &&
-                          dataDetails.depts[0].wechatBotDTO.bindType == 0
-                        "
-                      >
-                        <ww-open-data
-                          type="departmentName"
-                          :openid="dataDetails.depts[0].name"
-                        ></ww-open-data>
-                      </span>
-                      <span v-else>
-                        {{ (dataDetails.depts && dataDetails.depts[0]) ? dataDetails.depts[0].name : "--" }}
-                      </span>
-                </p>
-                <p class="text-SN">
-                  <i class="iconfont guoran-tongyichicun-mingcheng"></i>
-                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--12312" }}</span>
-                </p>
-              </section>
-          </div>
-      </div>
-      <div class="details-content-hide" v-if="false && !isThirdParty">
-        <p>
-          <i class="iconfont guoran-miaoshu"></i>
-          <section class="description">
-            <section class="img-view" v-if="imgList.length != 0">
-              <template v-for="(item, index) in imgList">
-                <img :src="item" alt="" :key="index" />
-              </template>
-            </section>
-            <span>{{
-              dataDetails.description ? dataDetails.description : "--"
-            }}</span>
-          </section>
-        </p>
-        <p>
-          <i class="arsenal_icon arsenalweizhi"></i>
-          <span> {{ dataDetails.officeAreaName }} </span>
-        </p>
-        <p>
-          <i class="iconfont guoran-geren"></i>
-          <span
-            v-if="
-              dataDetails.users &&
-              dataDetails.users.length != 0 &&
-              dataDetails.users.type == 0 &&
-              dataDetails.users.bindType == 0
-            "
-          >
-            <ww-open-data
-              type="userName"
-              :openid="dataDetails.users[0].name"
-            ></ww-open-data>
-          </span>
-          <span v-else>
-            {{ (dataDetails.users && dataDetails.users[0]) ? dataDetails.users[0].name : "--" }}
-          </span>
-        </p>
-        <p>
-          <i class="iconfont guoran-bumen"></i>
-          <span
-            v-if="
-              dataDetails.depts &&
-              dataDetails.depts.length != 0 &&
-              dataDetails.depts[0].wechatBotDTO &&
-              dataDetails.depts[0].wechatBotDTO.wechatType == 0 &&
-              dataDetails.depts[0].wechatBotDTO.bindType == 0
-            "
-          >
-            <ww-open-data
-              type="departmentName"
-              :openid="dataDetails.depts[0].name"
-            ></ww-open-data>
-          </span>
-          <span v-else>
-            {{ (dataDetails.depts && dataDetails.depts[0]) ? dataDetails.depts[0].name : "--" }}
-          </span>
-        </p>
-        <p>
-          <i class="iconfont guoran-guanlizhe"></i>
-          <span
-            v-if="
-              dataDetails.managers &&
-              dataDetails.managers.length != 0 &&
-              dataDetails.managers.type == 0 &&
-              dataDetails.managers.bindType == 0
-            "
-          >
-            <ww-open-data
-              type="userName"
-              :openid="dataDetails.managers[0].name"
-            ></ww-open-data>
-          </span>
-          <span>
-            {{ (dataDetails.managers && dataDetails.managers[0]) ? dataDetails.managers[0].name : "--" }}
-          </span>
-        </p>
-      </div> 
-    </div>
-  </div>
-</template>
-
-<script>
-/*eslint-disable*/
-export default {
-  props: {
-    data: {
-      type: Object,
-    },
-  },
-  data() {
-    return {
-      detailVisable: false,
-      rotateFlag: true,
-      imgList: [],
-    };
-  },
-  filters: {
-    filterName(value) {
-      let str = "";
-      let reg =
-        /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/;
-      if (reg.test(value[0])) {
-        str = value[0];
-      } else {
-        str = value[0] + value[1];
-      }
-      return str;
-    },
-  },
-  computed: {
-    dataDetails() {
-      let dataDetails = this.data.assets;
-      if (dataDetails.description) {
-        let reg = /<\/?.+?\/?>/g;
-        let imgReg = /<img.*?(?:>|\/>)/gi;
-        //匹配src属性
-        let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
-        let arr = dataDetails.description.match(imgReg);
-        if (arr) {
-          for (var i = 0; i < arr.length; i++) {
-            var src = arr[i].match(srcReg);
-            if (src[1]) {
-              this.imgList.push(src[1]);
-            }
-          }
-        }
-        dataDetails.description =
-          dataDetails.description &&
-          dataDetails.description.replace(/&nbsp;/gi, "");
-        dataDetails.description = dataDetails.description
-          ? dataDetails.description.replace(reg, "")
-          : "";
-      }
-      return dataDetails;
-    },
-    isThirdParty() {
-      return this.data.assets.thirdAssetsCode
-    }
-  },
-  methods: {
-    rotateClick() {
-      // this.rotateFlag = !this.rotateFlag;
-      this.$emit('assetClick', this.data.assets)
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@import url("../assets/less/iconfont.css");
-.asset {
-  width: 100%;
-  box-sizing: border-box;
-  padding-right: 15px;
-}
-.asset-details {
-  width: 100%;
-  //   height: 130px;
-  box-sizing: border-box;
-  background: #ffffff;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
-  border-radius: 13px;
-  .details-title {
-    display: flex;
-    height: 45px;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #eeeeee;
-    box-sizing: border-box;
-    padding: 10px;
-    p {
-      font-size: 17px;
-      font-weight: bold;
-      color: #000000;
-    }
-    span {
-      width: 25px;
-      height: 25px;
-      line-height: 25px;
-      text-align: center;
-      border-radius: 25px;
-      border: 1px solid #366aff;
-      i {
-        color: #366aff;
-      }
-    }
-    .rotate {
-      transform: rotate(90deg);
-    }
-  }
-  .details-content {
-    width: 100%;
-    min-height: 85px;
-    box-sizing: border-box;
-    padding: 15px 15px;
-    display: flex;
-    align-items: center;
-    .backgroundImg {
-      width: 67px;
-      height: 51px;
-      margin-right: 15px;
-    }
-    .background-null {
-      width: 51px;
-      min-height: 51px;
-      background: #366aff;
-      border-radius: 51px;
-      line-height: 51px;
-      text-align: center;
-      font-size: 24px;
-      color: #ffffff;
-      margin-right: 15px;
-    }
-    .content-text {
-      width: calc(100% - 90px);
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      .text-title {
-        width: 100%;
-        font-weight: bold;
-        color: #000000;
-        font-size: 15px;
-        text-overflow: hidden;
-        margin-bottom: 5px;
-        // overflow-wrap: each();
-      }
-      .text-label {
-        width: 100%;
-        display: flex;
-        flex-wrap: wrap;
-        p {
-          margin-right: 10px;
-          display: flex;
-          align-items: center;
-          i {
-            margin-right: 3px;
-          }
-        }
-        .text-type {
-          background: #e1faf9;
-          box-sizing: border-box;
-          padding: 3px 5px;
-          margin-bottom: 5px;
-          border-radius: 5px;
-          i {
-            color: #00c2bb;
-          }
-          span {
-            color: #00c2bb;
-          }
-        }
-        .text-SN {
-          background: #edf2ff;
-          box-sizing: border-box;
-          padding: 3px 5px;
-          margin-bottom: 5px;
-          border-radius: 5px;
-          i {
-            color: #366aff;
-          }
-          span {
-            color: #366aff;
-            margin-bottom: 0 !important;
-          }
-        }
-      }
-    }
-  }
-  .details-content-hide {
-    width: 100%;
-    min-height: 140px;
-    box-sizing: border-box;
-    padding: 10px 15px;
-    border-top: 1px solid #eeeeee;
-    p {
-      margin-bottom: 5px;
-      display: flex;
-      align-items: center;
-      i {
-        margin-right: 10px;
-        color: #366aff;
-      }
-    }
-    .description {
-      max-width: 95%;
-      .img-view {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        align-items: center;
-        img {
-          width: 33%;
-          height: 33%;
-          margin-bottom: 5px;
-        }
-      }
-    }
-  }
-}
+<template>
+  <div class="asset">
+    <div class="asset-details">
+      <section class="details-title">
+        <p>{{$t('dragonCommon.youareconsulting')}}</p>
+        <span @click="rotateClick" class="rotate">
+          <i class="arsenal_icon arsenalangle-up-solid"></i>
+        </span>
+      </section>
+      <div class="details-content" v-if="!isThirdParty">
+        <img
+          class="backgroundImg"
+          v-if="dataDetails.product.productImgPathes && dataDetails.product.productImgPathes.length != 0"
+          :src="dataDetails.product.productImgPathes"
+          alt=""
+        />
+        <div class="background-null" v-else>
+          {{ dataDetails.productName | filterName }}
+        </div>
+        <div class="content-text">
+          <p class="text-title">{{ dataDetails.productName }}</p>
+          <section class="text-label">
+            <p class="text-type">
+              <i class="iconfont guoran-biaoqian"></i>
+              <span>{{
+                dataDetails.typeName ? dataDetails.typeName : "--"
+              }}</span>
+            </p>
+            <p class="text-SN">
+              <i class="iconfont guoran-xinghao"></i>
+              <span>{{ dataDetails.snNo ? dataDetails.snNo : "--" }}</span>
+            </p>
+          </section>
+        </div>
+      </div>
+      <div class="details-content" v-if="isThirdParty">
+          <img
+            class="backgroundImg"
+            v-if="dataDetails.product.productImgPathes && dataDetails.product.productImgPathes.length != 0"
+            :src="dataDetails.product.productImgPathes"
+            alt=""
+          />
+          <div class="background-null" v-else>
+            {{ dataDetails.name | filterName }}
+          </div>
+          <div class="content-text">
+              <p class="text-title">{{ dataDetails.name }}</p>
+              <section class="text-label">
+                <p class="text-type">
+                      <i class="iconfont guoran-bumen"></i>
+                      <span
+                        v-if="
+                          dataDetails.depts &&
+                          dataDetails.depts.length != 0 &&
+                          dataDetails.depts[0].wechatBotDTO &&
+                          dataDetails.depts[0].wechatBotDTO.wechatType == 0 &&
+                          dataDetails.depts[0].wechatBotDTO.bindType == 0
+                        "
+                      >
+                        <ww-open-data
+                          type="departmentName"
+                          :openid="dataDetails.depts[0].name"
+                        ></ww-open-data>
+                      </span>
+                      <span v-else>
+                        {{ (dataDetails.depts && dataDetails.depts[0]) ? dataDetails.depts[0].name : "--" }}
+                      </span>
+                </p>
+                <p class="text-SN">
+                  <i class="iconfont guoran-tongyichicun-mingcheng"></i>
+                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--12312" }}</span>
+                </p>
+              </section>
+          </div>
+      </div>
+      <div class="details-content-hide" v-if="false && !isThirdParty">
+        <p>
+          <i class="iconfont guoran-miaoshu"></i>
+          <section class="description">
+            <section class="img-view" v-if="imgList.length != 0">
+              <template v-for="(item, index) in imgList">
+                <img :src="item" alt="" :key="index" />
+              </template>
+            </section>
+            <span>{{
+              dataDetails.description ? dataDetails.description : "--"
+            }}</span>
+          </section>
+        </p>
+        <p>
+          <i class="arsenal_icon arsenalweizhi"></i>
+          <span> {{ dataDetails.officeAreaName }} </span>
+        </p>
+        <p>
+          <i class="iconfont guoran-geren"></i>
+          <span
+            v-if="
+              dataDetails.users &&
+              dataDetails.users.length != 0 &&
+              dataDetails.users.type == 0 &&
+              dataDetails.users.bindType == 0
+            "
+          >
+            <ww-open-data
+              type="userName"
+              :openid="dataDetails.users[0].name"
+            ></ww-open-data>
+          </span>
+          <span v-else>
+            {{ (dataDetails.users && dataDetails.users[0]) ? dataDetails.users[0].name : "--" }}
+          </span>
+        </p>
+        <p>
+          <i class="iconfont guoran-bumen"></i>
+          <span
+            v-if="
+              dataDetails.depts &&
+              dataDetails.depts.length != 0 &&
+              dataDetails.depts[0].wechatBotDTO &&
+              dataDetails.depts[0].wechatBotDTO.wechatType == 0 &&
+              dataDetails.depts[0].wechatBotDTO.bindType == 0
+            "
+          >
+            <ww-open-data
+              type="departmentName"
+              :openid="dataDetails.depts[0].name"
+            ></ww-open-data>
+          </span>
+          <span v-else>
+            {{ (dataDetails.depts && dataDetails.depts[0]) ? dataDetails.depts[0].name : "--" }}
+          </span>
+        </p>
+        <p>
+          <i class="iconfont guoran-guanlizhe"></i>
+          <span
+            v-if="
+              dataDetails.managers &&
+              dataDetails.managers.length != 0 &&
+              dataDetails.managers.type == 0 &&
+              dataDetails.managers.bindType == 0
+            "
+          >
+            <ww-open-data
+              type="userName"
+              :openid="dataDetails.managers[0].name"
+            ></ww-open-data>
+          </span>
+          <span>
+            {{ (dataDetails.managers && dataDetails.managers[0]) ? dataDetails.managers[0].name : "--" }}
+          </span>
+        </p>
+      </div> 
+    </div>
+  </div>
+</template>
+
+<script>
+/*eslint-disable*/
+export default {
+  props: {
+    data: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      detailVisable: false,
+      rotateFlag: true,
+      imgList: [],
+    };
+  },
+  filters: {
+    filterName(value) {
+      let str = "";
+      let reg =
+        /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/;
+      if (reg.test(value[0])) {
+        str = value[0];
+      } else {
+        str = value[0] + value[1];
+      }
+      return str;
+    },
+  },
+  computed: {
+    dataDetails() {
+      let dataDetails = this.data.assets;
+      if (dataDetails.description) {
+        let reg = /<\/?.+?\/?>/g;
+        let imgReg = /<img.*?(?:>|\/>)/gi;
+        //匹配src属性
+        let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
+        let arr = dataDetails.description.match(imgReg);
+        if (arr) {
+          for (var i = 0; i < arr.length; i++) {
+            var src = arr[i].match(srcReg);
+            if (src[1]) {
+              this.imgList.push(src[1]);
+            }
+          }
+        }
+        dataDetails.description =
+          dataDetails.description &&
+          dataDetails.description.replace(/&nbsp;/gi, "");
+        dataDetails.description = dataDetails.description
+          ? dataDetails.description.replace(reg, "")
+          : "";
+      }
+      return dataDetails;
+    },
+    isThirdParty() {
+      return this.data.assets.thirdAssetsCode
+    }
+  },
+  methods: {
+    rotateClick() {
+      // this.rotateFlag = !this.rotateFlag;
+      this.$emit('assetClick', this.data.assets)
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import "../assets/less/variables.less";
+@import url("../assets/less/iconfont.css");
+.asset {
+  width: 100%;
+  box-sizing: border-box;
+  padding-right: 15px;
+}
+.asset-details {
+  width: 100%;
+  //   height: 130px;
+  box-sizing: border-box;
+  background: @background-color-light;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
+  border-radius: 13px;
+  .details-title {
+    display: flex;
+    height: 45px;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid @border-color-r3;
+    box-sizing: border-box;
+    padding: 10px;
+    p {
+      font-size: 17px;
+      font-weight: bold;
+      color: @font-primary-color;
+    }
+    span {
+      width: 25px;
+      height: 25px;
+      line-height: 25px;
+      text-align: center;
+      border-radius: 25px;
+      border: 1px solid @border-color-primary;
+      i {
+        color: @font-primary-accent-color;
+      }
+    }
+    .rotate {
+      transform: rotate(90deg);
+    }
+  }
+  .details-content {
+    width: 100%;
+    min-height: 85px;
+    box-sizing: border-box;
+    padding: 15px 15px;
+    display: flex;
+    align-items: center;
+    .backgroundImg {
+      width: 67px;
+      height: 51px;
+      margin-right: 15px;
+    }
+    .background-null {
+      width: 51px;
+      min-height: 51px;
+      background: @primary-color;
+      border-radius: 51px;
+      line-height: 51px;
+      text-align: center;
+      font-size: 24px;
+      color: @font-primary-light-color;
+      margin-right: 15px;
+    }
+    .content-text {
+      width: calc(100% - 90px);
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      .text-title {
+        width: 100%;
+        font-weight: bold;
+        color: @font-primary-color;
+        font-size: 15px;
+        text-overflow: hidden;
+        margin-bottom: 5px;
+        // overflow-wrap: each();
+      }
+      .text-label {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        p {
+          margin-right: 10px;
+          display: flex;
+          align-items: center;
+          i {
+            margin-right: 3px;
+          }
+        }
+        .text-type {
+          background: @background-color-asset-text-r1;
+          box-sizing: border-box;
+          padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
+          i {
+            color: @font-alc-color;
+          }
+          span {
+            color: @font-alc-color;
+          }
+        }
+        .text-SN {
+          background: @background-color-asset-text-r2;
+          box-sizing: border-box;
+          padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
+          i {
+            color: @font-primary-accent-color;
+          }
+          span {
+            color: @font-primary-accent-color;
+            margin-bottom: 0 !important;
+          }
+        }
+      }
+    }
+  }
+  .details-content-hide {
+    width: 100%;
+    min-height: 140px;
+    box-sizing: border-box;
+    padding: 10px 15px;
+    border-top: 1px solid @border-color-r3;
+    p {
+      margin-bottom: 5px;
+      display: flex;
+      align-items: center;
+      i {
+        margin-right: 10px;
+        color: @font-primary-accent-color;
+      }
+    }
+    .description {
+      max-width: 95%;
+      .img-view {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: center;
+        img {
+          width: 33%;
+          height: 33%;
+          margin-bottom: 5px;
+        }
+      }
+    }
+  }
+}
 </style>