Home Explore Help
Register Sign In
hx
/
expo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

添加自定义模型

sgjj 6 years ago
parent
ad7d54027e
commit
f1a1ee7e87
3 changed files with 346 additions and 245 deletions
Unified View Show Diff Stats
  1. 345 245
      src/main/webapp/WEB-INF/manager/cms/content/form.ftl
  2. 1 0
      src/main/webapp/WEB-INF/manager/cms/content/main.ftl
  3. 0 0
      src/main/webapp/static/plugins/tree-select/tree.js

+ 345 - 245
src/main/webapp/WEB-INF/manager/cms/content/form.ftl
View File 

@@ -1,242 +1,272 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
-	 <title>文章</title>
 
-        <#include "../../include/head-file.ftl">
 
+    <title>文章</title>
 
+    <#include "../../include/head-file.ftl">
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-	<div id="form" v-cloak>
 
-		<el-header class="ms-header ms-tr" height="50px">
 
-			<el-button type="primary" icon="iconfont icon-baocun" size="mini" @click="save()" :loading="saveDisabled">保存</el-button>
 
-			<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)" v-if="returnIsShow">返回</el-button>
 
-		</el-header>
 
-		<el-main class="ms-container">
 
-            <el-scrollbar class="ms-scrollbar" style="height: 100%;">
 
-                <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
 
-                        <el-row
 
-                                gutter="0"
 
-                                justify="start" align="top">
 
-                                <el-col span="12">
 
-            <el-form-item  label="文章标题" prop="contentTitle">
 
-                <el-input v-model="form.contentTitle"
 
-                          :disabled="false"
 
-                          :style="{width:  '100%'}"
 
-                          :clearable="true"
 
-                          placeholder="请输入文章标题">
 
-                </el-input>
 
-            </el-form-item>
 
-                                </el-col>
 
-                                <el-col span="12">
 
-            <el-form-item  label="所属栏目" prop="contentCategoryId">
 
-                <tree-select :props="{value: 'id',label: 'categoryTitle',children: 'children'}"
 
-                             :options="contentCategoryIdOptions" :style="{width:'100%'}"
 
-                             v-model="form.contentCategoryId"></tree-select>
 
-            </el-form-item>
 
-                                </el-col>
 
-                        </el-row>
 
-                        <el-row
 
-                                gutter="0"
 
-                                justify="start" align="top">
 
-                                <el-col span="12">
 
-            <el-form-item  label="文章类型" prop="contentType">
 
-                <el-select v-model="form.contentType"
 
-                           :style="{width: '100%'}"
 
-                           :filterable="false"
 
-                           :disabled="false"
 
-                           :multiple="true" :clearable="true"
 
-                           placeholder="请选择文章类型">
 
-                    <el-option v-for='item in contentTypeOptions' :key="item.dictValue" :value="item.dictValue"
 
-                               :label="item.dictLabel"></el-option>
 
-                </el-select>
 
-            </el-form-item>
 
-                                </el-col>
 
-                                <el-col span="12">
 
-                                    <el-form-item  label="发布时间" prop="contentDatetime">
 
-                                        <el-date-picker
 
-                                                v-model="form.contentDatetime"
 
-                                                placeholder="请选择发布时间"
 
-                                                start-placeholder=""
 
-                                                end-placeholder=""
 
-                                                :readonly="false"
 
-                                                :disabled="false"
 
-                                                :editable="true"
 
-                                                :clearable="true"
 
-                                                format="yyyy-MM-dd HH:mm:ss"
 
-                                                value-format="yyyy-MM-dd HH:mm:ss"
 
-                                                :style="{width:'100%'}"
 
-                                                type="datetime">
 
-                                        </el-date-picker>
 
-                                    </el-form-item>
 
-                                </el-col>
 
-                        </el-row>
 
-                        <el-row
 
-                                gutter="0"
 
-                                justify="start" align="top">
 
-                                <el-col span="12">
 
-            <el-form-item  label="文章作者" prop="contentAuthor">
 
-                <el-input v-model="form.contentAuthor"
 
-                          :disabled="false"
 
-                          :style="{width:  '100%'}"
 
-                          :clearable="true"
 
-                          placeholder="请输入文章作者">
 
-                </el-input>
 
-            </el-form-item>
 
-                                </el-col>
 
-                                <el-col span="12">
 
-            <el-form-item  label="文章来源" prop="contentSource">
 
-                <el-input v-model="form.contentSource"
 
