hd-idevvue3 3.0.2 → 3.0.4

package/src/hdcom/BillUpload.vue

@@ -1,42 +1,71 @@
 <template>
-  <el-dialog title="单证上传" :visible.sync="visible" width='50%' append-to-body top="2vh">
+  <el-dialog
+    title="单证上传"
+    :visible.sync="visible"
+    width="50%"
+    append-to-body
+    top="2vh"
+  >
     <el-container class="bill_upload_container">
       <el-aside width="30%">
         <template v-for="row in rows">
-          <el-image :src="row.src" @click="doImageItemClick(row)"
-                    :class="{image_list: row.fileId == hdform.fileId}" lazy></el-image>
-          <div class="image_list_title">{{row.titleTxt}}</div>
+          <el-image
+            :src="row.src"
+            @click="doImageItemClick(row)"
+            :class="{ image_list: row.fileId == hdform.fileId }"
+            lazy
+          ></el-image>
+          <div class="image_list_title">{{ row.titleTxt }}</div>
         </template>
         <div class="image_list_button">
           <el-col :span="12">
-            <el-button class="filter-item" @click="doGoUp" type="">上移
+            <el-button class="filter-item" @click="doGoUp" type=""
+              >上移
             </el-button>
           </el-col>
           <el-col :span="12">
-            <el-button class="filter-item" @click="doGoDown" type="">下移
+            <el-button class="filter-item" @click="doGoDown" type=""
+              >下移
             </el-button>
           </el-col>
         </div>
       </el-aside>
       <el-main>
         <el-row>
-          <el-image :src="hdform.src||''" :preview-src-list="[hdform.src||'']" class="image_detail" lazy>
+          <el-image
+            :src="hdform.src || ''"
+            :preview-src-list="[hdform.src || '']"
+            class="image_detail"
+            lazy
+          >
             <div slot="error" class="image-slot">
-              <i class="el-icon-picture-outline"></i>
+              <el-icon><el-icon-picture-outline /></el-icon>
             </div>
           </el-image>
         </el-row>
         <el-row>
-          <el-upload action="/webresources/login/com/SysFile/upload" :before-upload="beforeUpload"
-                     :on-remove="handleRemove" :before-remove="beforeRemove" :limit="1" :on-exceed="handleExceed"
-                     :on-success="handleSuccess" :file-list="fileList" :show-file-list="false" accept="image/*"
-                     class="fileUpload">
-            <el-button class="filter-item" @click="" type="primary">上传
+          <el-upload
+            action="/webresources/login/com/SysFile/upload"
+            :before-upload="beforeUpload"
+            :on-remove="handleRemove"
+            :before-remove="beforeRemove"
+            :limit="1"
+            :on-exceed="handleExceed"
+            :on-success="handleSuccess"
+            :file-list="fileList"
+            :show-file-list="false"
+            accept="image/*"
+            class="fileUpload"
+          >
+            <el-button class="filter-item" @click="" type="primary"
+              >上传
             </el-button>
           </el-upload>
-          <el-button class="filter-item" @click="" type="primary">拍照
+          <el-button class="filter-item" @click="" type="primary"
+            >拍照
           </el-button>
-          <el-button class="filter-item" @click="doRemove" type="danger">删除
+          <el-button class="filter-item" @click="doRemove" type="danger"
+            >删除
           </el-button>
         </el-row>
 
@@ -48,36 +77,61 @@
           <el-row>
             <el-col :span="12" :xs="16">
               <el-form-item prop="billTyp" :rules="hdform.src ? $r(1) : $r(0)">
-                <hd-drop field="BILL_TYP" v-model="hdform.billTyp" :placeholder="$t('请选择单据类型')"></hd-drop>
+                <hd-drop
+                  field="BILL_TYP"
+                  v-model="hdform.billTyp"
+                  :placeholder="$t('请选择单据类型')"
+                ></hd-drop>
               </el-form-item>
             </el-col>
             <el-col :span="12" :xs="16">
