提交代码

src/entry/gs/components/incrementalDataList/incrementalDataList.vue

@@ -27,28 +27,42 @@
         </div>
         <span class="content-number">{{ serialNumber(index) }}</span>
       </li>
-      <li class="content-name" @click="showProduct(item, index)">{{ item.name }}</li>
+      <li class="content-name" @click="showProduct(item, index)">
+        {{ item.name }}
+      </li>
       <li class="content-time">{{ item.update_time | formatTime }}</li>
       <li class="content-chain">
-        <div class="content-the-above-link" v-if="item.status === 2">已上链</div>
+        <div class="content-the-above-link" v-if="item.status === 2">
+          已上链
+        </div>
         <div
           class="content-on-the-chain"
           v-if="item.status === 0"
           @click="$emit('upload', item)"
-        >点击上链</div>
+        >
+          点击上链
+        </div>
         <div v-if="item.status === 1" class="content-status-ing">上链中</div>
         <div
           v-if="item.status === 3"
           class="content-status--fail"
           @click="$emit('upload', item)"
-        >上链失败</div>
-        <div v-if="item.status === 4" class="content-the-above-link">隐藏中</div>
-        <div v-if="item.status === 5" class="content-the-above-link">已隐藏</div>
+        >
+          上链失败
+        </div>
+        <div v-if="item.status === 4" class="content-the-above-link">
+          隐藏中
+        </div>
+        <div v-if="item.status === 5" class="content-the-above-link">
+          已隐藏
+        </div>
         <div
           v-if="item.status === 6"
           class="content-status--fail"
           @click="$emit('privacy-settings', item)"
-        >隐藏失败</div>
+        >
+          隐藏失败
+        </div>
       </li>
       <li class="content-search">
         <div class="block">
@@ -63,7 +77,11 @@
               ]"
             ></i>
             <!-- 浮动弹框 -->
-            <ul class="set-menu block-ul" v-if="checkBlock === index" @mousedown.stop>
+            <ul
+              class="set-menu block-ul"
+              v-if="checkBlock === index"
+              @mousedown.stop
+            >
               <li @click="handleChain(item)">查看区块链</li>
               <li @click="CopyAddress(item)">复制存证地址</li>
             </ul>
@@ -72,7 +90,10 @@
       </li>
       <li class="content-set">
         <div class="set-btn_wrapper">
-          <i @click.stop="openSet(item, index)" class="iconfont icongengduocaozuo"></i>
+          <i
+            @click.stop="openSet(item, index)"
+            class="iconfont icongengduocaozuo"
+          ></i>
           <ul class="set-menu" v-if="checkSet === index" @mousedown.stop>
             <li
               v-if="item.status === 2 || item.status === 6"
@@ -80,20 +101,28 @@
                 $emit('privacy-settings', item);
                 checkSet = -1;
               "
-            >隐私设置</li>
-            <li v-if="item.status === 2" @click="increment(item, index)">增量更新</li>
+            >
+              隐私设置
+            </li>
+            <li v-if="item.status === 2" @click="increment(item, index)">
+              增量更新
+            </li>
             <li
               @click="
                 $emit('create-copy', item);
                 checkSet = -1;
               "
-            >创建副本</li>
+            >
+              创建副本
+            </li>
             <li
               @click="
                 $emit('delete-goods', item);
                 checkSet = -1;
               "
-            >删除</li>
+            >
+              删除
+            </li>
           </ul>
         </div>
       </li>
@@ -102,7 +131,11 @@
         style="width: 100%; overflow-y: auto; max-height: 250px"
         v-show="expandTheListIndex === index"
       >
-        <ul class="incremental-list" v-for="(item2, index2) in item.incrementList" :key="index2">
+        <ul
+          class="incremental-list"
+          v-for="(item2, index2) in item.incrementList"
+          :key="index2"
+        >
           <li class="incremental-icon">
             <i
               class="iconfont"
@@ -111,7 +144,12 @@
               ]"
             ></i>
           </li>
-          <li class="incremental-name" @click="enterDetails(item2, item, index)">{{ item2.name }}</li>
+          <li
+            class="incremental-name"
+            @click="enterDetails(item2, item, index)"
+          >
+            {{ item2.name }}
+          </li>
           <li class="incremental-time">{{ item2.update_time | formatTime }}</li>
           <li class="incremental-state">
             <span v-if="item2.status === 2" class="state-ban">已上链</span>