-                          :disabled="false"
 
-                          :style="{width:  '100%'}"
 
-                          :clearable="true"
 
-                          placeholder="请输入文章来源">
 
-                </el-input>
 
-            </el-form-item>
 
-                                </el-col>
 
-                        </el-row>
 
-                        <el-row
 
-                                gutter="0"
 
-                                justify="start" align="top">
 
-                                <el-col span="12">
 
-                                    <el-form-item  label="" prop="contentDisplay">
 
-                                        <template slot='label'>是否显示
 
-                                            <el-popover slot="label" placement="top-start" title="提示" width="200" trigger="hover" content="选择否后前端将不显示，需要重新生成才有效果">
 
-                                                <i class="el-icon-question" slot="reference"></i>
 
-                                            </el-popover>
 
-                                        </template>
 
-                                        <el-radio-group v-model="form.contentDisplay"
 
-                                                        :style="{width: ''}"
 
-                                                        :disabled="false">
 
-                                            <el-radio :style="{display: true ? 'inline-block' : 'block'}" :label="item.value"
 
-                                                      v-for='(item, index) in contentDisplayOptions' :key="item.value + index">
 
-                                                {{true? item.label : item.value}}
 
-                                            </el-radio>
 
-                                        </el-radio-group>
 
-                                    </el-form-item>
 
-                                </el-col>
 
-                                <el-col span="12">
 
-            <el-form-item  label="自定义顺序" prop="contentSort">
 
-                <el-input-number
 
-                        v-model="form.contentSort"
 
-                        :disabled="false"
 
-                        controls-position="">
 
-                </el-input-number>
 
-            </el-form-item>
 
-                                </el-col>
 
-                        </el-row>
 
-            <el-form-item  label="" prop="contentImg">
 
-                <template slot='label'>文章缩略图
 
-                    <el-popover slot="label" placement="top-start" title="提示" width="200" trigger="hover" content="文章缩略图,支持jpg格式">
 
-                        <i class="el-icon-question" slot="reference"></i>
 
-                    </el-popover>
 
-                </template>
 
-            <el-upload
 
-                    :file-list="form.contentImg"
 
-                    :action="ms.base+'/file/upload.do'"
 
-                    :on-remove="contentImghandleRemove"
 
-                    :style="{width:''}"
 
-                    :limit="1"
 
-                    :on-exceed="contentImghandleExceed"
 
-                    :disabled="false"
 
-                    :data="{uploadPath:'/cms/content','isRename':true}"
 
-                    :on-success="contentImgSuccess"
 
-                    accept="image/*"
 
-                    list-type="picture-card">
 
-                <i class="el-icon-plus"></i>
 
-                <div slot="tip" class="el-upload__tip">最多上传1张图片</div>
 
-            </el-upload>
 
-            </el-form-item>
 
-            <el-form-item  label="描述" prop="contentDescription">
 
-                <el-input
 
-                        type="textarea" :rows="5"
 
-                        :disabled="false"
 
+<div id="form" v-cloak>
 
+    <el-header class="ms-header ms-tr" height="50px">
 
+        <el-button type="primary" icon="iconfont icon-baocun" size="mini" @click="save()" :loading="saveDisabled">保存
 
+        </el-button>
 
+        <el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)"
 
+                   v-if="returnIsShow">返回
 
+        </el-button>
 
+    </el-header>
 
+    <el-main class="ms-container">
 
+        <el-tabs v-model="activeName" style="height: calc(100% - 10px);">
 
+            <el-tab-pane v-for="(item, index) in editableTabs"
 
+                         :key="index"
 
+                         :label="item.title"
 
+                         :name="item.name">
 
+        <el-scrollbar class="ms-scrollbar" style="height: 100%;">
 
+            <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
 
+                <el-row
 
+                        gutter="0"
 
+                        justify="start" align="top">
 
+                    <el-col span="12">
 
+                        <el-form-item label="文章标题" prop="contentTitle">
 
+                            <el-input v-model="form.contentTitle"
 
+                                      :disabled="false"
 
+                                      :style="{width:  '100%'}"
 
+                                      :clearable="true"
 
+                                      placeholder="请输入文章标题">
 
+                            </el-input>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                    <el-col span="12">
 
+                        <el-form-item label="所属栏目" prop="contentCategoryId">
 
+                            <tree-select :props="{value: 'id',label: 'categoryTitle',children: 'children'}"
 
