开屏图

9ec222b2 · 陆 · 765b0312 · 9ec222b2 · 9ec222b2
--- a/platform-admin/src/main/webapp/WEB-INF/page/sys/screenimage.html
+++ b/platform-admin/src/main/webapp/WEB-INF/page/sys/screenimage.html
 <!DOCTYPE html>
-<html>
+<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
 <head>
    <title>开屏图</title>
    #parse("sys/header.html")
@@ -36,18 +36,28 @@
            <Form-item label="开屏图名称" prop="name">
                <i-input v-model="screenImage.name" placeholder="开屏图名称"/>
            </Form-item>
-            <Form-item label="开屏图" prop="screenImage">
-                <i-input v-model="screenImage.screenImage" placeholder="开屏图"/>
+<!--            <Form-item label="开屏图" prop="screenImage">-->
+<!--                <i-input v-model="screenImage.screenImage" placeholder="开屏图"/>-->
+<!--            </Form-item>-->
+            <Form-item label="开屏图" prop="newsImg">
+                <img v-bind:src="screenImage.screenImage" style="width:200px;height:200px;" v-show="!!screenImage.screenImage"/>
+                <input type="file" placeholder="主图" @change="tirggerFile($event)"/>
            </Form-item>
-            <Form-item label="状态 0：关闭 1：开启" prop="status">
-                <i-input v-model="screenImage.status" placeholder="状态 0：关闭 1：开启"/>
-            </Form-item>
-            <Form-item label="创建时间" prop="createTime">
-                <i-input v-model="screenImage.createTime" placeholder="创建时间"/>
-            </Form-item>
-            <Form-item label="更新时间" prop="updateTime">
-                <i-input v-model="screenImage.updateTime" placeholder="更新时间"/>
+            <Form-item label="是否显示" prop="priceScore" style="width: 500px">
+                <i-switch v-model="screenImage.status == 1?true:false" size="large" @on-change="changeswitch" >
+                    <span slot="open">开启</span>
+                    <span slot="close">关闭</span>
+                </i-switch>
            </Form-item>
+<!--            <Form-item label="状态 0：关闭 1：开启" prop="status">-->
+<!--                <i-input v-model="screenImage.status" placeholder="状态 0：关闭 1：开启"/>-->
+<!--            </Form-item>-->
+<!--            <Form-item label="创建时间" prop="createTime">-->
+<!--                <i-input v-model="screenImage.createTime" placeholder="创建时间"/>-->
+<!--            </Form-item>-->
+<!--            <Form-item label="更新时间" prop="updateTime">-->
+<!--                <i-input v-model="screenImage.updateTime" placeholder="更新时间"/>-->
+<!--            </Form-item>-->
            <Form-item>
                <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>

--- a/platform-admin/src/main/webapp/js/sys/screenimage.js
+++ b/platform-admin/src/main/webapp/js/sys/screenimage.js
@@ -4,10 +4,28 @@ $(function () {
        colModel: [
 			{label: 'id', name: 'id', index: 'id', key: true, hidden: true},
 			{label: '开屏图名称', name: 'name', index: 'name', width: 80},
-			{label: '开屏图', name: 'screenImage', index: 'screen_image', width: 80},
-			{label: '状态 0：关闭 1：开启', name: 'status', index: 'status', width: 80},
+			{label: '开屏图', name: 'screenImage', index: 'screen_image', width: 80 ,formatter: imageFormat},
+			{label: '状态', name: 'status', index: 'status', width: 80,formatter:function (value, grid, rows){
+					if (value == '1') {
+						return "<i-button class=\"ivu-btn ivu-btn-primary\"  style='border-radius:25px;' type=\"info\">已开启</i-button>";
+					} else if (value == '0') {
+						return "<i-button class=\"ivu-btn ivu-btn-success\"  style='border-radius:25px;' type=\"warning\">未开启</i-button>";
+					}
+				}},
 			{label: '创建时间', name: 'createTime', index: 'create_time', width: 80},
-			{label: '更新时间', name: 'updateTime', index: 'update_time', width: 80}]
+			{label: '更新时间', name: 'updateTime', index: 'update_time', width: 80}],
+		// shrinkToFit: true,
+		// datatype: "json",
+		// rowNum: 15,
+		// rowList: [15, 30, 45],
+		// mtype: "POST",
+		// rownumbers: true,
+		// rownumWidth: 40,
+		// gridview: true,
+		// pager: '#speedp',
+		// sortname: 'sort',
+		// viewrecords: true,
+		// sortorder: "desc"
    });
 });

@@ -59,6 +77,37 @@ let vm = new Vue({
                }
 			});
 		},
+		tirggerFile: function (event) {
+			var file = event.target.files[0]; // (利用console.log输出看file文件对象)
+			var formData = new FormData();
+			formData.append("file", file);
+			$.ajax({
+				url: "../api/upload/image/",
+				type: "POST",
+				data: formData,
+				cache: false,         //不设置缓存
+				processData: false,  // 不处理数据
+				contentType: false,// 不设置内容类型
+				success: function (result) {
+					result = JSON.parse(result);
+					//console.log(result)
+					if (result.errno == 0) {//成功
+						vm.screenImage.screenImage = result.data;
+						vm.$forceUpdate();
+					} else {
+						iview.Message.error(result.errmsg);
+					}
+				}
+			});
+		},
+		// 修改是否显示
+		changeswitch(e){
+			if (e){
+				vm.screenImage.status = 1
+			}else {
+				vm.screenImage.status = 2
+			}
+		},
 		del: function (event) {
            let ids = getSelectedRows("#jqGrid");
 			if (ids == null){