mm_os 3.3.1 → 4.0.1

package/com/nav/tpl/dev_pc/page_type.vue

@@ -0,0 +1,313 @@
+<template>
+  <main id="${id}">
+    <div class="mm_warp">
+      <div class="mm_container">
+        <div class="mm_row">
+          <div class="mm_col col-12">
+            <div class="mm_card" :class="{ 'hide_filter': !show_filter }">
+              <div class="card_head arrow" @click="show_filter = !show_filter">
+                <h5>${api.title}</h5>
+              </div>
+              <div class="card_body">
+                <div class="mm_form" class="bar_filter">
+                  <div class="title">
+                    <h5><span>筛选条件</span></h5>
+                  </div>
+                  <div class="mm_list list-3">
+                    <!--{loop param.list v idx}-->
+                    <!--{if(v.name === 'keyword')}-->
+                    <div class="mm_item">
+                      <control_input v-model="query.keyword" title="${v.title}" desc="${v.description.replace(/\([0-9A-Za-z_]+\)/g, '').replace('用于搜索', '').replace(/、/g, ' / ')}"
+                        />
+                    </div>
+                    <!--{/if}-->
+                    <!--{/loop}-->
+                    <!--{loop field v idx}-->
+                    <!--{if(v.show.search)}-->
+                    <!--{if(v.show.search === "input")}-->
+                    <div class="mm_item">
+                      <control_input v-model="query.${v.name}" title="${v.title}" @blur="search()" />
+                    </div>
+                    <!--{else if(v.show.search === "select")}-->
+                    <!--{if(v.format.table)}-->
+                    <div class="mm_item">
+                      <!--{if(v.format.key.endWith('_id') !== -1)}-->
+                      <control_select type="list" v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')" @change="search()" />
+                      <!--{else}-->
+                      <control_select v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')"
+                       @change="search()" />
+                       <!--{/if}-->
+                    </div>
+                    <!--{else if(v.format.key.indexOf('user_id') !== -1)}-->
+                    <div class="mm_item">
+                      <control_select v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label})" @change="search()" />
+                    </div>
+                    <!--{else}-->
+                    <div class="mm_item">
+                      <control_select v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label})" @change="search()" />
+                    </div>
+                    <!--{/if}-->
+                    <!--{/if}-->
+                    <!--{/if}-->
+                    <!--{/loop}-->
+                    <div class="mm_item">
+                      <button class="btn_primary-x" type="reset" @click.native="reset();">重置</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="bar_action">
+                  <h5><span>操作</span></h5>
+                  <div class="btns">
+                    <button class="btn_primary-x" url="./${name}_form?">添加</button>
+                    <button @click.native="show = true" class="btn_primary-x" v-bind:class="{ 'disabled': !selects }">批量修改</button>
+                  </div>
+                  <div class="btn_small">
+                    <control_file class="btn_default-x" type="excel" :func="import_db" v-if="url_import"></control_file>
+                    <button class="btn_default-x" @click.native="export_db()" v-if="url_export">导出</button>
+                  </div>
+                </div>
+                <div class="mm_table table-3">
+                  <thead class="table-sm">
+                    <tr>
+                      <th class="th_open"></th>
+                      <th class="th_selected"><input type="checkbox" :checked="select_state" @click="select_all()" /></th>
+                      <th class="th_id"><span>#</span></th>
+                      <!--{loop field v idx}-->
+                      <!--{if(v.show.table)}-->
+                      <!--{if(v.name !== sql.key)}-->
+                      <th class="th_${v.name}">
+                        <span>${v.title}</span>
+                      </th>
+                      <!--{/if}-->
+                      <!--{/if}-->
+                      <!--{/loop}-->
+                      <th class="th_handle"><span>操作</span></th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <!-- <draggable v-model="list" tag="tbody" @change="sort_change"> -->
+                    <tr v-for="(o, idx) in list_new" :key="idx" :class="{'active': select == idx, sub: o[father_id], open: opens_has(o[field]), no_sub: !opens_has_sub(o[field]) }"
+                     @click="selected(idx)">
+                      <th class="th_open"><button class="btn_open" :style="'margin-left:' + (1.5 * opens_lv(o[father_id])) + 'rem;'"
+                         @click="opens_change(o[field])"><i class="fa-caret-right"></i></button></th>
+                      <th class="th_selected"><input type="checkbox" :checked="select_has(o[field])" @click="select_change(o[field])" /></th>
+                      <td>{{ o[field] }}</td>
+                      <!--{loop field v idx}-->
+                      <!--{if(v.show.table)}-->
+                      <!--{if(v.name !== sql.key)}-->
+                      <td>
+                        <!--{if(v.dataType === 'tinyint')}-->
+                        <control_switch v-model="o.${v.name}" @click.native="set(o)" />
+                        <!--{else if(v.format)}-->
+                        <!--{if(v.format.table)}-->
+                        <span>{{ $get_name(${v.label}, o.${v.format.key}, '${v.format.id || v.format.key}', '${v.format.name}') }}</span>
+                        <!--{else if(v.name == 'state' || v.name == 'status')}-->
+                        <span v-bind:class="arr_color[o.${v.name}]">{{ ${v.label}[o.${v.name}] }}</span>
+                        <!--{else}-->
+                        <span>{{ ${v.label}[o.${v.name}] }}</span>
+                        <!--{/if}-->
+                        <!--{else if(v.name.indexOf('img') !== -1 || v.name.indexOf('icon') !== -1 || v.name === 'avatar')}-->
+                        <img class="${v.name}" :src="o.${v.name}" alt="${v.title}" />
+                        <!--{else if(v.dataType === 'date')}-->
+                        <span>{{ $to_time(o.${v.name}, 'yyyy-MM-dd') }}</span>
+                        <!--{else if(v.dataType === 'time')}-->
+                        <span>{{ o.${v.name} }}</span>
+                        <!--{else if(v.dataType === 'timestamp' || v.dataType === 'datetime')}-->
+                        <span>{{ $to_time(o.${v.name}, 'yyyy-MM-dd hh:mm') }}</span>
+                        <!--{else if(v.name === 'display' || v.name === 'orderby')}-->
+                        <input class="input_display" v-model.number="o.${v.name}" @blur="set(o)" min="0" max="1000" />
+                        <!--{else}-->
+                        <control_input :auto="true" v-model="o.${v.name}" @blur="set(o)" />
+                        <!--{/if}-->
+                      </td>
+                      <!--{/if}-->
+                      <!--{/if}-->
+                      <!--{/loop}-->
+                      <td>
+                        <button class="btn_primary" :url="'./${name}_form?${sql.key}=' + o[field]">修改</button>
+                        <button class="btn_warning" @click.native="del_show(o, field)">删除</button>
+                      </td>
+                    </tr>
+                  </tbody>
+                  <!-- </draggable> -->
+                  
+                  <template v-slot:right>
+                    <thead class="table-sm">
+                      <tr>
+                        <th class="th_handle"><span>操作</span></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="(o, idx) in list_new" :key="idx" :class="{'active': select == idx, sub: o[father_id], open: opens_has(o[field]), no_sub: !opens_has_sub(o[field]) }"
+                       @click="selected(idx)">
+                        <td>
+                          <button class="mm_btn btn_primary" :url="'./${name}_form?${sql.key}=' + o[field]">修改</button>
+                          <button class="mm_btn btn_warning" @click.native="del_show(o, field)">删除</button>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </template>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <mm_modal v-model="show" mask="true">
+      <div class="mm_card" class="card">
+        <div class="card_head">
+          <h5>批量修改</h5>
+        </div>
+        <div class="card_body pa">
+          <dl>
+            <!--{loop field v idx}-->
+            <!--{if(v.show.batch)}-->
+            <dt>${v.title}</dt>
+            <dd>
+            <!--{if(v.show.batch === "input")}-->
+            <control_input v-model="form.${v.name}" />
+            <!--{else if(v.show.batch === "select")}-->
+              <!--{if(v.format.table)}-->
+                <!--{if(v.format.key.endWith('_id') !== -1)}-->
+                <control_select type="list" v-model="form.${v.format.key}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')" />
+                <!--{else}-->
+                <control_select v-model="form.${v.format.key}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')" />
+                <!--{/if}-->
+              <!--{else}-->
+              <control_select v-model="form.${v.format.key}" :options="$to_kv(${v.label})" />
+              <!--{/if}-->
+            <!--{/if}-->
+            </dd>
+            <!--{/if}-->
+            <!--{/loop}-->
+          </dl>
+        </div>
+        <div class="card_foot">
+          <div class="mm_group">
+            <button class="mm_btn btn_default" type="reset" @click="show = false">取消</button>
+            <button class="mm_btn btn_primary" type="button" @click="batchSet()">提交</button>
+          </div>
+        </div>
+      </div>
+    </mm_modal>
+  </main>
+</template>
+
+<script>
+  import mixin from '/src/mixins/page.js';
+
+  export default {
+    mixins: [mixin],
+    data() {
+      return {
+        // 列表请求地址
+        url_get_list: "${api.path}",
+        url_del: "${api.path}?method=del&",
+        url_set: "${api.path}?method=set&",
+        url_import: "${api.path}?method=import&",
+        url_export: "${api.path}?method=export&",
+        field: "${sql.key}",
+        query_set: {
+          "${sql.key}": ""
+        },
+        // 查询条件
+        query: {
+          //排序
+          orderby: "",
+          // 上级分类ID
+          father_id: '',
+          // 关键词
+          keyword: ''
+        },
+        form: {},
+        //颜色
+        arr_color: ['', '', 'font_yellow', 'font_success', 'font_warning', 'font_primary', 'font_info', 'font_default'],
+        /*[loop js.data v idx]*/
+        // ${' ' + v.title}
+        '${v.name}': ${@JSON.stringify(v.value)},
+        /*[/loop]*/
+        // 视图模型
+        vm: {}
+      }
+    },
+    methods: {
+      /*[loop js.data v idx]*/
+      /*[if(v.path)]*/
+      /**
+       * 获取 ${v.title}
+       * @param {query} 查询条件
+       */
+      get_ /*[v.basename]*/(query) {
+        var _this = this;
+        if (!query) {
+          query = {
+            field: "${v.id},${v.field}${v.father_id ? ',' + v.father_id : '' }${v.title_name ? ',title' : '' }"
+          };
+        }
+        this.$get('~${v.path}', query, function(json) {
+          if (json.result) {
+            _this/*['.' + v.name]*/.clear();
+            _this/*['.' + v.name]*/.addList(json.result.list)
+          }
+        });
+      },
+      /*[/if]*/
+      /*[/loop]*/
+      /**
+       * 获取列表之前
+       * @param {Object} param 参数
+       */
+      get_list_before(param){
+        delete param.page;
+        param.size = "0";
+        return param;
+      }
+    },
+    created() {
+      /*[loop js.data v idx]*/
+      /*[if(v.path)]*/
+      // 获取 ${v.title}
+      this.get_ /*[v.basename]*/();
+      /*[/if]*/
+      /*[/loop]*/
+    },
+    computed: {
+      list_new() {
+        var list = [];
+        var {
+          keyword,
+          father_id
+        } = this.query;
+          
+        if (keyword && father_id) {
+          return this.list.filter(function(o) {
+            return o.father_id == father_id && (o.title.indexOf(keyword) !== -1 || o.name.indexOf(
+              keyword) !== -1);
+          });
+        } else if (father_id) {
+          return this.list.filter(function(o) {
+            return o.father_id == father_id;
+          });
+        } else if (keyword) {
+          return this.list.filter(function(o) {
+            return o.title.indexOf(keyword) !== -1 || o.name.indexOf(keyword) !== -1;
+          });
+        } else {
+          var lt = this.list.toTree(this.field).toList();
+          var arr = this.opens;
+          for (var i = 0; i < lt.length; i++) {
+            var o = lt[i];
+            if (this.opens.indexOf(o[this.father_id]) !== -1) {
+              list.push(o);
+            }
+          }
+          return list;
+        }
+      }
+    }
+  }
+</script>
+
+<style>
+</style>

