Commit 39bf3bf6 by 潘际乾

影像信息

parent 4ae526fd
<template>
<div class="cms-container">
<div class="cms-left">
<div class="screenage-list-registered">
<c-table>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="影像名称" prop="imgName" width="auto"></el-table-column>
<el-table-column label="类型名称" prop="type" width="auto"></el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<div>
<c-button type="primary">删除</c-button>
<c-button type="primary">修改</c-button>
</div>
</template>
</el-table-column>
</c-table>
</div>
<div class="screenage-list-deleted">
<c-table>
<el-table-column label="删除影像" prop="deleteImg" width="auto"></el-table-column>
<el-table-column label="类型名称" prop="type" width="auto"></el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<div>
<c-button type="primary">恢复</c-button>
<c-button type="primary">清除</c-button>
</div>
</template>
</el-table-column>
</c-table>
</div>
</div>
<div class="cms-center">
<div class="cms-operate-options">
<el-select v-model="selectedType">
<el-option v-for="(item, idx) in typeOptions" :key="idx" :label="item.value + item.label" :value="item.value"></el-option>
</el-select>
<c-button style="margin-left: 15px;" type="primary">扫描/上传</c-button>
<c-button type="primary">取消</c-button>
<c-button type="primary">提交</c-button>
<c-button type="primary">删除</c-button>
<c-button type="primary">重命名</c-button>
</div>
<div class="screenage-content">
<div></div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Cms",
props: [],
data() {
return {
selectedType: '',
typeOptions: [
{ label: '单据', value: '00' },
{ label: '发票', value: '01' },
{ label: '贸易合同', value: '02' },
{ label: '审查审批', value: '03' },
{ label: '其他', value: '04' },
]
}
},
methods: {
}
};
</script>
<style scoped>
.cms-container {
width: 100%;
height: 100%;
display: flex;
background-color: #f7fbfd;
}
.cms-left {
width: 25%;
display: flex;
flex-direction: column;
background-color: #fff;
}
.cms-left .screenage-list-registered, .cms-left .screenage-list-deleted {
height: 50%;
}
.cms-center {
flex: 1;
display: flex;
flex-direction: column;
padding: 0 10px;
}
.cms-center .screenage-content {
flex: 1;
}
</style>
......@@ -255,6 +255,18 @@ export default {
},
gotoUrl(url) {
this.$router.push(url)
},
/**
* 设置拖动组件的内容
* @param {String} currentTool
* @param {String} toolTitle
*/
setDraggableContent(currentTool, toolTitle) {
const layout = this.$root.$children[0].$children[0]
layout.dragShow = true;
layout.changeSize(1);
layout.currentTool = currentTool;
layout.toolTitle = toolTitle;
}
},
computed: {
......
......@@ -209,11 +209,11 @@
</template>
</el-table-column>
</el-table>
<div class="file-add" title="导入文件">
<div class="file-add" title="导入文件" @click="importFile">
<i class="el-icon-plus"></i>
</div>
<el-button slot="reference" @click="addPDF(scope.row.id)" type="primary">添加</el-button>
<el-button v-if="scope.row.state != '缺失'" slot="reference" @click="detailPDF(scope.row.id)">详情</el-button>
<el-button v-if="scope.row.state != '缺失'" slot="reference" @click="detailPDF(scope.row.id)">详情</el-button>
</el-popover>
</template>
</el-table-column>
......@@ -377,6 +377,9 @@ export default {
},
methods: {
...Event,
importFile() {
this.root.setDraggableContent('cms', '影像信息');
},
addRow(){
this.addDialogVisible=false;
let newRow = {...this.dialog};
......
......@@ -8,7 +8,7 @@
:handleStash="handleStash"
>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
......@@ -87,9 +87,9 @@
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan">
......
......@@ -35,7 +35,7 @@
v-show="dragStatus !== 0"
></div>
<div :draggable="false" :class="dragStyle" v-show="dragStatus !== 0">
<m-undisabled>
<m-undisabled style="height: 100%;">
<div v-if="currentTool === 'tool-caculate'">
<calculator ref="calculator" />
</div>
......@@ -66,9 +66,9 @@
<div v-if="currentTool === 'tool-interestrate'">
<interestrate ref="interestrate" />
</div>
<div v-if="currentTool === 'tool-businessoffer'">
<businessoffer ref="businessoffer" />
</div>
<div v-if="currentTool === 'tool-businessoffer'">
<businessoffer ref="businessoffer" />
</div>
<div v-if="currentTool === 'tool-vatinvoic'">
<vatinvoic ref="vatinvoic" />
</div>
......@@ -90,6 +90,9 @@
<!-- <div v-if="currentTool === 'tool-txSerialNo'">
<txSerialNo ref="txSerialNo"/>
</div>-->
<div v-if="currentTool === 'cms'" style="height: 100%;">
<cms></cms>
</div>
</m-undisabled>
</div>
<div
......@@ -119,14 +122,16 @@ import sideMenu from "./SideMenu";
import tagViews from "./components/TagsView";
import business from "../Business";
import toolbars from "~/components/Toolbars";
import calculator from "~/widget/Calculator"
import VueDraggableResizable from 'vue-draggable-resizable'
import cms from "~/components/Cms"
import calculator from "~/widget/Calculator"
export default {
name: "Layout",
components: { headerCom, sideMenu, tagViews, business, toolbars,
calculator,
cms,
'vue-draggable-resizable': VueDraggableResizable,
},
data(){
......@@ -219,7 +224,7 @@ export default {
}
this.dragStyle = 'm-draggable-content'
}
}
},
}
};
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment