mm_os 4.3.6 → 5.0.0

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

@@ -1,247 +0,0 @@
-<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">
-							<div class="card_head arrow">
-								<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">
-										<!--{if(param.list)}-->
-										<!--{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, ' / ')}"
-											 @blur="search()" />
-										</div>
-										<!--{/if}-->
-										<!--{/loop}-->
-										<!--{/if}-->
-										<!--{loop field v idx}-->
-										<!--{if(v.format)}-->
-										<!--{if(v.format.table)}-->
-										<div class="mm_item">
-											<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()" />
-										</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}-->
-										<!--{/loop}-->
-										<div class="mm_item">
-											<button class="btn_primary-x" type="reset" @click.native="reset();search()">重置</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-2">
-									<thead class="table-sm">
-										<tr>
-											<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.name !== sql.key)}-->
-											<th>
-												<control_reverse title="${v.title}" v-model="query.orderby" field="${v.name}" :func="search"></control_reverse>
-											</th>
-											<!--{/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" :key="idx" :class="{'active': select == idx}" @click="selected(idx)">
-											<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.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}-->
-												<span>{{ o.${v.name} }}</span>
-												<!--{/if}-->
-											</td>
-											<!--{/if}-->
-											<!--{/loop}-->
-											<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>
-									<!-- </draggable> -->
-								</div>
-							</div>
-							<div class="card_foot">
-								<div class="fl">
-									<control_select v-model="query.size" :options="$to_size()" @change="search()" />
-								</div>
-								<div class="fr">
-									<span class="mr">共 {{ count }} 条</span>
-									<span>当前</span>
-									<input type="number" class="pager_now" v-model.number="page_now" @blur="goTo(page_now)" @change="page_change" />
-									<span>/{{ page_count }}页</span>
-								</div>
-								<control_pager display="2" v-model="query.page" :count="count / query.size" :func="goTo" :icons="['首页', '上一页', '下一页', '尾页']"></control_pager>
-							</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.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>
-				</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: {
-					//页码
-					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}': ${@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]*/
-		},
-		created() {
-			/*[loop js.data v idx]*/
-			/*[if(v.path)]*/
-			// 获取 ${v.title}
-			this.get_ /*[v.basename]*/();
-			/*[/if]*/
-			/*[/loop]*/
-		}
-	}
-</script>
-
-<style>
-</style>

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

@@ -1,313 +0,0 @@
-<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>