-              <el-form-item prop="titleTxt" :rules="hdform.src ? $r(1,0,36) : $r(0,0,36)">
-                <el-input type="text" v-model="hdform.titleTxt" :placeholder="$t('请输入照片名称')"></el-input>
+              <el-form-item
+                prop="titleTxt"
+                :rules="hdform.src ? $r(1, 0, 36) : $r(0, 0, 36)"
+              >
+                <el-input
+                  type="text"
+                  v-model="hdform.titleTxt"
+                  :placeholder="$t('请输入照片名称')"
+                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-form-item prop="markTxt" :rules="$r(0,0,100)">
-              <el-input type="textarea" :rows="3" v-model="hdform.markTxt" placeholder="备注内容"></el-input>
+            <el-form-item prop="markTxt" :rules="$r(0, 0, 100)">
+              <el-input
+                type="textarea"
+                :rows="3"
+                v-model="hdform.markTxt"
+                placeholder="备注内容"
+              ></el-input>
             </el-form-item>
           </el-row>
         </el-form>
-
       </el-main>
     </el-container>
-    <div slot="footer" class="dialog-footer" align="right" style="margin-top:10px;">
-
+    <div
+      slot="footer"
+      class="dialog-footer"
+      align="right"
+      style="margin-top: 10px"
+    >
       <!--      :action="`/webresources/login/com/SysFileRecord/upload?billTyp=${billTyp}&billId=${hdform.billId}&orderFlag=${hdform.orderFlag}&billId=${hdform.titleTxt}&billId=${titleTxt}`"
-               -->
-      <el-button class="filter-item" type="primary" @click="doSave">保存</el-button>
+                   -->
+      <el-button class="filter-item" type="primary" @click="doSave"
+        >保存</el-button
+      >
     </div>
   </el-dialog>
 </template>
 
 <script>