+                                         :options="contentCategoryIdOptions" :style="{width:'100%'}"
 
+                                         @change="categoryChange"
 
+                                         v-model="form.contentCategoryId"></tree-select>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                </el-row>
 
+                <el-row
 
+                        gutter="0"
 
+                        justify="start" align="top">
 
+                    <el-col span="12">
 
+                        <el-form-item label="文章类型" prop="contentType">
 
+                            <el-select v-model="form.contentType"
 
+                                       :style="{width: '100%'}"
 
+                                       :filterable="false"
 
+                                       :disabled="false"
 
+                                       :multiple="true" :clearable="true"
 
+                                       placeholder="请选择文章类型">
 
+                                <el-option v-for='item in contentTypeOptions' :key="item.dictValue"
 
+                                           :value="item.dictValue"
 
+                                           :label="item.dictLabel"></el-option>
 
+                            </el-select>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                    <el-col span="12">
 
+                        <el-form-item label="发布时间" prop="contentDatetime">
 
+                            <el-date-picker
 
+                                    v-model="form.contentDatetime"
 
+                                    placeholder="请选择发布时间"
 
+                                    start-placeholder=""
 
+                                    end-placeholder=""
 
+                                    :readonly="false"
 
+                                    :disabled="false"
 
+                                    :editable="true"
 
+                                    :clearable="true"
 
+                                    format="yyyy-MM-dd HH:mm:ss"
 
+                                    value-format="yyyy-MM-dd HH:mm:ss"
 
+                                    :style="{width:'100%'}"
 
+                                    type="datetime">
 
+                            </el-date-picker>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                </el-row>
 
+                <el-row
 
+                        gutter="0"
 
+                        justify="start" align="top">
 
+                    <el-col span="12">
 
+                        <el-form-item label="文章作者" prop="contentAuthor">
 
+                            <el-input v-model="form.contentAuthor"
 
+                                      :disabled="false"
 
+                                      :style="{width:  '100%'}"
 
+                                      :clearable="true"
 
+                                      placeholder="请输入文章作者">
 
+                            </el-input>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                    <el-col span="12">
 
+                        <el-form-item label="文章来源" prop="contentSource">
 
+                            <el-input v-model="form.contentSource"
 
+                                      :disabled="false"
 
+                                      :style="{width:  '100%'}"
 
+                                      :clearable="true"
 
+                                      placeholder="请输入文章来源">
 
+                            </el-input>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                </el-row>
 
+                <el-row
 
+                        gutter="0"
 
+                        justify="start" align="top">
 
+                    <el-col span="12">
 
+                        <el-form-item label="" prop="contentDisplay">
 
+                            <template slot='label'>是否显示
 
+                                <el-popover slot="label" placement="top-start" title="提示" width="200" trigger="hover"
 
+                                            content="选择否后前端将不显示，需要重新生成才有效果">
 
+                                    <i class="el-icon-question" slot="reference"></i>
 
+                                </el-popover>
 
+                            </template>
 
+                            <el-radio-group v-model="form.contentDisplay"
 
+                                            :style="{width: ''}"
 
+                                            :disabled="false">
 
+                                <el-radio :style="{display: true ? 'inline-block' : 'block'}" :label="item.value"
 
+                                          v-for='(item, index) in contentDisplayOptions' :key="item.value + index">
 
+                                    {{true? item.label : item.value}}
 
+                                </el-radio>
 
+                            </el-radio-group>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                    <el-col span="12">
 
+                        <el-form-item label="自定义顺序" prop="contentSort">
 
+                            <el-input-number
 
+                                    v-model="form.contentSort"
 
+                                    :disabled="false"
 
+                                    controls-position="">
 
+                            </el-input-number>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                </el-row>
 
+                <el-form-item label="" prop="contentImg">
 
+                    <template slot='label'>文章缩略图
 
+                        <el-popover slot="label" placement="top-start" title="提示" width="200" trigger="hover"
 
+                                    content="文章缩略图,支持jpg格式">
 
+                            <i class="el-icon-question" slot="reference"></i>
 
+                        </el-popover>
 
+                    </template>
 
+                    <el-upload
 
+                            :file-list="form.contentImg"
 
+                            :action="ms.base+'/file/upload.do'"
 
+                            :on-remove="contentImghandleRemove"
 
+                            :style="{width:''}"
 
+                            :limit="1"
 
+                            :on-exceed="contentImghandleExceed"
 
