Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6834eda9 by 任超
Options

style:材料信息

1 parent 91145f62
Inline Side-by-side
Showing 8 changed files with 73 additions and 69 deletions
......@@ -5,4 +5,4 @@ NODE_ENV=development
VUE_APP_BASE_API = '/bdcdj'
# 开发环境
VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018'
VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'
......
<template>
<div class="dashboard-container">
11111111
<img src="./home.png" alt="">
</div>
</template>
......@@ -28,8 +28,13 @@ export default {
}
}
</script>
<style >
<style scoped lang="scss">
.dashboard-container {
height: 100%;
img {
width: 100%;
height: 100%;
}
}
</style>
\ No newline at end of file
......
......@@ -96,7 +96,6 @@ export default {
label: "是否必选",
width: "50",
render: (h, scope) => {
// 新增的材料,全部为系统默认可选
if (scope.row.sfxjcl === "1") {
return (
<div>
......@@ -104,7 +103,6 @@ export default {
</div>
);
}
// 系统配置的材料
else {
return (
<div>
......@@ -121,6 +119,7 @@ export default {
{
prop: "sjlx",
label: "材料类型",
width: "80",
render: (h, scope) => {
return (
<div>
......@@ -132,10 +131,12 @@ export default {
{
prop: "sjsl",
label: "份数",
width: "50"
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children.length > 0) {
return (
......@@ -155,6 +156,7 @@ export default {
{
prop: "ys",
label: "扫描页数",
width: "50"
},
{
label: "操作",
......@@ -193,23 +195,35 @@ export default {
imgList: [
{
url: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
},
{
url: 'https://img1.baidu.com/it/u=2383300938,4241539174&fm=253&fmt=auto&app=138&f=JPEG?w=307&h=500'
}
],
]
}
}
};
},
computed: {
...mapGetters(["dictData"]),
},
mounted () {
if (this.$parent.index == 1) {
this.clmlmxInit();
}
created () {
this.clmlInitList()
},
methods: {
// 材料目录明细初始化
clmlInitList () {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0].bsmSldy);
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
clmlInit(formdata).then((res) => {
if (res.result.result) {
this.tableData = res.result.result;
this.treeCheckId = this.tableData[0].bsmSj;
this.title = this.tableData[0].sjmc;
this.titleYs = 1;
this.titleNum = this.tableData[0].children.length;
}
console.log(this.tableData);
})
},
// 左侧菜单点击
menuClick (item) {
this.checkedId = item.id
......@@ -227,7 +241,7 @@ export default {
};
// 接口待调
move(obj).then((res) => {
this.clmlmxInit();
this.clmlInitList()
});
},
// 下移
......@@ -236,29 +250,11 @@ export default {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "down",
};
}
// 接口待调
move(obj).then((res) => {
console.log("222222222", res);
this.clmlmxInit();
});
},
// 材料目录明细初始化
clmlmxInit () {
this.id = this.$parent.$parent.$parent.id;
this.unitData = this.$parent.$parent.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0].bsmSldy);
formdata.append("bsmSlsq", this.id);
clmlInit(formdata).then((res) => {
if (res.result.result) {
this.tableData = res.result.result;
this.treeCheckId = this.tableData[0].bsmSj;
this.title = this.tableData[0].sjmc;
this.titleYs = 1;
this.titleNum = this.tableData[0].children.length;
}
});
this.clmlInitList()
})
},
// 新增弹窗保存
addSave (data) {
......@@ -398,10 +394,11 @@ export default {
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 30px;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 24px;
padding: 0 15px;
.item {
height: 60px;
......@@ -443,10 +440,9 @@ export default {
}
.child {
height: 60px;
line-height: 60px;
line-height: 36px;
border-bottom: 1px solid #e8e8e8;
padding-left: 18px;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
......
......@@ -28,7 +28,7 @@
</el-form>
</div>
<div class="from-clues-content">
<lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false">
<lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
</lb-table>
</div>
</div>
......@@ -39,12 +39,12 @@ import { getCertificateList } from "@/api/fqsq.js";
import { datas } from "./fzxxdata";
export default {
mixins: [table],
components: { },
components: {},
props: {
},
data() {
data () {
return {
ruleForm: {
ysxlh: '',
......@@ -59,12 +59,10 @@ export default {
},
};
},
async created() {
},
methods: {
// 列表渲染接口
fetchData () {
this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy
getCertificateList(this.ruleForm).then(res => {
if (res.code === 200) {
this.tableData.data = res.result
......@@ -76,5 +74,4 @@ export default {
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
......
......@@ -60,6 +60,7 @@
</div>
</el-dialog>
<zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag' />
<el-empty description="暂无数据" v-if="tableData.length==0"></el-empty>
</div>
</template>
<script>
......@@ -69,10 +70,8 @@ import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
export default {
components: { zsylDialog },
props: {
},
data() {
data () {
return {
tableData: [],
zsylFlag: false,
......@@ -83,14 +82,14 @@ export default {
bsmSz: '',
};
},
async created() {
created () {
this.list();
},
methods: {
//初始化列表
list(){
var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
getBdcqzList({bsmSldy:bsmSldy}).then(res => {
list () {
var bsmSldy = this.$parent.unitData[0].bsmSldy
getBdcqzList({ bsmSldy: bsmSldy }).then(res => {
if (res.code === 200) {
this.tableData = res.result
if (res.result) {
......@@ -100,11 +99,11 @@ export default {
})
},
//打开证书预览弹窗
openZsylDialog(item,type){
openZsylDialog (item, type) {
this.zsylFlag = true;
this.bdcqz = item;
this.$refs.zsylDialog.bdcqz = item;
if(type == 2){
if (type == 2) {
this.$nextTick(() => {
this.$refs.zsylDialog.ysxlhList();
});
......@@ -148,10 +147,9 @@ export default {
.box-card {
float: left;
width: 330px;
margin-top: 20px;
margin-right: 20px;
height: 440px;
width: 300px;
margin-top: 10px;
margin-right: 10px;
.szxx_body {
height: 240px;
......@@ -160,9 +158,9 @@ export default {
}
.szxx_header {
color: white;
color: #ffffff;
font-weight: bolder;
font-size: 18px;
font-size: 16px;
.header_type {
display: flex;
......@@ -173,7 +171,6 @@ export default {
.header_text {
text-align: center;
margin-top: 10px;
height: 50px;
line-height: 30px;
}
}
......@@ -201,13 +198,12 @@ export default {
.operation_button {
border: 1px solid rgb(0, 121, 254);
padding: 15px 10px;
padding: 5px;
text-align: center;
width: 100px;
}
.card_padding {
padding-top: 20px
padding-top: 8px
}
.invalid-diglog {
......
......@@ -18,7 +18,13 @@
.title {
line-height: 36px;
padding-left: 10px;
text-align: center;
}
.title-detail {
display: flex;
flex-wrap: wrap;
width: 100%;
}
ul {
......@@ -52,6 +58,10 @@
width: 260px;
}
/deep/.el-menu-item {
padding-left: 5px !important;
}
/deep/.el-tabs__header {
margin-bottom: 0 !important;
}
......
......@@ -26,7 +26,7 @@
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<p>{{ item.bdcdyh }}</p>
<p>{{ item.zl }}</p>
<p class="title-detail">{{ item.zl }}</p>
</el-menu-item>
</el-menu>
</div>
......