ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/selfStatistics/selfMonitorDetail/index.vue

@@ -0,0 +1,420 @@
+<template>
+  <div class="tableData">
+    <el-form :inline="true" :model="query" ref="topForm" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <!--  区域   -->
+        <el-cascader
+          v-model="query.address"
+          placeholder="医院地区"
+          :options="provinceList"
+          :props="props"
+          style="width: 220px"
+          @active-item-change="handleItemChange"
+          @change="addressChange"
+          @blur="forceUpdate">
+        </el-cascader>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.hospitalType"
+          clearable
+          placeholder="医院类别"
+          class="filter-item"
+          style="width: 160px"
+          @change="changeHospital"
+          @clear="changeHospital">
+          <el-option
+            v-for="item in dict.hos_category"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <!--    医院等级   -->
+      <el-form-item>
+        <el-select
+          v-model="query.level"
+          clearable
+          @change="changeHospital"
+          @clear="changeHospital"
+          placeholder="医院等级（级）"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in dict.hos_rank"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="hospitalTypeList">
+        <el-select
+          v-model="query.hospitalIdList"
+          clearable
+          filterable
+          multiple
+          @change="changeHospital"
+          @clear="changeHospital"
+          placeholder="医院名称"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in hospitalNames"
+            :key="item.scenceId"
+            :label="item.hospitalName"
+            :value="item.scenceId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="targetStatus">
+        <el-select
+          v-model="query.targetStatus"
+          clearable
+          @change="crud.toQuery"
+          placeholder="是否中标"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in isArray"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="chargeStatus">
+        <el-select
+          v-model="query.chargeStatus"
+          clearable
+          @change="crud.toQuery"
+          placeholder="是否收费"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in dict.charge_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="myMachineStatus">
+        <el-select
+          v-model="query.myMachineStatus"
+          clearable
+          @change="crud.toQuery"
+          placeholder="是否配备自助机"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in isArray"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="softwareType">
+        <el-select
+          v-model="query.softwareType"
+          clearable
+          @change="crud.toQuery"
+          placeholder="软件类型"
+          class="filter-item"
+          style="width: 160px">
+          <el-option v-for="item in softData" :key="item" :label="item" :value="item" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="activityStatus">
+        <el-select
+          v-model="query.activityStatus"
+          clearable
+          @change="crud.toQuery"
+          placeholder="是否活跃"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in isArray"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-button @click="toQuery" class="filter-item" size="small">查询 </el-button>
+      <el-button @click="resetQueryClick" class="filter-item" size="small">重置 </el-button>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="crud.data"
+      ref="offlineTable"
+      v-loading="crud.loading"
+      @sort-change="sortChange"
+      :disable-auto-sort="true">
+      <el-table-column label="序号" width="60px">
+        <template slot-scope="scope">
+          <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item, index) in headerTable"
+        :key="index.key"
+        :label="item.label"
+        :prop="item.prop"
+        :sortable="item.sort"
+        :min-width="item.width">
+        <template slot-scope="scope">
+          <div v-if="item.prop == 'hospitalType'">
+            {{ hosCategory(scope.row.hospitalType) || omitData }}
+          </div>
+          <div v-else-if="item.prop == 'level'">
+            {{ hosRank(scope.row.level) || omitData }}
+          </div>
+          <div v-else-if="item.prop == 'chargeStatus'">
+            {{ hosCharge(scope.row.chargeStatus) || omitData }}
+          </div>
+          <div v-else-if="item.prop == 'activityStatus'">
+            {{ hosCharge(scope.row.activityStatus) || omitData }}
+          </div>
+
+          <div v-else-if="item.prop == 'targetStatus'">
+            {{ hosCharge(scope.row.targetStatus) || omitData }}
+          </div>
+
+          <div v-if="item.prop == 'activityRate'">
+            {{
+              scope.row.activityRate != '-' ? scope.row.activityRate + '%' : scope.row.activityRate
+            }}
+          </div>
+
+          <div v-else>{{ scope.row[item.prop] || omitData }}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { mapGetters } from 'vuex';
+import { queryHospital } from '@/api/selfStatistics/index.js';
+import institutionMonitor from '@/api/institutionMonitor/index';
+export default {
+  name: 'cloudSet',
+  components: {},
+  cruds() {
+    return CRUD({
+      title: '医院管理',
+      url: '',
+      sort: [],
+      query: {},
+    });
+  },
+  dicts: ['cloud_code', 'hos_category', 'hos_rank', 'charge_status'],
+  props: {
+    data: {
+      type: Object,
+    },
+  },
+  watch: {
+    data(newVal, old) {
+      console.log(newVal);
+    },
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      omitData: '-',
+      provinceList: [],
+      // 区域
+      props: {
+        value: 'value',
+        children: 'cities',
+        label: 'label',
+        checkStrictly: true,
+      },
+      hospitalNames: [],
+      softData: ['影联'],
+      isArray: [
+        {
+          value: 1,
+          label: '是',
+        },
+        {
+          value: 0,
+          label: '否',
+        },
+      ],
+      headerTable: [
+        { label: '医院名称', prop: 'hospitalName', width: '150px' },
+        { label: '医院类别', prop: 'machineTotal', width: '120px' },
+        { label: '医院等级（级）', prop: 'offLine', width: '120px' },
+        { label: '是否中标', prop: 'targetStatus', width: '120px' },
+        { label: '是否收费', prop: 'chargeStatus', width: '120px' },
+        { label: '配备自助机数量', prop: 'myMachineTotal', width: '160px', sort: true },
+        {
+          label: '监测自助机数量',
+          prop: 'monitorMachineTotal',
+          width: '160px',
+          sort: true,
+        },
+        { label: '影联系统数量', prop: 'ylyxMachineTotal', width: '160px', sort: true },
+        { label: '非影联系统数量', prop: 'qtMachineTotal', width: '160px', sort: true },
+        { label: '近7天是否活跃', prop: 'activityStatus', width: '160px' },
+        { label: '近7天活跃度', prop: 'activityRate', width: '160px', sort: true },
+      ],
+      currentDetail: {},
+      downloadLoading: false,
+    };
+  },
+  created() {
+    this.tableInit();
+    this.getPosition(null, () => {});
+    this.queryHospital();
+  },
+  activated() {
+    this.tableInit();
+  },
+  methods: {
+    forceUpdate() {
+      this.$forceUpdate(); // 强制刷新
+    },
+    //改变选择的医院
+    changeHospital() {
+      this.forceUpdate();
+      this.queryHospital();
+      this.crud.toQuery();
+    },
+    //重置
+    resetQueryClick() {
+      Object.keys(this.query).map(key => {
+        this.query[key] = '';
+      });
+      this.query.address = ['1114'];
+      this.crud.toQuery();
+    },
+    // 查询医院名称
+    queryHospital() {
+      let params = JSON.parse(JSON.stringify(this.query));
+      params.county = params.district;
+      // 删除时间 医院名称
+      delete params.consultationTimeList;
+      delete params.address;
+      delete params.startTime;
+      delete params.endTime;
+      delete params.hospitalIdList;
+      params.deleted = 0;
+      queryHospital(params).then(res => {
+        this.hospitalNames = [];
+        res.forEach(k => {
+          let obj = {
+            scenceId: k.scenceId,
+            hospitalName: k.hospitalName,
+          };
+          this.hospitalNames.push(obj);
+        });
+      });
+    },
+    // 一级二级改变的时候调取下一级数据
+    handleItemChange(val) {
+      this.getPosition(val);
+    },
+    addressChange() {
+      if (this.query.address.length > 0) {
+        this.query.province = this.query.address[0];
+        this.query.city = this.query.address[1];
+        this.query.district = this.query.address[2];
+      }
+      this.crud.toQuery();
+      this.queryHospital();
+    },
+    // 地区联动获取数据
+    getPosition(val, cb) {
+      let vm = this; //查询省市县
+      let params = { parent: 1 };
+      if (!val) {
+        //初始化加载 获取所有省份数据
+        params = { parent: 1 };
+      } else if (val.length === 1) {
+        //加载二级  获取市级数据
+        params = { parent: val[0] };
+      } else {
+        //加载3级   获取县级数据
+        params = { parent: val[1] };
+      }
+      institutionMonitor
+        .queryNation(params)
+        .then(res => {
+          if (!val) {
+            //初始化加载   查询省份数据
+            vm.provinceList = res.content.map(e => {
+              return {
+                value: e.saleid,
+                label: e.province,
+                cities: [],
+              };
+            });
+          } else if (val.length === 1) {
+            //加载二级    查询该省下市级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities = res.content.map(e => {
+                  return {
+                    value: e.saleid,
+                    label: e.city || e.county,
+                    cities: [],
+                  };
+                });
+              }
+            });
+          } else {
+            //加载3级   查询该省市下县级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities.map(value => {
+                  if (value.value === val[1]) {
+                    value.cities = res.content.map(e => {
+                      return { value: e.saleid, label: e.county };
+                    });
+                  }
+                });
+              }
+            });
+          }
+          cb && cb(res);
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    toQuery(query) {
+      this.query = { ...query };
+      delete this.query.consultationTimeList;
+      delete this.query.startTime;
+      delete this.query.endTime;
+      this.query.address = query.address;
+      this.crud.url = 'machine/getMonitorMachineTableDate';
+      this.crud.toQuery();
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      crud.query = {
+        ...this.query,
+      };
+    },
+    tableInit() {
+      this.$nextTick(() => {
+        // myTable是表格的ref属性值
+        if (this.$refs.offlineTable && this.$refs.offlineTable.doLayout) {
+          this.$refs.offlineTable.doLayout();
+        }
+      });
+    },
+  },
+};
+</script>
+<style>
+.cm-s-monokai.CodeMirror {
+  height: calc(100vh - 380px);
+}
+</style>
+<style scoped lang="scss">
+.tableData {
+  max-height: 60vh;
+  overflow: auto;
+}
+</style>

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

@@ -0,0 +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 };

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

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

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

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