ylyx-cli 1.0.14 → 1.0.16

package/templates/vue-app/files/src/views/selfStatistics/setWaterMark/setWaterMark.js

@@ -1,68 +1,68 @@
-import moment from 'moment';
-const initProps = {
-  width: 700, // canvas 的大小
-  height: 550,
-  font: '40px arial,sans-serif', // 如果水印是文字
-  text: '',
-  // img: { // 如果水印是图片
-  //   src: require('@/assets/images/logo-white.png'),
-  //   imgWidth: 200,
-  //   imgHeight: 50
-  // },
-  zIndex: 1, // 水印所在层index
-  devicePixelRatio: 1, // 图像缩放比例
-};
-
-const setMark = (parentDom, waterMarkProp) => {
-  const props = Object.assign({ ...initProps }, { ...waterMarkProp });
-  let dataUrlType = ''; // 转为 base64 的格式
-  let styleSize = props.width / props.devicePixelRatio;
-  const canvas = document.createElement('canvas');
-  let context = canvas.getContext('2d');
-  canvas.width = props.width;
-  canvas.height = props.height;
-  canvas.style.border = '1px solid red';
-  context.translate(props.width / 3, props.height / 2);
-  context.rotate((Math.PI / 180) * -25);
-
-  // 之所以要动态添加一个div，是因为后面界面要监听这个dom元素
-  const div = document.createElement('div');
-  div.style.backgroundSize = `${styleSize}px ${styleSize}px`;
-  div.style.backgroundRepeat = 'repeat';
-  div.style.width = '100%';
-  div.style.height = '100%';
-  div.style.zIndex = props.zIndex;
-  div.style.opacity = '0.25';
-  div.style.position = 'absolute';
-  div.style.top = '0';
-
-  div.className = 'water-mark-bg';
-
-  if (initProps.img) {
-    let img = new Image();
-    img.src = initProps.img.src;
-    img.style.border = '1px solid #000';
-    const { imgWidth, imgHeight } = props.img;
-    dataUrlType = 'image/png';
-    img.onload = function () {
-      // 如果是图片，要等待图片加载完才可以
-      context.drawImage(img, 0, 0, imgWidth / 2, imgHeight / 2);
-      // context.fillRect(0,0,imgWidth / 2,imgHeight / 2);
-      div.style.backgroundImage = `url("${canvas.toDataURL(dataUrlType)}")`;
-      parentDom.appendChild(div);
-    };
-  } else {
-    context.fillStyle = 'rgba(0, 0, 0, 0.3)';
-    context.font = props.font;
-    context.textAlign = 'center';
-    context.fillText(props.text, props.width / 3, 0);
-    if (props.showTime && props.text != '') {
-      context.fillStyle = 'rgba(0, 0, 0, 0.3)';
-      context.fillText(moment().format('YYYY-MM-DD HH:mm:ss'), props.width / 3, 50);
-    }
-    context.textBaseline = 'middle';
-    div.style.backgroundImage = `url("${canvas.toDataURL(dataUrlType)}")`;
-    parentDom.appendChild(div);
-  }
-};
-export { setMark };
+import moment from 'moment';
+const initProps = {
+  width: 700, // canvas 的大小
+  height: 550,
+  font: '40px arial,sans-serif', // 如果水印是文字
+  text: '',
+  // img: { // 如果水印是图片
+  //   src: require('@/assets/images/logo-white.png'),
+  //   imgWidth: 200,
+  //   imgHeight: 50
+  // },
+  zIndex: 1, // 水印所在层index
+  devicePixelRatio: 1, // 图像缩放比例
+};
+
+const setMark = (parentDom, waterMarkProp) => {
+  const props = Object.assign({ ...initProps }, { ...waterMarkProp });
+  let dataUrlType = ''; // 转为 base64 的格式
+  let styleSize = props.width / props.devicePixelRatio;
+  const canvas = document.createElement('canvas');
+  let context = canvas.getContext('2d');
+  canvas.width = props.width;
+  canvas.height = props.height;
+  canvas.style.border = '1px solid red';
+  context.translate(props.width / 3, props.height / 2);
+  context.rotate((Math.PI / 180) * -25);
+
+  // 之所以要动态添加一个div，是因为后面界面要监听这个dom元素
+  const div = document.createElement('div');
+  div.style.backgroundSize = `${styleSize}px ${styleSize}px`;
+  div.style.backgroundRepeat = 'repeat';
+  div.style.width = '100%';
+  div.style.height = '100%';
+  div.style.zIndex = props.zIndex;
+  div.style.opacity = '0.25';
+  div.style.position = 'absolute';
+  div.style.top = '0';
+
+  div.className = 'water-mark-bg';
+
+  if (initProps.img) {
+    let img = new Image();
+    img.src = initProps.img.src;
+    img.style.border = '1px solid #000';
+    const { imgWidth, imgHeight } = props.img;
+    dataUrlType = 'image/png';
+    img.onload = function () {
+      // 如果是图片，要等待图片加载完才可以
+      context.drawImage(img, 0, 0, imgWidth / 2, imgHeight / 2);
+      // context.fillRect(0,0,imgWidth / 2,imgHeight / 2);
+      div.style.backgroundImage = `url("${canvas.toDataURL(dataUrlType)}")`;
+      parentDom.appendChild(div);
+    };
+  } else {
+    context.fillStyle = 'rgba(0, 0, 0, 0.3)';
+    context.font = props.font;
+    context.textAlign = 'center';
+    context.fillText(props.text, props.width / 3, 0);
+    if (props.showTime && props.text != '') {
+      context.fillStyle = 'rgba(0, 0, 0, 0.3)';
+      context.fillText(moment().format('YYYY-MM-DD HH:mm:ss'), props.width / 3, 50);
+    }
+    context.textBaseline = 'middle';
+    div.style.backgroundImage = `url("${canvas.toDataURL(dataUrlType)}")`;
+    parentDom.appendChild(div);
+  }
+};
+export { setMark };