package/com/nav/tpl/home_pc/page_default.vue

@@ -0,0 +1,234 @@
+<template>
+  <main id="${id}">
+    <mm_grid>
+      <mm_col>
+        <mm_view>
+          <header class="arrow">
+            <h5>${api.title}</h5>
+          </header>
+          <mm_body>
+            <mm_form class="bar_filter">
+              <h5><span>筛选条件</span></h5>
+              <mm_list :col="3">
+                <!--{if(param.list)}-->
+                <!--{loop param.list v idx}-->
+                  <!--{if(v.name == 'keyword')}-->
+                <mm_col>
+                  <control_input v-model="query.keyword" title="${v.title}" desc="${v.description.replace(/\([0-9A-Za-z_]+\)/g, '').replace('用于搜索', '').replace(/、/g, ' / ')}" @blur="search()" />
+                </mm_col>
+                  <!--{/if}-->
+                <!--{/loop}-->
+                <!--{/if}-->
+                <!--{loop field v idx}-->
+                  <!--{if(v.format)}-->
+                    <!--{if(v.format.table)}-->
+                <mm_col>
+                  <control_select v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')" @change="search()" />
+                </mm_col>
+                    <!--{else}-->
+                <mm_col>
+                  <control_select v-model="query.${v.format.key}" title="${v.title}" :options="$to_kv(${v.label})" @change="search()" />
+                </mm_col>
+                    <!--{/if}-->
+                  <!--{/if}-->
+                <!--{/loop}-->
+                <mm_col>
+                  <mm_btn class="btn_primary-x" type="reset" @click.native="reset();search()">重置</mm_btn>
+                </mm_col>
+              </mm_list>
+            </mm_form>
+            <div class="bar_action">
+              <h5><span>操作</span></h5>
+              <div class="">
+                <mm_btn class="btn_primary-x" url="./${name}_form?">添加</mm_btn>
+                <mm_btn @click.native="show = true" class="btn_primary-x" v-bind:class="{ 'disabled': !selects }">批量修改</mm_btn>
+              </div>
+            </div>
+            <mm_table type="2">
+              <thead>
+                <tr>
+                  <th scope="col" class="th_selected"><input type="checkbox" :checked="select_state" @click="select_all()" /></th>
+                  <th scope="col" class="th_id"><span>#</span></th>
+                  <!--{loop field v idx}-->
+                    <!--{if(idx > 0)}-->
+                  <th scope="col">
+                    <control_reverse title="${v.title}" v-model="query.orderby" field="${v.name}" :func="search"></control_reverse>
+                  </th>
+                    <!--{/if}-->
+                  <!--{/loop}-->
+                  <th scope="col" class="th_handle"><span>操作</span></th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(o, idx) in list" :key="idx">
+                  <th scope="row"><input type="checkbox" :checked="select_has(o[field])" @click="select_change(o[field])" /></th>
+                  <!--{loop field v idx}-->
+                  <td>
+                    <!--{if(v.dataType === 'tinyint')}-->
+                    <control_switch v-model="o.${v.name}" @click.native="set(o)" />
+                    <!--{else if(v.format)}-->
+                      <!--{if(v.format.table)}-->
+                    <span>{{ $get_name(${v.label}, o.${v.format.key}, '${v.format.id || v.format.key}', '${v.format.name}') }}</span>
+                      <!--{else if(v.name == 'state' || v.name == 'status')}-->
+                    <span v-bind:class="arr_color[o.${v.name}]">{{ ${v.label}[o.${v.name}] }}</span>
+                      <!--{else}-->
+                    <span>{{ ${v.label}[o.${v.name}] }}</span>
+                      <!--{/if}-->
+                    <!--{else if(v.name.indexOf('img') !== -1 || v.name.indexOf('icon') !== -1)}-->
+                    <img :src="o.${v.name}" alt="${v.title}" />
+                    <!--{else if(v.dataType === 'date')}-->
+                    <span>{{ $to_time(o.${v.name}, 'yyyy-MM-dd') }}</span>
+                    <!--{else if(v.dataType === 'time')}-->
+                    <span>{{ o.${v.name} }}</span>
+                    <!--{else if(v.dataType === 'timestamp' || v.dataType === 'datetime')}-->
+                    <span>{{ $to_time(o.${v.name}, 'yyyy-MM-dd hh:mm') }}</span>
+                    <!--{else if(v.name === 'display' || v.name === 'orderby')}-->
+                    <input class="input_display" v-model.number="o.${v.name}" @blur="set(o)" min="0" max="1000" />
+                    <!--{else}-->
+                    <span>{{ o.${v.name} }}</span>
+                    <!--{/if}-->
+                  </td>
+                  <!--{/loop}-->
+                  <td>
+                    <mm_btn class="btn_primary" :url="'./${name}_form?${sql.key}=' + o[field]">修改</mm_btn>
+                    <mm_btn class="btn_warning" @click.native="del_show(o, field)">删除</mm_btn>
+                  </td>
+                </tr>
+              </tbody>
+            </mm_table>
+          </mm_body>
+          <footer>
+            <mm_grid class="mm_data_count">
+              <mm_col>
+                <control_select v-model="query.size" :options="$to_size()" @change="search()" />
+              </mm_col>
+              <mm_col width="50" style="min-width: 22.5rem;">
+                <control_pager display="2" v-model="query.page" :count="count / query.size" :func="goTo" :icons="['首页', '上一页', '下一页', '尾页']"></control_pager>
+              </mm_col>
+              <mm_col>
+                <div class="right plr">
+                  <span class="mr">共 {{ count }} 条</span>
+                  <span>当前</span>
+                  <input class="pager_now" v-model.number="page_now" @blur="goTo(page_now)" @change="page_change" />
+                  <span>/{{ page_count }}页</span>
+                </div>
+              </mm_col>
+            </mm_grid>
+          </footer>
+        </mm_view>
+      </mm_col>
+    </mm_grid>
+    <mm_modal v-model="show" mask="true">
+      <mm_view class="card bg_no">
+        <header class="bg_white">
+          <h5>批量修改</h5>
+        </header>
+        <mm_body>
+          <dl>
+            <!--{loop field v idx}-->
+              <!--{if(v.format)}-->
+            <dt>${v.title}</dt>
+                <!--{if(v.format.table)}-->
+            <dd>
+              <control_select v-model="form.${v.format.key}" :options="$to_kv(${v.label}, '${v.format.id || v.format.key}', '${v.format.name}')" />
+            </dd>
+                <!--{else}-->
+            <dd>
+              <control_select v-model="form.${v.format.key}" :options="$to_kv(${v.label})" />
+            </dd>
+                <!--{/if}-->
+              <!--{/if}-->
+            <!--{/loop}-->
+          </dl>
+        </mm_body>
+        <footer>
+          <div class="mm_group">
+            <button class="mm_btn btn_default" type="reset" @click="show = false">取消</button>
+            <button class="mm_btn btn_primary" type="button" @click="batchSet()">提交</button>
+          </div>
+        </footer>
+      </mm_view>
+    </mm_modal>
+  </main>
+</template>
+
+<script>
+  import mixin from '/src/mixins/page.js';
+
+  export default {
+    mixins: [mixin],
+    data() {
+      return {
+        // 列表请求地址
+        url_get_list: "${api.path}",
+        url_del: "${api.path}?method=del&",
+        url_set: "${api.path}?method=set&",
+        field: "${sql.key}",
+        query_set: {
+          "${sql.key}": ""
+        },
+        // 查询条件
+        query: {
+          //页码
+          page: 1,
+          //页面大小
+          size: 10,
+          /*[loop js.query v idx]*/
+          // ${' ' + v.title}
+            /*[if v.type === 'number' && !v.select]*/
+          '${v.name}': 0,
+            /*[else]*/
+          '${v.name}': '',
+            /*[/if]*/
+          /*[/loop]*/
+          //排序
+          orderby: ""
+        },
+        form: {},
+        //颜色
+        arr_color: ['', '', 'font_yellow', 'font_success', 'font_warning', 'font_primary', 'font_info', 'font_default'],
+        /*[loop js.data v idx]*/
+        // ${' ' + v.title}
+        '${v.name}': [/*[loop v.value a idx]*//*[if idx == 0]*/'${a}'/*[else]*/,'${a}'/*[/if]*//*[/loop]*/],
+        /*[/loop]*/
+        // 视图模型
+        vm: {}
+      }
+    },
+    methods: {
+    /*[loop js.data v idx]*/
+      /*[if(v.path)]*/
+      /**
+       * 获取 ${v.title}
+       * @param {query} 查询条件
+       */
+      get_/*[v.basename]*/(query){
+        var _this = this;
+        if(!query){
+          query = {
+            field: "${v.id},${v.field}"
+          };
+        }
+        this.$get('~${v.path}', query, function(json) {
+          if (json.result) {
+            _this/*['.' + v.name]*/.clear();
+            _this/*['.' + v.name]*/.addList(json.result.list)
+          }
+        });
+      },
+      /*[/if]*/
+    /*[/loop]*/
+    },
+    created() {
+      /*[loop js.data v idx]*/
+        /*[if(v.path)]*/
+      // 获取 ${v.title}
+      this.get_/*[v.basename]*/();
+        /*[/if]*/
+      /*[/loop]*/
+    }
+  }
+</script>
+
+<style>
+</style>