+import { PictureOutline as ElIconPictureOutline } from '@element-plus/icons'
 export default {
-  name: "BillUpload",
+  components: {
+    ElIconPictureOutline,
+  },
+  name: 'BillUpload',
   props: {},
   data() {
     return {
@@ -89,61 +143,61 @@ export default {
       rows: [],
       fileList: [],
     }
-  }
-  ,
+  },
   methods: {
     show(billTyp, billId) {
-      this.visible = true;
-      this.billTyp = billTyp;
+      this.visible = true
+      this.billTyp = billTyp
 
-      this.billId = billId;
+      this.billId = billId
 
-      let hdQuery = new HdQuery();
-      hdQuery.rows = 1000;
+      let hdQuery = new HdQuery()
+      hdQuery.rows = 1000
       // hdQuery.query.billTyp = billTyp;
-      hdQuery.query.billId = billId;
-      hdQuery.sort = "orderFlag"
-      hdQuery.order = "asc"
+      hdQuery.query.billId = billId
+      hdQuery.sort = 'orderFlag'
+      hdQuery.order = 'asc'
       this.visible = true
-      this.$http.post('/webresources/login/com/SysFileRecord/detail/find', hdQuery).then(response => {
-        const data = response.data
-        this.rows = response.data.rows
-        // this.$set(this.hdform, "src", 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg')
-        this.hdform = this.rows[0] || { src: null }
-      })
-    }
-    ,
+      this.$http
+        .post('/webresources/login/com/SysFileRecord/detail/find', hdQuery)
+        .then((response) => {
+          const data = response.data
+          this.rows = response.data.rows
+          // this.$set(this.hdform, "src", 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg')
+          this.hdform = this.rows[0] || { src: null }
+        })
+    },
     doImageItemClick(row) {
       this.$refs['hdform'].validate((valid) => {
         if (!valid) {
-          return false;
+          return false
         }
-        this.hdform = row;
+        this.hdform = row
       })
-    }
-    ,
+    },
     handleRemove(file, fileList) {
-      console.log(file, fileList);
-    }
-    ,
+      console.log(file, fileList)
+    },
     beforeUpload(file) {
       if (this.rows.length < 1) {
-        return true;
+        return true
       }
-      let flag = true;
+      let flag = true
       this.$refs['hdform'].validate((valid) => {
         if (!valid) {
-          flag = false;
-          return false;
+          flag = false
+          return false
         }
       })
       return flag
-    }
-    ,
+    },
     handleExceed(files, fileList) {
-      console.warn(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
-    }
-    ,
+      console.warn(
+        `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+          files.length + fileList.length
+        } 个文件`
+      )
+    },
     handleSuccess(response) {
       this.hdform = {
         billTyp: this.hdform.billTyp || this.billTyp,
@@ -151,68 +205,72 @@ export default {
         titleTxt: response.data.fileName || this.hdform.titleTxt,
         fileId: response.data.sefileId,
         src: `data:image/${response.data.fileType};base64,${response.data.fileData}`,
-        cancelFlag: '0'
+        cancelFlag: '0',
       }
-      this.rows.push(this.hdform);
-      this.fileList = [];
-    }
-    ,
+      this.rows.push(this.hdform)
+      this.fileList = []
+    },
     beforeRemove(file, fileList) {
       // return this.$confirm(`确定移除 ${file.name}？`);
-    }
-    ,
+    },
     doSave() {
       this.$refs['hdform'].validate((valid) => {
         if (!valid) {
-          return false;
+          return false
         }
         this.rows.forEach((v, i) => {
-          v.orderFlag = i;
+          v.orderFlag = i
         })
 
-        this.$http.post(`/webresources/login/com/SysFileRecord/saveAll?billId=${encodeURIComponent(this.billId)}`, this.rows).then(response => {
-          this.rows = response.data.data
-          this.$emit('save-ok', this.rows)
-          this.visible = false
-        })
+        this.$http
+          .post(
+            `/webresources/login/com/SysFileRecord/saveAll?billId=${encodeURIComponent(
+              this.billId
+            )}`,
+            this.rows
+          )
+          .then((response) => {
+            this.rows = response.data.data
+            this.$emit('save-ok', this.rows)
+            this.visible = false
+          })
       })
-
     },
     doRemove() {
       // this.rows = this.rows.filter(v => v.fileId != this.hdform.fileId)
-      this.rows.remove(this.hdform);
+      this.rows.remove(this.hdform)
       this.hdform = this.rows[0] || { src: null }
     },
     doGoUp() {
-      const index = this.rows.findIndex(v => v.fileId == this.hdform.fileId);
+      const index = this.rows.findIndex((v) => v.fileId == this.hdform.fileId)
       console.log(index)
       if (index > 0) {
-        this.swapArray(this.rows, index, index - 1);
+        this.swapArray(this.rows, index, index - 1)
       } else {
         this.$message({
           type: 'info',
-          message: this.$t('已经处于置顶，无法上移')
+          message: this.$t('已经处于置顶，无法上移'),
         })
       }
     },
     doGoDown() {
-      const index = this.rows.findIndex(v => v.fileId == this.hdform.fileId);
+      const index = this.rows.findIndex((v) => v.fileId == this.hdform.fileId)
       console.log(index)
       if (index < this.rows.length - 1) {
-        this.swapArray(this.rows, index + 1, index);
+        this.swapArray(this.rows, index + 1, index)
       } else {
         this.$message({
           type: 'info',
-          message: this.$t('已经处于置底，无法下移')
+          message: this.$t('已经处于置底，无法下移'),
         })
       }
     },
     swapArray(arr, index1, index2) {
-      arr[index1] = arr.splice(index2, 1, arr[index1])[0];
+      arr[index1] = arr.splice(index2, 1, arr[index1])[0]
       console.log(arr)
-      return arr;
-    }
-  }
+      return arr
+    },
+  },
 }
 </script>
 

package/src/hdcom/BtnRight.vue

