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 { ...@@ -255,6 +255,18 @@ export default {
}, },
gotoUrl(url) { gotoUrl(url) {
this.$router.push(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: { computed: {
......
...@@ -209,11 +209,11 @@ ...@@ -209,11 +209,11 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="file-add" title="导入文件"> <div class="file-add" title="导入文件" @click="importFile">
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
</div> </div>
<el-button slot="reference" @click="addPDF(scope.row.id)" type="primary">添加</el-button> <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> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
...@@ -377,6 +377,9 @@ export default { ...@@ -377,6 +377,9 @@ export default {
}, },
methods: { methods: {
...Event, ...Event,
importFile() {
this.root.setDraggableContent('cms', '影像信息');
},
addRow(){ addRow(){
this.addDialogVisible=false; this.addDialogVisible=false;
let newRow = {...this.dialog}; let newRow = {...this.dialog};
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
:handleStash="handleStash" :handleStash="handleStash"
> >
<el-button size="small">备忘录</el-button> <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> --> <!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button> <el-button size="small">制裁信息</el-button>
...@@ -87,9 +87,9 @@ ...@@ -87,9 +87,9 @@
<el-tab-pane label="表外" name="engp"> <el-tab-pane label="表外" name="engp">
<!--PD000027 --> <!--PD000027 -->
<c-content> <c-content>
<m-engp :model="model" :codes="codes" /> <m-engp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan"> <el-tab-pane label="保证金" name="ccvpan">
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
v-show="dragStatus !== 0" v-show="dragStatus !== 0"
></div> ></div>
<div :draggable="false" :class="dragStyle" v-show="dragStatus !== 0"> <div :draggable="false" :class="dragStyle" v-show="dragStatus !== 0">
<m-undisabled> <m-undisabled style="height: 100%;">
<div v-if="currentTool === 'tool-caculate'"> <div v-if="currentTool === 'tool-caculate'">
<calculator ref="calculator" /> <calculator ref="calculator" />
</div> </div>
...@@ -66,9 +66,9 @@ ...@@ -66,9 +66,9 @@
<div v-if="currentTool === 'tool-interestrate'"> <div v-if="currentTool === 'tool-interestrate'">
<interestrate ref="interestrate" /> <interestrate ref="interestrate" />
</div> </div>
<div v-if="currentTool === 'tool-businessoffer'"> <div v-if="currentTool === 'tool-businessoffer'">
<businessoffer ref="businessoffer" /> <businessoffer ref="businessoffer" />
</div> </div>
<div v-if="currentTool === 'tool-vatinvoic'"> <div v-if="currentTool === 'tool-vatinvoic'">
<vatinvoic ref="vatinvoic" /> <vatinvoic ref="vatinvoic" />
</div> </div>
...@@ -90,6 +90,9 @@ ...@@ -90,6 +90,9 @@
<!-- <div v-if="currentTool === 'tool-txSerialNo'"> <!-- <div v-if="currentTool === 'tool-txSerialNo'">
<txSerialNo ref="txSerialNo"/> <txSerialNo ref="txSerialNo"/>
</div>--> </div>-->
<div v-if="currentTool === 'cms'" style="height: 100%;">
<cms></cms>
</div>
</m-undisabled> </m-undisabled>
</div> </div>
<div <div
...@@ -119,14 +122,16 @@ import sideMenu from "./SideMenu"; ...@@ -119,14 +122,16 @@ import sideMenu from "./SideMenu";
import tagViews from "./components/TagsView"; import tagViews from "./components/TagsView";
import business from "../Business"; import business from "../Business";
import toolbars from "~/components/Toolbars"; import toolbars from "~/components/Toolbars";
import calculator from "~/widget/Calculator"
import VueDraggableResizable from 'vue-draggable-resizable' import VueDraggableResizable from 'vue-draggable-resizable'
import cms from "~/components/Cms"
import calculator from "~/widget/Calculator"
export default { export default {
name: "Layout", name: "Layout",
components: { headerCom, sideMenu, tagViews, business, toolbars, components: { headerCom, sideMenu, tagViews, business, toolbars,
calculator, calculator,
cms,
'vue-draggable-resizable': VueDraggableResizable, 'vue-draggable-resizable': VueDraggableResizable,
}, },
data(){ data(){
...@@ -219,7 +224,7 @@ export default { ...@@ -219,7 +224,7 @@ export default {
} }
this.dragStyle = 'm-draggable-content' this.dragStyle = 'm-draggable-content'
} }
} },
} }
}; };
</script> </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