@@ -119,7 +157,8 @@
               v-if="item2.status === 0"
               class="state-start"
               @click="$emit('incremental-chain', item2, item)"
-            >点击上链</span>
+              >点击上链</span
+            >
             <span v-if="item2.status === 1" class="state-ing">上链中</span>
             <span v-if="item2.status === 3" class="state-fail">上链失败</span>
             <span v-if="item2.status === 5" class="state-ing">已隐藏</span>
@@ -133,7 +172,8 @@
                 :class="{
                   'span-ban': item2.status === 1 || item2.status === 2,
                 }"
-              >删除</span>
+                >删除</span
+              >
               <span class="span-ban">复制</span>
             </div>
           </li>
@@ -155,7 +195,7 @@ export default {
     };
   },
   watch: {
-    getInfoList: function(newv, oldv) {
+    getInfoList: function (newv, oldv) {
       this.expandTheListIndex = -1;
       if (this.$store.state.theAnchor != -1) {
         this.expandTheList(
@@ -163,27 +203,26 @@ export default {
           this.$store.state.theAnchor
         );
       }
-    }
+    },
   },
   computed: {
     //   获取存证信息列表
-    getInfoList: function() {
+    getInfoList: function () {
       return this.$store.state.listOfInformation;
     },
     // 获取当前页码
-    getPage: function() {
+    getPage: function () {
       return this.$store.state.page;
     },
     // 序号
-    serialNumber: function(index) {
-      return function(index) {
+    serialNumber: function (index) {
+      return function (index) {
         return (this.getPage - 1) * 10 + (index + 1);
       };
-    }
+    },
   },
   methods: {
     increment(item, index) {
-      this.$store.commit("setTheAnchor", index);
       this.$emit("increment", item);
       this.checkSet = -1;
     },
@@ -196,8 +235,8 @@ export default {
         query: {
           personalTemplateId: item.id, //父级id
           personalTemplateName: item.name, // 父级name
-          childId: item2.id // 当前存证id
-        }
+          childId: item2.id, // 当前存证id
+        },
       });
     },
     // 展开增量数据列表
@@ -212,8 +251,8 @@ export default {
         params: {
           base_hash: item.hash,
           page: 1,
-          page_size: 10
-        }
+          page_size: 10,
+        },
       });
       if (res) {
         let list = res.data.results;
@@ -242,7 +281,7 @@ export default {
       document.body.removeChild(input);
       this.$message({
         message: "复制成功，请右键粘贴使用",
-        type: "success"
+        type: "success",
       });
     },
     // 隐藏条件选中
@@ -262,8 +301,8 @@ export default {
       this.$router.push({
         path: "/editTemplate",
         query: {
-          personalTemplateId: item.id
-        }
+          personalTemplateId: item.id,
+        },
       });
     },
     openSet(item, index) {
@@ -277,7 +316,7 @@ export default {
       this.checkBlock = index;
       document.addEventListener("mousedown", this.onHindMenu);
     },
-  }
+  },
 };
 </script>
 