package/templates/vue-app/files/src/views/selfStatistics/setWaterMark/waterMark.vue

@@ -1,69 +1,69 @@
-<template>
-  <div class="water-box" ref="waterMarkRef">
-    <slot></slot>
-  </div>
-</template>
-<script>
-// import {setMark} from '@/utils/setWaterMark'
-import { setMark } from './setWaterMark';
-export default {
-  props: {
-    waterMarkProp: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {};
-  },
-
-  watch: {
-    waterMarkProp: {
-      handler(newVlaue) {
-        this.waterMarkRefFn();
-      },
-      deep: true,
-    },
-  },
-
-  updated() {},
-  mounted() {
-    setTimeout(() => {
-      this.waterMarkRefFn();
-    }, 0);
-  },
-
-  methods: {
-    waterMarkRefFn() {
-      const waterMarkRef = this.$refs.waterMarkRef;
-      setMark(waterMarkRef, this.waterMarkProp);
-      var MutationObserver =
-        window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
-      let ob = new MutationObserver(function (mutationRecoards, observer) {
-        // observer 观察者实例
-        mutationRecoards.forEach(record => {
-          (record.removedNodes || []).forEach(element => {
-            if (element.className === 'water-mark-bg') {
-              setMark(waterMarkRef);
-            }
-          });
-        });
-      });
-      ob.observe(this.$refs.waterMarkRef, {
-        cattributes: true,
-        childList: true,
-        subtree: true,
-      });
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.water-box {
-  pointer-events: none;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-}
-</style>
+<template>
+  <div class="water-box" ref="waterMarkRef">
+    <slot></slot>
+  </div>
+</template>
+<script>
+// import {setMark} from '@/utils/setWaterMark'
+import { setMark } from './setWaterMark';
+export default {
+  props: {
+    waterMarkProp: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {};
+  },
+
+  watch: {
+    waterMarkProp: {
+      handler(newVlaue) {
+        this.waterMarkRefFn();
+      },
+      deep: true,
+    },
+  },
+
+  updated() {},
+  mounted() {
+    setTimeout(() => {
+      this.waterMarkRefFn();
+    }, 0);
+  },
+
+  methods: {
+    waterMarkRefFn() {
+      const waterMarkRef = this.$refs.waterMarkRef;
+      setMark(waterMarkRef, this.waterMarkProp);
+      var MutationObserver =
+        window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+      let ob = new MutationObserver(function (mutationRecoards, observer) {
+        // observer 观察者实例
+        mutationRecoards.forEach(record => {
+          (record.removedNodes || []).forEach(element => {
+            if (element.className === 'water-mark-bg') {
+              setMark(waterMarkRef);
+            }
+          });
+        });
+      });
+      ob.observe(this.$refs.waterMarkRef, {
+        cattributes: true,
+        childList: true,
+        subtree: true,
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.water-box {
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+}
+</style>

package/templates/vue-app/files/src/views/system/dept/index.vue

@@ -1,144 +1,144 @@
-<template>
-  <div class="app-container">
-    <!--工具栏-->
-    <div class="head-container">
-      <div v-if="crud.props.searchToggle">
-        <!-- 搜索 -->
-        <el-input
-          v-model="query.hospitalName"
-          clearable
-          size="small"
-          placeholder="输入医院名称搜索"
-          style="width: 200px"
-          class="filter-item"
-          @keyup.enter.native="crud.toQuery" />
-      </div>
-      <crudOperation :permission="permission" />
-    </div>
-    <!--表单组件-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :before-close="crud.cancelCU"
-      :visible.sync="crud.status.cu > 0"
-      :title="crud.status.title"
-      width="500px">
-      <el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="100px">
-        <el-form-item label="医院名称" prop="name">
-          <el-input v-model="form.name" style="width: 350px" />
-        </el-form-item>
-        <el-form-item label="医院地址" prop="name">
-          <el-input v-model="form.name" style="width: 350px" />
-        </el-form-item>
-        <el-form-item label="医院类别" prop="deploys">
-          <el-select v-model="form.deploys" multiple placeholder="请选择" style="width: 350px">
-            <el-option label="医院类别" value="医院类别" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="医院等级" prop="deploys">
-          <el-select v-model="form.deploys" multiple placeholder="请选择" style="width: 350px">
-            <el-option label="医院等级" value="医院等级" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="医院编码" prop="code">
-          <el-input v-model="form.code" style="width: 350px" />
-        </el-form-item>
-        <el-form-item label="医疗机构代码" prop="code">
-          <el-input v-model="form.code" style="width: 350px" />
-        </el-form-item>
-        <el-form-item label="盒子代号" prop="code">
-          <el-input v-model="form.code" style="width: 350px" />
-        </el-form-item>
-        <el-form-item label="IP地址" prop="code">
-          <el-input v-model="form.ip" style="width: 350px" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="crud.cancelCU">取消</el-button>
-        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU"
-          >确认</el-button
-        >
-      </div>
-    </el-dialog>
-    <!--表格渲染-->
-    <el-table
-      ref="table"
-      v-loading="crud.loading"
-      lazy
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      :data="crud.data"
-      row-key="id"
-      @select="crud.selectChange"
-      @select-all="crud.selectAllChange"
-      @selection-change="crud.selectionChangeHandler">
-      <el-table-column :selectable="checkboxT" type="selection" width="55" />
-      <el-table-column label="医院名称" prop="hospitalName" />
-      <el-table-column label="医院地址" prop="address" />
-      <el-table-column label="医院类别" prop="category" />
-      <el-table-column label="医院等级" prop="rank" />
-      <el-table-column label="连接方式" prop="boxCode" />
-      <el-table-column label="更新时间" prop="updateTime" />
-      <el-table-column
-        v-if="checkPer(['admin', 'hos:edit', 'hos:del'])"
-        label="操作"
-        width="130px"
-        align="center"
-        fixed="right">
-        <template slot-scope="scope">
-          <udOperation
-            :data="scope.row"
-            :permission="permission"
-            :disabled-dle="scope.row.id === 1"
-            msg="确定删除吗,如果存在下级节点则一并删除，此操作不能撤销！" />
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import crudHospital from '@/api/system/hospital';
-import CRUD, { presenter, header, form, crud } from '@crud/crud';
-import crudOperation from '@crud/CRUD.operation';
-import udOperation from '@crud/UD.operation';
-
-const defaultForm = {};
-export default {
-  name: 'Dept',
-  components: { crudOperation, udOperation },
-  cruds() {
-    return CRUD({ title: '医院', url: 'hospital/page', crudMethod: { ...crudHospital } });
-  },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  data() {
-    return {
-      depts: [],
-      rules: {
-        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-      },
-      permission: {
-        add: ['admin', 'hos:add'],
-        edit: ['admin', 'hos:edit'],
-        del: ['admin', 'hos:del'],
-      },
-    };
-  },
-  methods: {
-    // 新增与编辑前做的操作
-    [CRUD.HOOK.afterToCU](crud, form) {},
-    // 提交前的验证
-    [CRUD.HOOK.afterValidateCU]() {
-      return true;
-    },
-    checkboxT(row, rowIndex) {
-      return row.id !== 1;
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-::v-deep .el-input-number .el-input__inner {
-  text-align: left;
-}
-</style>
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-input
+          v-model="query.hospitalName"
+          clearable
+          size="small"
+          placeholder="输入医院名称搜索"
+          style="width: 200px"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery" />
+      </div>
+      <crudOperation :permission="permission" />
+    </div>
+    <!--表单组件-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :before-close="crud.cancelCU"
+      :visible.sync="crud.status.cu > 0"
+      :title="crud.status.title"
+      width="500px">
+      <el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="100px">
+        <el-form-item label="医院名称" prop="name">
+          <el-input v-model="form.name" style="width: 350px" />
+        </el-form-item>
+        <el-form-item label="医院地址" prop="name">
+          <el-input v-model="form.name" style="width: 350px" />
+        </el-form-item>
+        <el-form-item label="医院类别" prop="deploys">
+          <el-select v-model="form.deploys" multiple placeholder="请选择" style="width: 350px">
+            <el-option label="医院类别" value="医院类别" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="医院等级" prop="deploys">
+          <el-select v-model="form.deploys" multiple placeholder="请选择" style="width: 350px">
+            <el-option label="医院等级" value="医院等级" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="医院编码" prop="code">
+          <el-input v-model="form.code" style="width: 350px" />
+        </el-form-item>
+        <el-form-item label="医疗机构代码" prop="code">
+          <el-input v-model="form.code" style="width: 350px" />
+        </el-form-item>
+        <el-form-item label="盒子代号" prop="code">
+          <el-input v-model="form.code" style="width: 350px" />
+        </el-form-item>
+        <el-form-item label="IP地址" prop="code">
+          <el-input v-model="form.ip" style="width: 350px" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">取消</el-button>
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU"
+          >确认</el-button
+        >
+      </div>
+    </el-dialog>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      lazy
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      :data="crud.data"
+      row-key="id"
+      @select="crud.selectChange"
+      @select-all="crud.selectAllChange"
+      @selection-change="crud.selectionChangeHandler">
+      <el-table-column :selectable="checkboxT" type="selection" width="55" />
+      <el-table-column label="医院名称" prop="hospitalName" />
+      <el-table-column label="医院地址" prop="address" />
+      <el-table-column label="医院类别" prop="category" />
+      <el-table-column label="医院等级" prop="rank" />
+      <el-table-column label="连接方式" prop="boxCode" />
+      <el-table-column label="更新时间" prop="updateTime" />
+      <el-table-column
+        v-if="checkPer(['admin', 'hos:edit', 'hos:del'])"
+        label="操作"
+        width="130px"
+        align="center"
+        fixed="right">
+        <template slot-scope="scope">
+          <udOperation
+            :data="scope.row"
+            :permission="permission"
+            :disabled-dle="scope.row.id === 1"
+            msg="确定删除吗,如果存在下级节点则一并删除，此操作不能撤销！" />
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import crudHospital from '@/api/system/hospital';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import crudOperation from '@crud/CRUD.operation';
+import udOperation from '@crud/UD.operation';
+
+const defaultForm = {};
+export default {
+  name: 'Dept',
+  components: { crudOperation, udOperation },
+  cruds() {
+    return CRUD({ title: '医院', url: 'hospital/page', crudMethod: { ...crudHospital } });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    return {
+      depts: [],
+      rules: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+      },
+      permission: {
+        add: ['admin', 'hos:add'],
+        edit: ['admin', 'hos:edit'],
+        del: ['admin', 'hos:del'],
+      },
+    };
+  },
+  methods: {
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {},
+    // 提交前的验证
+    [CRUD.HOOK.afterValidateCU]() {
+      return true;
+    },
+    checkboxT(row, rowIndex) {
+      return row.id !== 1;
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+</style>