ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/indexManagement/other.vue

@@ -0,0 +1,286 @@
+<template>
+  <div class="app-container">
+    <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.urlKey"
+          placeholder="urlKey"
+          type="number"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.moblieProjectName"
+          placeholder="移动端项目名称"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.hosProjectName"
+          placeholder="院端项目名称"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.remarks"
+          placeholder="备注"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
+
+        <el-button
+          @click="crud.resetQuery()"
+          class="filter-item"
+          size="small"
+          style="margin-left: 5px"
+          >重置</el-button
+        >
+
+        <el-button @click="crud.toAdd" class="filter-item" size="small" style="margin-left: 5px"
+          >新增索引配置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-table :data="crud.data" v-loading="crud.loading">
+      <el-table-column label="序号" width="65px" fixed :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <!-- :show-overflow-tooltip="true" -->
+      <el-table-column
+        v-for="(item, index) in checkTable"
+        :key="index"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width">
+        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
+        <template slot-scope="scope">
+          <span v-if="item.prop == 'status'">
+            {{ dict.label.transfer_type[scope.row.status] || '-' }}
+          </span>
+          <span v-else>
+            {{ scope.row[item.prop] || '-' }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="70px" fixed="right" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <el-button style="padding-right: 8px" @click="crud.toEdit(scope.row)" type="text"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+    <el-dialog
+      :title="crud.status.title"
+      :visible.sync="crud.status.cu > 0"
+      :before-close="crud.cancelCU"
+      :close-on-click-modal="false"
+      top="5vh"
+      width="500px">
+      <span style="display: inline-block; max-height: 70vh; overflow: auto; width: 100%">
+        <el-form
+          align="right"
+          :model="form"
+          :rules="rules"
+          size="small"
+          ref="form"
+          label-width="170px"
+          style="padding: 0 20px 0 10px">
+          <el-form-item label="UrlKey" prop="urlKey">
+            <el-input v-model="form.urlKey" placeholder="请输入UrlKey"></el-input>
+          </el-form-item>
+          <el-form-item label="移动端IP" prop="moblieIp">
+            <el-input v-model="form.moblieIp" placeholder="请输入移动端IP"></el-input>
+          </el-form-item>
+          <el-form-item label="院端IP" prop="hosIp">
+            <el-input v-model="form.hosIp" placeholder="请输入院端IP"></el-input>
+          </el-form-item>
+          <el-form-item label="移动端项目名称" prop="moblieProjectName">
+            <el-input
+              v-model="form.moblieProjectName"
+              placeholder="请输入移动端项目名称"></el-input>
+          </el-form-item>
+          <el-form-item label="院端项目名称" prop="hosProjectName">
+            <el-input v-model="form.hosProjectName" placeholder="请输入院端项目名称"></el-input>
+          </el-form-item>
+          <el-form-item label="备注">
+            <el-input
+              v-model="form.remarks"
+              placeholder="请输入备注"
+              type="textarea"
+              :autosize="{ minRows: 2, maxRows: 6 }"></el-input>
+          </el-form-item>
+        </el-form>
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="crud.cancelCU">取 消</el-button>
+        <el-button size="small" @click="submit('form')" type="primary">提 交</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+import pagination from '@crud/Pagination';
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+import getHospIndexPage from '@/api/indexManagement/index';
+const defaultForm = {};
+
+export default {
+  name: 'otherConfig',
+  components: {
+    pagination,
+  },
+  dicts: ['transfer_type'],
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '索引配置',
+      url: '/hospIdnex/getIpConfig',
+      crudMethod: { ...getHospIndexPage },
+      query: {},
+      sort: [],
+    });
+  },
+  computed: {
+    ...mapGetters(['user']),
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.waterMarkProp.text = this.user.name;
+    });
+  },
+  data() {
+    return {
+      waterMarkProp: {
+        zIndex: 1,
+        devicePixelRatio: 2,
+        text: '',
+        showTime: true,
+      },
+      checkTable: [
+        { label: 'urlKey', prop: 'urlKey', width: '' },
+        { label: '移动端IP', prop: 'moblieIp', width: '200px' },
+        { label: '院端IP', prop: 'hosIp', width: '130px' },
+        { label: '移动端项目名称', prop: 'moblieProjectName', width: '180px' },
+        { label: '院端项目名称', prop: 'hosProjectName', width: '160px' },
+        { label: '更新时间', prop: 'updateTime', width: '160px' },
+        { label: '备注', prop: 'remarks', width: '180px' },
+      ],
+      rules: {
+        urlKey: [
+          {
+            required: true,
+            message: '请输入urlKey',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        moblieIp: [
+          {
+            required: true,
+            message: '请输入移动端IP',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        hosIp: [
+          {
+            required: true,
+            message: '请输入院端IP',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        moblieProjectName: [
+          {
+            required: true,
+            message: '请输入移动端项目名称',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        hosProjectName: [
+          {
+            required: true,
+            message: '请输入院端项目名称',
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
+    };
+  },
+  methods: {
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.submitFunc();
+        }
+      });
+    },
+    submitFunc() {
+      if (this.form.id) {
+        getHospIndexPage
+          .updateIpConfig(this.form)
+          .then(res => {
+            this.$message.success('修改成功');
+            this.crud.refresh();
+            this.crud.cancelCU();
+          })
+          .catch(err => {
+            this.$message.error('操作异常，请重新操作');
+            this.crud.cancelCU();
+          });
+      } else {
+        getHospIndexPage
+          .addIpConfig(this.form)
+          .then(res => {
+            this.$message.success('新增成功');
+            this.crud.refresh();
+            this.crud.cancelCU();
+          })
+          .catch(err => {
+            this.$message.error('操作异常，请重新操作');
+            this.crud.cancelCU();
+          });
+      }
+    },
+    [CRUD.HOOK.afterToAdd](crud) {
+      this.$nextTick(() => {
+        Object.keys(this.form).map(key => {
+          this.form[key] = '';
+        });
+        setTimeout(() => {
+          this.$refs.form.clearValidate();
+        }, 50);
+      });
+    },
+    [CRUD.HOOK.beforeEditCancel](crud) {
+      this.$nextTick(() => {
+        Object.keys(this.form).map(key => {
+          this.form[key] = '';
+        });
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.form-inline-hospital {
+  position: relative;
+  background-color: #fff;
+  // z-index: 10;
+  ::v-deep .el-button.filter-item {
+    color: #1890ff;
+    border: 1px solid #1890ff;
+  }
+}
+</style>

package/templates/vue-app/files/src/views/institutionMonitor/components/LineChart.vue

@@ -0,0 +1,191 @@
+<template>
+  <div :class="className" :style="{ height: height, width: sidebar.opened ? '78vw' : '88vw' }" />
+</template>
+
+<script>
+import echarts from 'echarts';
+require('echarts/theme/macarons'); // echarts theme
+import resize from '../mixins/resize';
+import { mapGetters } from 'vuex';
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '100%',
+    },
+    height: {
+      type: String,
+      default: '350px',
+    },
+    autoResize: {
+      type: Boolean,
+      default: true,
+    },
+    chartData: {
+      type: Object,
+      required: true,
+    },
+    xData: {
+      type: Array,
+      required: true,
+    },
+  },
+
+  computed: {
+    ...mapGetters(['sidebar']),
+  },
+
+  data() {
+    return {
+      chart: null,
+    };
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val);
+      },
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart();
+    });
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    this.chart.dispose();
+    this.chart = null;
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons');
+      this.setOptions(this.chartData);
+    },
+    setOptions({ dayAverageCount, dayMonitorInfo, dayuploadCount } = {}) {
+      this.chart.setOption({
+        xAxis: {
+          data: this.xData,
+          boundaryGap: true,
+          axisTick: {
+            show: false,
+          },
+          axisLabel: {
+            color: '#333',
+          },
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: '#E0E6F1',
+            },
+          },
+          splitArea: {
+            show: false,
+          },
+        },
+        grid: {
+          left: 10,
+          right: 10,
+          bottom: 50,
+          top: 60,
+          containLabel: true,
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+          },
+          padding: [5, 10],
+        },
+        yAxis: {
+          axisTick: {
+            show: false,
+          },
+          axisLabel: {
+            color: '#333',
+          },
+          axisLine: {
+            show: false,
+          },
+          splitArea: {
+            show: false,
+          },
+        },
+        legend: {
+          right: 0,
+          data: ['日均检查量', '每日归档量', '日报上传量'],
+        },
+        series: [
+          {
+            name: '日均检查量',
+            smooth: false,
+            symbol: 'circle',
+            symbolSize: '8',
+            itemStyle: {
+              normal: {
+                color: '#1890FF',
+                lineStyle: {
+                  color: '#1890FF',
+                  width: 2,
+                },
+              },
+            },
+            type: 'line',
+            data: dayMonitorInfo,
+            animationDuration: 2800,
+            animationEasing: 'cubicInOut',
+          },
+          {
+            name: '每日归档量',
+            smooth: false,
+            type: 'line',
+            symbol: 'circle',
+            symbolSize: '8',
+            itemStyle: {
+              normal: {
+                color: '#00A59B',
+                lineStyle: {
+                  color: '#00A59B',
+                  width: 2,
+                },
+              },
+            },
+            data: dayAverageCount,
+            animationDuration: 2800,
+            animationEasing: 'quadraticOut',
+          },
+          {
+            name: '日报上传量',
+            smooth: false,
+            type: 'line',
+            symbol: 'circle',
+            symbolSize: '8',
+            itemStyle: {
+              normal: {
+                color: '#f5a483',
+                lineStyle: {
+                  color: '#f5a483',
+                  width: 2,
+                },
+              },
+            },
+            data: dayuploadCount,
+            animationDuration: 2800,
+            animationEasing: 'quadraticOut',
+          },
+        ],
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>