@@ -5,28 +5,23 @@ export default {
   name: 'BtnRight',
   data() {
     return {
-      btnRight: true
+      btnRight: true,
     }
   },
-  created() {
-  },
+  created() {},
   methods: {
-    getName() {
-
-    },
-    getClass() {
-
-    },
-    getType(){
-
-    },
+    getName() {},
+    getClass() {},
+    getType() {},
     checkRight() {
-      if (!this.$store) { // 确认提示的没有store
+      if (!this.$store) {
+        // 确认提示的没有store
         return true
       }
       const allBtnRight = this.$store.state.user.hidBtns
       const permissions = this.findNameCombine()
-      if (!permissions) { // 不需要控制权限的
+      if (!permissions) {
+        // 不需要控制权限的
         return true
       }
       const menuId = this.$route.name // 这里就是menuId
@@ -47,7 +42,12 @@ export default {
       if (!permissions) {
         return false
       }
-      const btn = { name: this.getName(), permissions: permissions , buttonStyle: this.getClass(), buttonType: this.getType() }
+      const btn = {
+        name: this.getName(),
+        permissions: permissions,
+        buttonStyle: this.getClass(),
+        buttonType: this.getType(),
+      }
       if (!this.checkIsSame(btn)) {
         this.$route.meta.btnRole.push(btn)
       }
@@ -63,21 +63,24 @@ export default {
       return false
     },
     findNameCombine() {
-      if (this.vid) { // 指定id的直接用id
+      if (this.vid) {
+        // 指定id的直接用id
         return this.vid
       }
       const result = ''
-      const par = this.$vnode.context// 非常有用
+      const par = this.$vnode.context // 非常有用
       let parentName = par.$options.name // 使用name
       if (parentName == 'HdFormDialog') {
         parentName = this.findNameFromFile(par.$vnode.context.$options.name)
       }
-      if (!parentName) { // 非页面按钮,没有_file不需要管理
+      if (!parentName) {
+        // 非页面按钮,没有_file不需要管理
         parentName = 'noname'
       }
       return parentName + '_' + this.getName()
     },
-    findNameFromFile(fileName) { // 根据文件名获取 组件名
+    findNameFromFile(fileName) {
+      // 根据文件名获取 组件名
       if (!fileName) {
         return false
       }
@@ -85,14 +88,14 @@ export default {
       const one = arr[arr.length - 1].split('.')
       return one[0]
     },
-    findRoleSetParent() { // roleset界面时,需要设置按钮,注册
+    findRoleSetParent() {
+      // roleset界面时,需要设置按钮,注册
       let parent = this.$parent.$parent
       while (parent && !parent.$options.name == 'btnRole') {
         parent = parent.$parent
       }
       return parent
-    }
-  }
+    },
+  },
 }
-
 </script>

package/src/hdcom/ErrHint.vue

@@ -1,30 +1,42 @@
 <template>
-  <ElTooltip effect="light" :content="errMsg" placement="bottom" v-if="errMsg" :open-delay="1"
-             transition="" ref="errhint">
-    <i class="el-icon-warning"
-       style="color: #ff5c5c;
-      right: 10px;
-      top: 8px;
-      position: absolute;
-      z-index: 999;" tabindex="-1"></i>
+  <ElTooltip
+    effect="light"
+    :content="errMsg"
+    placement="bottom"
+    v-if="errMsg"
+    :open-delay="1"
+    transition=""
+    ref="errhint"
+  >
+    <el-icon
+      style="
+        color: #ff5c5c;
+        right: 10px;
+        top: 8px;
+        position: absolute;
+        z-index: 999;
+      "
+      ><el-icon-warning
+    /></el-icon>
   </ElTooltip>
 </template>
+
 <script>
-  export default {
-    name: 'ErrHint',
-    props: [
-      'errMsg',
-      'value' // 修改为内容变更即触发
-    ],
-    mounted() {
+import { Warning as ElIconWarning } from '@element-plus/icons'
+export default {
+  components: {
+    ElIconWarning,
+  },
+  name: 'ErrHint',
+  props: [
+    'errMsg',
+    'value', // 修改为内容变更即触发
+  ],
+  mounted() {},
+  watch: {
+    value: function (newVal, oldVal) {
+      this.$emit('checkErr', newVal)
     },
-    watch: {
-
-      value: function (newVal, oldVal) {
-        this.$emit('checkErr', newVal)
-      }
-
-    }
-  }
+  },
+}
 </script>
-