@@ -499,7 +538,7 @@ export default {
     height: 30px;
     background: white;
     padding-left: 50px;
-    color: #0CC399;
+    color: #0cc399;
     i {
       font-size: 12px;
     }
@@ -507,6 +546,9 @@ export default {
   .incremental-name {
     width: 176px;
     cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
   .incremental-state {
     width: 80px;
@@ -519,7 +561,7 @@ export default {
     }
     .state-start {
       font-size: 12px;
-      color: #0CC399;
+      color: #0cc399;
       cursor: pointer;
     }
     .state-ban {
@@ -546,7 +588,7 @@ export default {
       background: #fafafb;
       // border: 1px solid #000;
       span {
-        color: #0CC399;
+        color: #0cc399;
         padding-right: 10%;
         float: right;
         cursor: pointer;

src/entry/gs/components/productList/productList.vue

@@ -2,7 +2,11 @@
 <template>
   <div class="new-product-list">
     <!-- 缺省页 -->
-    <default-page tips="您还未添加存证" v-if="FirstEntry" @to-add="toEditTemplate" />
+    <default-page
+      tips="您还未添加存证"
+      v-if="FirstEntry"
+      @to-add="toEditTemplate"
+    />
     <!-- 主体 -->
     <div v-else class="new-product_list">
       <!-- 头 -->
@@ -51,7 +55,13 @@
         />
       </div>
       <!-- 页码组件 -->
-      <pagination class="pager" v-model="page" :total="total" @change="pagechange" :size="10">
+      <pagination
+        class="pager"
+        v-model="page"
+        :total="total"
+        @change="pagechange"
+        :size="10"
+      >
         <span class="pager-count">共{{ Math.ceil(total / 10) }}页</span>
       </pagination>
     </div>
@@ -62,7 +72,11 @@
       @cancel="UncertifiedConfirm"
     ></uncertified>
     <!-- 增量 -->
-    <common-dialog v-if="showIncrements" @closePopup="showIncrements = false" showMask>
+    <common-dialog
+      v-if="showIncrements"
+      @closePopup="showIncrements = false"
+      showMask
+    >
       <Increments
         :pre_hash="preHash"
         :evidenceName="localName"
@@ -71,7 +85,11 @@
       ></Increments>
     </common-dialog>
     <!-- 删除组件 -->
-    <common-dialog v-if="showDeleteDialog" @closePopup="showDeleteDialog = false" showMask>
+    <common-dialog
+      v-if="showDeleteDialog"
+      @closePopup="showDeleteDialog = false"
+      showMask
+    >
       <delete-goods
         @CloseDg="showDeleteDialog = false"
         :id="infoId"
@@ -80,7 +98,12 @@
       ></delete-goods>
     </common-dialog>
     <!-- 添加存证弹窗 -->
-    <common-dialog v-if="isShowAdd" @closePopup="isShowAdd = false" showMask class="style-addgoods">
+    <common-dialog
+      v-if="isShowAdd"
+      @closePopup="isShowAdd = false"
+      showMask
+      class="style-addgoods"
+    >
       <add-goods @cancel="isShowAdd = false"></add-goods>
     </common-dialog>
     <!-- copyGoods -->
@@ -90,23 +113,38 @@
       showMask
       class="style-addgoods"
     >
-      <copy-goods @close="isShowCopy = false" :Copydetails="Copydetails" @update="getList"></copy-goods>
+      <copy-goods
+        @close="isShowCopy = false"
+        :Copydetails="Copydetails"
+        @update="getList"
+      ></copy-goods>
     </common-dialog>
     <!-- prompt -->
     <common-dialog showMask v-if="PromptShow" @closePopup="PromptShow = false">
-      <prompt tip="确定要隐藏该条记录吗" @close="PromptShow = false" @confirm="hiddenCertificate" />
+      <prompt
+        tip="确定要隐藏该条记录吗"
+        @close="PromptShow = false"
+        @confirm="hiddenCertificate"
+      />
     </common-dialog>
     <!-- 增量弹窗 -->
     <div class="chain-dialog" v-show="isShowToChainDialog">
       <div class="chain-mask" @click="isShowToChainDialog = false"></div>
       <div class="chain-content">
-        <i class="iconfont iconjiufuqianbaoicon08" @click="isShowToChainDialog = false"></i>
+        <i
+          class="iconfont iconjiufuqianbaoicon08"
+          @click="isShowToChainDialog = false"
+        ></i>
         <img src="../../../../assets/images/category/chain_notice.png" />
         <div class="part-bottom">
           <h3>上链提示</h3>
-          <p class="line-one">信息上链后，即将展示在区块链上以作永恒记录，如有虚假，</p>
+          <p class="line-one">
+            信息上链后，即将展示在区块链上以作永恒记录，如有虚假，
+          </p>
           <p class="line-two">登记⽅需⾃愿承担由此产⽣的⼀切后果。</p>
-          <div class="chain-btn" @click.stop="Confirm(TheIncrementalData)">确定上链</div>
+          <div class="chain-btn" @click.stop="Confirm(TheIncrementalData)">
+            确定上链
+          </div>
         </div>
       </div>
     </div>
@@ -137,7 +175,7 @@ export default {
     deleteGoods,
     Uncertified,
     copyGoods,
-    prompt
+    prompt,
   },
   data() {
     return {
@@ -166,7 +204,7 @@ export default {
       isShowCopy: false,
       Copydetails: {},
       PromptShow: false,
-      PromptID: -1
+      PromptID: -1,
     };
   },
   created() {
@@ -200,15 +238,15 @@ export default {
         type: "POST",
         url: GO_URLS.deleteBlockChainProof,
         params: {
-          id: this.PromptID
-        }
+          id: this.PromptID,
+        },
       });
       if (res) {
         this.getList();
         this.PromptShow = false;
         this.$message({
           type: "success",
-          message: "隐藏成功!"
+          message: "隐藏成功!",
         });
       }
     },
@@ -260,7 +298,7 @@ export default {
       } else {
         this.$message({
           message: "增量数据未上链，无法继续增量",
-          type: "warning"
+          type: "warning",
         });
       }
     },
@@ -271,7 +309,7 @@ export default {
       this.$confirm("此操作将永久删除该存证, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
           that.deleteIncremental(item.id);
@@ -279,7 +317,7 @@ export default {
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除"
+            message: "已取消删除",
           });
         });
     },
@@ -299,13 +337,13 @@ export default {
     async deleteIncremental(id) {
       const res = await this.$ajax({
         type: "delete",
-        url: GO_URLS.deleteIncrement + `/` + id
+        url: GO_URLS.deleteIncrement + `/` + id,
       });
       if (res) {
         this.getList();
         this.$message({
           type: "success",
-          message: "删除成功!"
+          message: "删除成功!",
         });
       }
     },
@@ -330,12 +368,12 @@ export default {
       const res = await this.$ajax({
         type: "post",
         url: GO_URLS.sendBlockIncrementChain,
-        params: { id: this.TheIncrementalData.id }
+        params: { id: this.TheIncrementalData.id },
       });
       if (res) {
         this.$message({
           type: "success",
-          message: "上链信息提交成功!"
+          message: "上链信息提交成功!",
         });
         this.isShowToChainDialog = false;
         this.getList();
@@ -356,12 +394,12 @@ export default {
       const res = await this.$ajax({
         type: "post",
         url: GO_URLS.sendBlockChian,
-        params: { id: this.infoId }
+        params: { id: this.infoId },
       });
       if (res) {
         this.$message({
           type: "success",
-          message: "上链信息提交成功!"
+          message: "上链信息提交成功!",
         });
         this.isShowToChainDialog = false;
         this.getList();
@@ -375,7 +413,7 @@ export default {
       this.$emit("update");
       this.$message({
         type: "success",
-        message: "删除存证成功!"
+        message: "删除存证成功!",
       });
     },
     // 展开删除存证弹窗
@@ -392,18 +430,19 @@ export default {
         is_valid: 0, //可用
         page: this.page,
         key_words: this.searchvalue,
-        page_size: 10
+        page_size: 10,
       };
       const res = await this.$ajax({
         type: "post",
         url: GO_URLS.list,
-        params
+        params,
       });
       if (res) {
         this.total = res.data.total;
         this.$store.commit("setListOfInformation", res.data.results || []);
         this.$store.commit("setGoodsNum", res.data.total);
         this.$store.commit("setPage", this.page);
+        this.$store.commit("setTheAnchor", -1);
         if (!res.data.results && !this.isFirst) {
           if (this.isFirst) return;
           this.FirstEntry = true;
@@ -461,8 +500,8 @@ export default {
     // 添加存证
     toEditTemplate() {
       this.isShowAdd = true;
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -483,7 +522,7 @@ export default {
         width: 120px;
         height: 36px;
         cursor: pointer;
-        background: #0CC399;
+        background: #0cc399;
         box-shadow: 0px 2px 10px 0px rgba(30, 15, 255, 0.14),
           0px 2px 10px 0px rgba(140, 255, 229, 0.32);
         border-radius: 18px;
@@ -958,7 +997,7 @@ export default {
   .chain-content .part-bottom .chain-btn {
     font-size: 14px;
     color: white;
-    background-color: #0CC399;
+    background-color: #0cc399;
     border-radius: 4px;
     width: 120px;
     height: 40px;

src/entry/gs/views/editTemplate/editTemplate.vue

@@ -1053,6 +1053,10 @@ export default class editTemplate extends Vue {
     color: white;
     background: #0cc399;
     border: 1px solid #0cc399;
+    max-width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
   li {
     list-style: none;
@@ -1066,6 +1070,10 @@ export default class editTemplate extends Vue {
     border-radius: 5px;
     margin-right: 10px;
     line-height: 34px;
+    max-width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
     i {
       color: white;
     }
@@ -1309,6 +1317,9 @@ export default class editTemplate extends Vue {
 
 .header-title {
   margin-left: 31px;
+  /deep/.input_text {
+    max-width: 300px;
+  }
 }
 .header-select {
   float: right;