Kaynağa Gözat

暂存组件,更新图库图标

shaun-sheep 5 yıl önce
ebeveyn
işleme
79e2e507a5

Dosya farkı çok büyük olduğundan ihmal edildi
+ 228 - 200
src/assets/style/iconfont/iconfont.css


BIN
src/assets/style/iconfont/iconfont.eot


Dosya farkı çok büyük olduğundan ihmal edildi
+ 118 - 97
src/assets/style/iconfont/iconfont.svg


BIN
src/assets/style/iconfont/iconfont.ttf


BIN
src/assets/style/iconfont/iconfont.woff


+ 92 - 2
src/components/ledger/details/detail/exhibitionBaseInformation.vue

@@ -1,13 +1,103 @@
 <template>
+<div class="exhibition-baseInformation">
+  <section>
+    <p class="base">基本信息</p>
+    <article>
+      <el-row>
+        <!--v-if-->
+        <el-col :span="12">
+          <span class="ml-10">xxxx:</span>
+          <el-popover
+            placement="top-start"
+            width="160"
+            trigger="hover"
+            v-model="visible">
+            <p>xxxxxxxxx</p>
+            <div style="text-align: right; margin: 0">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleCopy"
+              >复制
+              </el-button>
+            </div>
+            <el-button
+              slot="reference"
+              type="text"
+            >xxxx</el-button>
+          </el-popover>
+        </el-col>
+<!--        test -->
+        <!--
+        v-else-if
+           <el-col :span="8"></el-col>
+           v-else
+           <el-col :span="6"></el-col>
+        -->
+        <el-col :span="12">
+          <span class="ml-10">xxxx:</span>
+          <el-popover
+            placement="top-start"
+            width="160"
+            trigger="hover"
+            v-model="visible">
+            <p>xxxxxxxxx</p>
+            <div style="text-align: right; margin: 0">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleCopy"
+              >复制
+              </el-button>
+            </div>
+            <el-button
+              slot="reference"
+              type="text"
+            >xxxx</el-button>
+          </el-popover>
+        </el-col>
 
+      </el-row>
+    </article>
+
+  </section>
+</div>
 </template>
 
 <script>
     export default {
-        name: "exhibition-baseInformation"
+        name: "exhibition-baseInformation",
+      data() {
+          return {
+            visible: false,
+          }
+      },
+      methods:{
+          handleCopy() {
+            this.visible = false
+            document.execCommand('Copy')
+            this.$message.success('复制成功')
+          }
+      }
     }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+  .exhibition-baseInformation {
+    section {
+      border: 1px solid #eeeeee;
+      margin: 10px;
+      .base{
+        margin: 10px;
+        font-weight: 600;
+        text-indent: 10px;
+        border-bottom:1px dashed #eee ;
+      }
+    }
+    .ml-10{
+      margin-left: 10px;
+      text-indent: 10px;
+    }
 
+  }
 </style>

+ 66 - 3
src/components/ledger/details/detail/exhibitionFile.vue

@@ -1,13 +1,76 @@
 <template>
+  <div class="exhibition-file">
+    <p class="title">
+      <span class=" iconfont icon-fujian"></span>
+      {{exhibitionFile.title}}</p>
+    <p class="text">xxx</p>
+    <section>
+      <el-row class="content">
+        <template>
+          <el-col :span="10" class="df">
+            <el-image
+              src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+              style="width: 70%;height: 70%;"
+            />
+          </el-col>
+          <el-col :span="10" class="df">
+            <div>名称xxx</div>
+            <div>2020-02-02</div>
+          </el-col>
+          <el-col :span="4" class="df">
+            <el-button class="icon-download iconfont" type="text"/>
+          </el-col>
+        </template>
 
