style:材料目录

renchao@pashanhoo.com
Showing 4 changed files with 31 additions and 150 deletions
public/index.html
src/views/components/imagePreview.vue
src/views/workflow/components/clxxUnify.vue
src/views/workflow/components/clxxDetailDialog.vue → src/views/workflow/components/dialog/clxxDetailDialog.vue
--- a/public/index.html
View file @af53e3d
+++ b/public/index.html
View file @af53e3d
 <!--
 * @Description: 
 * @Autor: renchao
- * @LastEditTime: 2023-05-06 10:24:46
+ * @LastEditTime: 2023-05-16 09:50:40
 -->
 <!DOCTYPE html>
 <html>
@@ -19,7 +19,6 @@
 </head>
 <script>
  window.baseUrl = location.origin || location.protocol + '//' + location.host
-  window.timeout = 5000
  const authorization = "bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6"
  fetch('<%= BASE_URL %>config.json')
    .then(response => response.json())
--- a/src/views/components/imagePreview.vue
View file @af53e3d
+++ b/src/views/components/imagePreview.vue
View file @af53e3d
@@ -22,7 +22,8 @@
          accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
          <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype">上传</el-button>
        </el-upload>
-        <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" v-if="!this.$route.query.viewtype">删除</el-button>
+        <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
+          v-if="!this.$route.query.viewtype && thumbnailImages.length>0">删除</el-button>
      </div>
      <ul>
        <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
--- a/src/views/workflow/components/clxxUnify.vue
View file @af53e3d
+++ b/src/views/workflow/components/clxxUnify.vue
View file @af53e3d
@@ -24,13 +24,13 @@
      </div>
    </div>
    <clxxAddDialog v-model="isDialog" />
-    <clxxDetailDialog v-model="detailDialog" :data="tableData" />
+    <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
  </div>
 </template>
 <script>
  import { mapGetters } from "vuex";
  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
-  import clxxDetailDialog from "./clxxDetailDialog.vue";
+  import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
  import imagePreview from '@/views/components/imagePreview.vue'
  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
  import { popupDialog } from "@/utils/popup.js";
@@ -39,7 +39,6 @@
    data () {
      return {
        isDialog: false,
-        detailDialog: false,
        iclass: "",
        // 材料目录选中
        treeCheckIndex: 0,
@@ -185,15 +184,17 @@
        if (data) {
          data.map((item) => {
            if (item.dcode == val) {
-              name = item.dname;
+              name = item.dname
            }
          });
-          return name;
+          return name
        }
      },
      //查看明细
      viewDetail () {
-        this.detailDialog = true;
+        this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
+          data: this.tableData
+        }, "60%")
      },
      //设置tableData
      setTableData (tableData) {
--- a/src/views/workflow/components/clxxDetailDialog.vue → src/views/workflow/components/dialog/clxxDetailDialog.vue
View file @af53e3d
+++ b/src/views/workflow/components/clxxDetailDialog.vue → src/views/workflow/components/dialog/clxxDetailDialog.vue
View file @af53e3d
 <template>
-  <dialogBox title="材料明细" width="60%" v-model="value" @closeDialog="closeDialog" :isButton="false">
-    <div class="clxx">
-        <div class="right">
-        <!-- 材料目录明细 -->
  <div class="clmlmx-box">
    <div class="title">申请材料目录</div>
-            <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="data">
+    <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="formData.data">
    </lb-table>
+    <div class="text-center">
+      <el-button @click="$popupCacel">取消</el-button>
    </div>
  </div>
-    </div>
-  </dialogBox>
 </template>
 <script>
-import { mapGetters } from "vuex";
+  import { mapGetters } from "vuex";
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
-export default {
+  export default {
-  components: {  },
    props: {
-    value: { type: Boolean, default: false },
+      formData: {
-    data: { type: Array, default: () => {} },
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
    },
    data () {
      return {
-      isDialog: false,
-      iclass: "",
        column: [
          {
            width: "50",
@@ -41,7 +38,7 @@ export default {
              return (
                <div>
                  {
-                  this.$route.query.viewtype || scope.row.sfxjcl == '0' ? <span>{}</span> :
+                    this.$route.query.viewtype || scope.row.sfxjcl == '0' ? <span>{ }</span> :
                      <i class="el-icon-minus pointer"
                        onClick={() => {
                          this.handleDelete(scope.$index, scope.row);
@@ -170,15 +167,12 @@ export default {
          },
        ],
        key: 0,
-      tableData: [],
+        tableData: []
      }
    },
    computed: {
      ...mapGetters(["dictData"])
    },
-  created () {
-  },
    methods: {
      // 材料目录明细初始化
      clmlInitList () {
@@ -188,14 +182,14 @@ export default {
          formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
          formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
          InitClml(formdata).then((res) => {
-          if(res.code == 200){
+            if (res.code == 200) {
              resolve(res.code)
-            if(res.result && res.result.length > 0){
+              if (res.result && res.result.length > 0) {
                this.data = res.result;
-            }else{
+              } else {
                this.data = []
              }
-          }else{
+            } else {
              this.$message.error(res.message)
            }
          })
@@ -286,62 +280,12 @@ export default {
          });
          return name;
        }
-    },
-    closeDialog(){
-       this.$emit("input", false);
-    },
-  },
-};
-</script>
-<style scoped lang='scss'>
-@import "~@/styles/mixin.scss";
-.active {
-  background: $light-blue !important;
-  color: #fff;
-}
-.required {
-  font-size: 12px;
-  color: $pink;
-  float: left;
-}
-.cl_number {
-  float: right;
-}
-.clxx {
-  width: 100%;
-  display: flex;
-  padding-left: 5px;
-  height: calc(100vh - 125px);
-  .left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    .item {
-      width: 28px;
-      height: 49%;
-      @include flex-center;
-      background-color: #E4E7ED;
-      border-bottom-right-radius: 10px;
-      padding: 5px;
-      cursor: pointer;
-      transition: all 0.3s;
-      &:hover {
-        @extend .active;
      }
    }
  }
+</script>
-  .right {
+<style scoped lang='scss'>
-    width: 100%;
+  @import "~@/styles/mixin.scss";
-    height: 100%;
  .clmlmx-box {
    margin: 0 auto;
@@ -355,68 +299,4 @@ export default {
      margin-bottom: -1px;
    }
  }
-    .clyl-box {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      .menu-tree {
-        width: 20%;
-        min-width: 160px;
-        height: 100%;
-        margin-right: 10px;
-        border-right: 1px dotted #d9d9d9;
-        padding: 0 15px;
-        .item {
-          line-height: 30px;
-          padding-top: 5px;
-          border-bottom: 1px solid #e8e8e8;
-          font-size: 16px;
-          text-align: center;
-          color: $light-blue;
-          .itemIcon {
-            float: right;
-            line-height: 60px;
-            cursor: pointer;
-          }
-          .child {
-            line-height: 32px;
-            border-bottom: 1px solid #e8e8e8;
-            padding-left: 10px;
-            color: #6b6b6b;
-            cursor: pointer;
-            box-sizing: border-box;
-            border-radius: 6px;
-            line-height: 20px;
-            transition: all 0.3s;
-            padding: 8px 0;
-          }
-          .child:hover {
-            color: $light-blue;
-            transform: scale(1.1);
-          }
-          .checked {
-            border: 1px solid $light-blue;
-            color: $light-blue;
-          }
-        }
-      }
-      .clyl-img {
-        width: 75%;
-        height: 100%;
-        background: #f3f4f7;
-        margin: 0 auto;
-        position: relative;
-      }
-    }
-  }
-}
 </style>
\ No newline at end of file