+                            :disabled="false"
 
+                            :data="{uploadPath:'/cms/content','isRename':true}"
 
+                            :on-success="contentImgSuccess"
 
+                            accept="image/*"
 
+                            list-type="picture-card">
 
+                        <i class="el-icon-plus"></i>
 
+                        <div slot="tip" class="el-upload__tip">最多上传1张图片</div>
 
+                    </el-upload>
 
+                </el-form-item>
 
+                <el-form-item label="描述" prop="contentDescription">
 
+                    <el-input
 
+                            type="textarea" :rows="5"
 
+                            :disabled="false"
 
 
 
-                        v-model="form.contentDescription"
 
-                        :style="{width: '100%'}"
 
-                        placeholder="请输入对该文章的简短描述，以便用户查看文章简略">
 
-                </el-input>
 
-            </el-form-item>
 
-            <el-form-item  label="关键字" prop="contentKeyword">
 
-                <el-input
 
-                        type="textarea" :rows="5"
 
-                        :disabled="false"
 
+                            v-model="form.contentDescription"
 
+                            :style="{width: '100%'}"
 
+                            placeholder="请输入对该文章的简短描述，以便用户查看文章简略">
 
+                    </el-input>
 
+                </el-form-item>
 
+                <el-form-item label="关键字" prop="contentKeyword">
 
+                    <el-input
 
+                            type="textarea" :rows="5"
 
+                            :disabled="false"
 
 
 
-                        v-model="form.contentKeyword"
 
-                        :style="{width: '100%'}"
 
-                        placeholder="请输入文章关键字">
 
-                </el-input>
 
-            </el-form-item>
 
-            <el-form-item  label="文章内容" prop="contentDetails">
 
-            <vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails" :config="editorConfig"></vue-ueditor-wrap>
 
-            </el-form-item>
 
+                            v-model="form.contentKeyword"
 
+                            :style="{width: '100%'}"
 
+                            placeholder="请输入文章关键字">
 
+                    </el-input>
 
+                </el-form-item>
 
+                <el-form-item label="文章内容" prop="contentDetails">
 
+                    <vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails"
 
+                                      :config="editorConfig"></vue-ueditor-wrap>
 
+                </el-form-item>
 
             </el-form>
 
             </el-form>
 
-            </el-scrollbar>
 
-		</el-main>
 
-	</div>
 
-	</body>
 
-	</html>
 
+            <div :id="'model'+index" v-else></div>
 
+        </el-scrollbar>
 
+            </el-tab-pane>
 
+        </el-tabs>
 
+    </el-main>
 
+</div>
 
+</body>
 
+</html>
 
 <script>
 
 <script>
 
