Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
af53e3d4 by renchao@pashanhoo.com
Options

style:材料目录

1 parent 0694d334
Inline Side-by-side
Showing 4 changed files with 31 additions and 150 deletions
<!--
* @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())
......
......@@ -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 }"
......
......@@ -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) {
......
<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 {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
export default {
components: { },
import { mapGetters } from "vuex";
import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
export default {
props: {
value: { type: Boolean, default: false },
data: { type: Array, default: () => {} },
formData: {
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;
}
}
}
.right {
width: 100%;
height: 100%;
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.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
......