ylyx-cli 1.0.15 → 1.0.16

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

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