-        var form = new Vue({
 
+    var form = new Vue({
 
         el: '#form',
 
         el: '#form',
 
         data() {
 
         data() {
 
             return {
 
             return {
 
-                date1574910623000_52656:null,
 
                 saveDisabled: false,
 
                 saveDisabled: false,
 
-                editorConfig:{
 
-                    imageScaleEnabled :true,
 
+                activeName: 'form',
 
+                model:undefined,//自定义模型实例
 
+                editableTabs:[{title:'文章编辑',name:'form'}],
 
+                editorConfig: {
 
+                    imageScaleEnabled: true,
 
                     autoHeightEnabled: true,
 
                     autoHeightEnabled: true,
 
                     autoFloatEnabled: false,
 
                     autoFloatEnabled: false,
 
                     scaleEnabled: true,
 
                     scaleEnabled: true,
 
-                    compressSide:0,
 
-                    maxImageSideLength:1000,
 
+                    compressSide: 0,
 
+                    maxImageSideLength: 1000,
 
                     maximumWords: 2000,
 
                     maximumWords: 2000,
 
                     initialFrameWidth: '100%',
 
                     initialFrameWidth: '100%',
 
                     initialFrameHeight: 400,
 
                     initialFrameHeight: 400,
 
-                    serverUrl:  ms.base+"/static/plugins/ueditor/1.4.3.1/jsp/editor.do?jsonConfig=%7BvideoUrlPrefix:\'"+ms.base+"\',fileUrlPrefix:\'"+ms.base+"\',imageUrlPrefix:\'"+ms.base+"\',imagePathFormat:\'/upload/cms/content/editor/%7Btime%7D\',filePathFormat:\'/upload/cms/content/editor/%7Btime%7D\',videoPathFormat:\'/upload/cms/content/editor/%7Btime%7D\'%7D",
 
-                    UEDITOR_HOME_URL: ms.base+'/static/plugins/ueditor/1.4.3.1/'
 
+                    serverUrl: ms.base + "/static/plugins/ueditor/1.4.3.1/jsp/editor.do?jsonConfig=%7BvideoUrlPrefix:\'" + ms.base + "\',fileUrlPrefix:\'" + ms.base + "\',imageUrlPrefix:\'" + ms.base + "\',imagePathFormat:\'/upload/cms/content/editor/%7Btime%7D\',filePathFormat:\'/upload/cms/content/editor/%7Btime%7D\',videoPathFormat:\'/upload/cms/content/editor/%7Btime%7D\'%7D",
 
+                    UEDITOR_HOME_URL: ms.base + '/static/plugins/ueditor/1.4.3.1/'
 
                 },
 
                 },
 
-                contentCategoryIdOptions:[],
 
-                returnIsShow:true,
 
+                contentCategoryIdOptions: [],
 
+                returnIsShow: true,
 
                 //表单数据
 
                 //表单数据
 
                 form: {
 
                 form: {
 
                     // 文章标题
 
                     // 文章标题
 
-                    contentTitle:'',
 
+                    contentTitle: '',
 
                     // 所属栏目
 
                     // 所属栏目
 
                     contentCategoryId: '',
 
                     contentCategoryId: '',
 
                     // 文章类型
 
                     // 文章类型
 
                     contentType: [],
 
                     contentType: [],
 
                     // 是否显示
 
                     // 是否显示
 
-                    contentDisplay:'0',
 
+                    contentDisplay: '0',
 
                     // 文章作者
 
                     // 文章作者
 
-                    contentAuthor:'',
 
+                    contentAuthor: '',
 
                     // 文章来源
 
                     // 文章来源
 
-                    contentSource:'',
 
+                    contentSource: '',
 
                     // 自定义顺序
 
                     // 自定义顺序
 
-                    contentSort:0,
 
+                    contentSort: 0,
 
                     // 文章缩略图
 
                     // 文章缩略图
 
                     contentImg: [],
 
                     contentImg: [],
 
                     // 描述
 
                     // 描述
 
-                    contentDescription:'',
 
+                    contentDescription: '',
 
                     // 关键字
 
                     // 关键字
 
-                    contentKeyword:'',
 
+                    contentKeyword: '',
 
                     // 文章内容
 
                     // 文章内容
 
-                    contentDetails:'',
 
+                    contentDetails: '',
 
                 },
 
                 },
 
-                contentTypeOptions:[],
 
-                contentDisplayOptions:[{"value":"0","label":"是"},{"value":"1","label":"否"}],
 
-                rules:{
 
-                // 文章标题
 
-                contentTitle: [{"required":true,"message":"请选择文章标题"}],
 
-                // 发布时间
 
-                contentDatetime: [{"required":true,"message":"发布时间不能为空"}],
 
+                contentTypeOptions: [],
 
+                contentDisplayOptions: [{"value": "0", "label": "是"}, {"value": "1", "label": "否"}],
 
+                rules: {
 
+                    // 文章标题
 
+                    contentTitle: [{"required": true, "message": "请选择文章标题"}],
 
+                    // 发布时间
 
+                    contentDatetime: [{"required": true, "message": "发布时间不能为空"}],
 
                 },
 
                 },
 
 
 
             }
 
             }
 
         },
 
         },
 
-        watch:{
 
+        watch: {},
 
+        computed:{
 
+            currCategory(){
 
+                var that = this;
 
+                return this.contentCategoryIdOptions.find(function(value){
 
+                    return value.id===that.form.contentCategoryId
 
+                })
 
+            },
 
         },
 
         },
 
         methods: {
 
         methods: {
 
             save() {
 
             save() {
 
                 var that = this;
 
                 var that = this;
 
+                //自定义模型需要验证
 
+                if(this.model&&!this.model.validate()){
 
+                    this.activeName = 'custom-name';
 
+                    return;
 
+                }
 
                 var url = ms.manager + "/cms/content/save.do"
 
                 var url = ms.manager + "/cms/content/save.do"
 
                 if (that.form.id > 0) {
 
                 if (that.form.id > 0) {
 
                     url = ms.manager + "/cms/content/update.do";
 
                     url = ms.manager + "/cms/content/update.do";
 
@@ -249,6 +279,11 @@
 
                         data.contentImg = JSON.stringify(data.contentImg);
 
                         data.contentImg = JSON.stringify(data.contentImg);
 
                         ms.http.post(url, data).then(function (data) {
 
                         ms.http.post(url, data).then(function (data) {
 
                             if (data.result) {
 
                             if (data.result) {
 
+                                //保存时需要赋值关联ID
 
+                                if(that.model){
 
+                                    that.model.form.linkId = data.id;
 
+                                    that.model.save()
 
+                                }
 
                                 that.$notify({
 
                                 that.$notify({
 
                                     title: '成功',
 
                                     title: '成功',
 
                                     message: '保存成功',
 
                                     message: '保存成功',
 
@@ -265,29 +300,92 @@
 
                             that.saveDisabled = false;
 
                             that.saveDisabled = false;
 
                         });
 
                         });
 
                     } else {
 
                     } else {
 
+                        this.activeName = 'form';
 
                         return false;
 
                         return false;
 
                     }
 
                     }
 
                 })
 
                 })
 
             },
 
             },
 
-            getValue(data){
 
+            removeModel(){
 
+                var that =this;
 
+                var model= document.getElementById('model1')
 
+                var custom= document.getElementById('c_model')
 
+                if(custom){
 
+                    model.removeChild(custom)
 
+                }
 
+                that.model = undefined;
 
+            },
 
+            categoryChange(){
 
+                this.changeModel();
 
+            },
 
+            changeModel(){
 
+                var that = this;
 
+                that.editableTabs = [that.editableTabs[0]];
 
+                this.removeModel();
 
+                if(this.currCategory){
 
+                    if(this.currCategory.categoryCmId){
 
+                        ms.http.get(ms.manager + "/mdiy/model/get.do",{
 
+                            id:this.currCategory.categoryCmId
 
+                        }).then(function (data) {
 
+                            if(data.id){
 
+                                that.rederModel(data,JSON.parse(data.modelJson))
 
+                            }
 
+                        })
 
+                    }
 
+                }
 
+            },
 
+            rederModel(modelEntity,data){
 
+                var that =this;
 
+                that.editableTabs.push({
 
+                    title: modelEntity.modelName,
 
+                    name: 'custom-name',
 
+                });
 
+                this.removeModel();
 
+                that.$nextTick(function () {
 
+                    var div=document.createElement('div')
 
+                    div.id='c_model'
 
+                    var model= document.getElementById('model1')
 
+                    model.appendChild(div)
 
+                    var s=document.createElement('script')
 
+                    s.innerHTML=data.script
 
+                    var con=document.createElement('div')
 
+                    con.id='custom-model';
 
+                    con.innerHTML=data.html;
 
+                    div.appendChild(s);
 
+                    div.appendChild(con);
 
+                    //初始化自定义模型并传入关联参数
 
+                    that.model = new custom_model(
 
+                        {
 
+                            data:{
 
+                                title:modelEntity.modelName,
 
+                                modelId:modelEntity.id,
 
+                                form:{
 
+                                    linkId:that.id
 
+                                },
 
+                            }
 
+                        })
 
+
 
+                })
 
+            },
 
+            getValue(data) {
 
                 this.form.contentCategoryId = data.id;
 
                 this.form.contentCategoryId = data.id;
 
             },
 
             },
 
             //获取当前文章
 
             //获取当前文章
 
             get(id) {
 
             get(id) {
 
                 var that = this;
 
                 var that = this;
 
-                ms.http.get(ms.manager + "/cms/content/get.do", {"id":id}).then(function (res) {
 
-                    if(res.result&&res.data){
 
-                        if(res.data.contentType){
 
+                ms.http.get(ms.manager + "/cms/content/get.do", {"id": id}).then(function (res) {
 
+                    if (res.result && res.data) {
 
+                        if (res.data.contentType) {
 
                             res.data.contentType = res.data.contentType.split(',');
 
                             res.data.contentType = res.data.contentType.split(',');
 
                         }
 
                         }
 
-                    if(res.data.contentImg){
 
-                        res.data.contentImg = JSON.parse(res.data.contentImg);
 
-                        res.data.contentImg.forEach(function(value){
 
-                        value.url= ms.base + value.path
 
-                        })
 
-                    }else{
 
-                        res.data.contentImg=[]
 
-                    }
 
+                        if (res.data.contentImg) {
 
+                            res.data.contentImg = JSON.parse(res.data.contentImg);
 
+                            res.data.contentImg.forEach(function (value) {
 
+                                value.url = ms.base + value.path
 
+                            })
 
+                        } else {
 
+                            res.data.contentImg = []
 
+                        }
 
+                        that.changeModel();
 
                         that.form = res.data;
 
                         that.form = res.data;
 
                     }
 
                     }
 
                 }).catch(function (err) {
 
                 }).catch(function (err) {
 
@@ -297,28 +395,28 @@
 
             //获取contentCategoryId数据源
 
             //获取contentCategoryId数据源
 
             contentCategoryIdOptionsGet() {
 
             contentCategoryIdOptionsGet() {
 
                 var that = this;
 
                 var that = this;
 
-                ms.http.get(ms.manager+"/cms/category/list.do",{pageSize:9999}).then(function(res){
 
-                    if(res.result){
 
-                        that.contentCategoryIdOptions = ms.util.treeData(res.data.rows,'id','categoryId','children');
 
+                ms.http.get(ms.manager + "/cms/category/list.do", {pageSize: 9999}).then(function (res) {
 
+                    if (res.result) {
 
+                        that.contentCategoryIdOptions = ms.util.treeData(res.data.rows, 'id', 'categoryId', 'children');
 
                     }
 
                     }
 
-                }).catch(function(err){
 
+                }).catch(function (err) {
 
                     console.log(err);
 
                     console.log(err);
 
                 });
 
                 });
 
             },
 
             },
 
             //获取contentType数据源
 
             //获取contentType数据源
 
             contentTypeOptionsGet() {
 
             contentTypeOptionsGet() {
 
-                    var that = this;
 
-                    ms.http.get(ms.base+'/mdiy/dict/list.do', {dictType:'文章属性',pageSize:99999}).then(function (data) {
 
-                        that.contentTypeOptions = data.rows;
 
-                    }).catch(function (err) {
 
-                        console.log(err);
 
-                    });
 
-                },
 
+                var that = this;
 
+                ms.http.get(ms.base + '/mdiy/dict/list.do', {dictType: '文章属性', pageSize: 99999}).then(function (data) {
 
+                    that.contentTypeOptions = data.rows;
 
+                }).catch(function (err) {
 
+                    console.log(err);
 
+                });
 
+            },
 
             //contentImg文件上传完成回调
 
             //contentImg文件上传完成回调
 
-            contentImgSuccess:function(response, file, fileList) {
 
-                this.form.contentImg.push({url:file.url,name:file.name,path:response,uid:file.uid});
 
+            contentImgSuccess: function (response, file, fileList) {
 
+                this.form.contentImg.push({url: file.url, name: file.name, path: response, uid: file.uid});
 
             },
 
             },
 
-            contentImghandleRemove:function(file, files) {
 
+            contentImghandleRemove: function (file, files) {
 
                 var index = -1;
 
                 var index = -1;
 
                 index = this.form.contentImg.findIndex(text => text == file);
 
                 index = this.form.contentImg.findIndex(text => text == file);
 
                 if (index != -1) {
 
                 if (index != -1) {
 
@@ -326,14 +424,14 @@
 
                 }
 
                 }
 
             },
 
             },
 
             //contentImg文件上传完成回调
 
             //contentImg文件上传完成回调
 
-            contentImgSuccess:function(response, file, fileList) {
 
-                this.form.contentImg.push({url:file.url,name:file.name,path:response,uid:file.uid});
 
+            contentImgSuccess: function (response, file, fileList) {
 
+                this.form.contentImg.push({url: file.url, name: file.name, path: response, uid: file.uid});
 
             },
 
             },
 
             //上传超过限制
 
             //上传超过限制
 
-            contentImghandleExceed:function(files, fileList) {
 
-                this.$notify({ title: '当前最多上传1个文件', type: 'warning' });
 
+            contentImghandleExceed: function (files, fileList) {
 
+                this.$notify({title: '当前最多上传1个文件', type: 'warning'});
 
             },
 
             },
 
-            contentImghandleRemove:function(file, files) {
 
+            contentImghandleRemove: function (file, files) {
 
                 var index = -1;
 
                 var index = -1;
 
                 index = this.form.contentImg.findIndex(text => text == file);
 
                 index = this.form.contentImg.findIndex(text => text == file);
 
                 if (index != -1) {
 
                 if (index != -1) {
 
@@ -341,53 +439,55 @@
 
                 }
 
                 }
 
             },
 
             },
 
             //查询列表
 
             //查询列表
 
-            list: function(contentCategoryId) {
 
+            list: function (contentCategoryId) {
 
                 var that = this;
 
                 var that = this;
 
-                ms.http.post(ms.manager+"/cms/content/list.do",{
 
-                    contentCategoryId:contentCategoryId,
 
-                }).then(function(res) {
 
-                    if(res.result&&res.data.total>0){
 
-                        if(res.data.rows[0].contentType){
 
+                ms.http.post(ms.manager + "/cms/content/list.do", {
 
+                    contentCategoryId: contentCategoryId,
 
+                }).then(function (res) {
 
+                    if (res.result && res.data.total > 0) {
 
+                        if (res.data.rows[0].contentType) {
 
                             res.data.rows[0].contentType = res.data.rows[0].contentType.split(',');
 
                             res.data.rows[0].contentType = res.data.rows[0].contentType.split(',');
 
                         }
 
                         }
 
-                        if(res.data.rows[0].contentImg){
 
+                        if (res.data.rows[0].contentImg) {
 
                             res.data.rows[0].contentImg = JSON.parse(res.data.rows[0].contentImg);
 
                             res.data.rows[0].contentImg = JSON.parse(res.data.rows[0].contentImg);
 
-                            res.data.rows[0].contentImg.forEach(function(value){
 
-                                value.url= ms.base + value.path
 
+                            res.data.rows[0].contentImg.forEach(function (value) {
 
+                                value.url = ms.base + value.path
 
                             })
 
                             })
 
-                        }else{
 
-                            res.data.rows[0].contentImg=[]
 
+                        } else {
 
+                            res.data.rows[0].contentImg = []
 
                         }
 
                         }
 
                         that.form = res.data.rows[0];
 
                         that.form = res.data.rows[0];
 
                     }
 
                     }
 
-                }).catch(function(err) {
 
+                }).catch(function (err) {
 
                     console.log(err);
 
                     console.log(err);
 
                 });
 
                 });
 
             },
 
             },
 
         },
 
         },
 
         created() {
 
         created() {
 
             this.contentCategoryIdOptionsGet();
 
             this.contentCategoryIdOptionsGet();
 
-                this.contentTypeOptionsGet();
 
+            this.contentTypeOptionsGet();
 
             this.form.id = ms.util.getParameter("id");
 
             this.form.id = ms.util.getParameter("id");
 
             this.form.contentCategoryId = ms.util.getParameter("categoryId");
 
             this.form.contentCategoryId = ms.util.getParameter("categoryId");
 
             if (this.form.id) {
 
             if (this.form.id) {
 
                 this.get(this.form.id);
 
                 this.get(this.form.id);
 
             }
 
             }
 
-           if(this.form.contentCategoryId){
 
-               this.list(this.form.contentCategoryId);
 
-               this.returnIsShow = false;
 
-           }
 
+            if (this.form.contentCategoryId) {
 
+                this.list(this.form.contentCategoryId);
 
+                this.returnIsShow = false;
 
+            }
 
         }
 
         }
 
     });
 
     });
 
 </script>
 
 </script>
 
 <style>
 
 <style>
 
-    .el-select{
 
+    .el-select {
 
         width: 100%;
 
         width: 100%;
 
     }
 
     }
 
-    body{
 
+
 
+    body {
 
         overflow: hidden;
 
         overflow: hidden;
 
     }
 
     }
 
-    #form{
 
+
 
+    #form {
 
         overflow: hidden;
 
         overflow: hidden;
 
     }
 
     }
 
 </style>
 
 </style>

+ 1 - 0
src/main/webapp/WEB-INF/manager/cms/content/main.ftl
View File 

@@ -180,6 +180,7 @@
 
                         if (!res.result||res.data.total <= 0) {
 
                         if (!res.result||res.data.total <= 0) {
 
                             that.emptyText = '暂无数据'
 
                             that.emptyText = '暂无数据'
 
                             that.dataList = [];
 
                             that.dataList = [];
 
+                            that.total = 0;
 
                         } else {
 
                         } else {
 
                             that.emptyText = '';
 
                             that.emptyText = '';
 
                             that.total = res.data.total;
 
                             that.total = res.data.total;

File diff suppressed because it is too large
+ 0 - 0
src/main/webapp/static/plugins/tree-select/tree.js


Some files were not shown because too many files changed in this diff