+      </el-row>
+      <el-row class="content">
+        <template>
+          <el-col :span="10" class="df">
+            <el-image
+              src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+              style="width: 70%;height: 70%;"
+            />
+          </el-col>
+          <el-col :span="10" class="df">
+            <p>名称xxx</p>
+            <p>2020-02-02</p>
+          </el-col>
+          <el-col :span="4" class="df">
+            <el-button class="icon-download iconfont" type="text"/>
+          </el-col>
+        </template>
+
+      </el-row>
+    </section>
+  </div>
 </template>
 
 <script>
     export default {
-        name: "exhibition-file"
+      name: "exhibition-file",
+      props: ['exhibitionFile']
     }
 </script>
 
-<style scoped>
-
+<style scoped lang="less">
+  .exhibition-file {
+    .title {
+      border-bottom: 1px solid #eee;
+      padding: 10px 0;
+      font-weight: 600;
+      text-indent: 10px;
+    }
+    .content {
+      width: 95%;
+      height: 120px;
+      border: 1px solid #eee;
+      margin: 10px auto;
+    }
+    .df{
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center
+    }
+  }
 </style>

+ 7 - 28
src/components/ledger/details/detail/exhibitionImage.vue

@@ -6,41 +6,20 @@
     <div class="image">
       <el-image
         :preview-src-list="srcList"
+        v-for="(item,index) in url"
         :src="item"
+        :key="index"
         style="width: 20rem;height: 15rem;"
-        v-for="item in url">
+      >
       </el-image>
     </div>
-<div>
-  <p class="title">
-    <span class=" iconfont"></span>
-    {{exhibitionImage.videoTitle}}</p>N
-  <video src=""></video>
-</div>
     <div>
       <p class="title">
-      <span class=" iconfont icon-shipinbofangyingpian2"></span>
-      {{exhibitionImage.videoTitle}}</p>
-      <p class="text">xxx</p>
-      <section>
-        <el-row>
-          <template>
-            <el-col :span="10">
-              <el-image src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
-            </el-col>
-            <el-col :span="10">
-              <p>名称xxx</p>
-              <p>2020-02-02</p>
-
-            </el-col>
-            <el-col :span="4">
-              <el-button class="icon-download iconfont" type="text"/>
-            </el-col>
-          </template>
-
-        </el-row>
-      </section>
+        <span class=" iconfont icon-shipin"></span>
+        {{exhibitionImage.videoTitle}}</p>
+      <video src=""></video>
     </div>
+
   </div>
 </template>
 

+ 1 - 1
src/components/ledger/details/detail/selectRadio.vue

@@ -23,7 +23,7 @@
   .select-radio {
     .title {
       border-left: 8px solid black;
-      margin: 10px 40px 10px 0;
+      margin: 10px 40px 10px 10px;
       font-weight: 600;
       text-indent: 10px;
       display: inline-block;

+ 14 - 4
src/components/ledger/details/tableDisplay.vue

@@ -1,5 +1,7 @@
 <template>
   <div class="tableDisplay">
+<!--    <el-page-header @back="goBack" content="详情页面">-->
+<!--    </el-page-header>-->
     <el-row :gutter="24">
       <el-col :span="18">
         <!--设备信息点-->
@@ -20,6 +22,7 @@
       <el-col :span="6">
         <div class="grid-content bgc-white">
           <exhibitionImage :exhibitionImage="exhibitionImage"/>
+          <exhibitionFile :exhibitionFile="exhibitionFile"/>
         </div>
       </el-col>
     </el-row>
@@ -76,11 +79,13 @@
             supplierParameters: '台账参数 / 供应购买'
           }
         },
-        exhibitionFile: {},
+        exhibitionFile: {
+          title: '文件'
+        },
         exhibitionImage: {
-          title:'图片',
-          videoTitle:'视频',
-          fileTitle:'文件'
+          title: '图片',
+          videoTitle: '视频',
+
         }
       }
     },
@@ -94,6 +99,11 @@
       }, {
         label: '资产详情'
       }])
+    },
+    methods:{
+      // goBack() {
+      //   console.log('go back');
+      // }
     }
   }
 </script>