影像信息

src/components/Cms.vue

+<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>

src/mixin/commonProcess.js

@@ -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: {

src/views/Business/Ditdck/Docpre.vue

@@ -209,7 +209,7 @@
                       </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>
@@ -377,6 +377,9 @@ export default {
   },
   methods: {
     ...Event,
+    importFile() {
+      this.root.setDraggableContent('cms', '影像信息');
+    },
     addRow(){
         this.addDialogVisible=false;
         let newRow = {...this.dialog};

src/views/Business/Ditopn/index.vue

@@ -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>
+            <c-content>
               <m-engp :model="model" :codes="codes" />
-</c-content>
+            </c-content>
           </el-tab-pane>
 
           <el-tab-pane label="保证金" name="ccvpan">

src/views/Layout/index.vue

@@ -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>
@@ -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>