cnhis-design-vue 2.1.78 → 2.1.80

package/packages/multi-chat/setting/worktime/index.vue

@@ -1,274 +1,274 @@
-<template>
-  <div class="chat-worktime">
-    <h3 class="page-title">{{ i18nText('1.9.462') }}</h3>
-    <template v-if="!noDataTip">
-      <a-button type="primary" ghost @click="handleWorktimeAdd">
-        <a-icon type="plus" />
-        {{ i18nText('1.9.463') }}
-      </a-button>
-      <a-table bordered class="table-wrapper" :columns="columns" :dataSource="data" :pagination="pagination" :rowKey="getRowkey" :scroll="{ y: 650 }" @change="handlePageChange">
-        <template slot="operation" slot-scope="text, record">
-          <a href="javascript:;" @click="() => handleTimeEdit(record)" style="margin-right: 15px;">
-            <a-icon type="edit" style="margin-right: 8px;" />
-            {{ i18nText('2.17.5.9') }}
-          </a>
-          <a-popconfirm @confirm="() => confirmDelete(record)" :okText="i18nText('1.10.138')" :cancelText="i18nText('1.1.1.1.4')" style="width: 300px;">
-            <a-icon slot="icon" type="question-circle-o" style="color: red" />
-            <div slot="title">
-              <span>{{ i18nText('1.9.384') }}</span>
-              <br />
-              <span>{{ i18nText('1.9.434') }}?</span>
-            </div>
-            <a href="javascript:;" style="color: red;">
-              <a-icon type="delete" style="margin-right: 8px;" />
-              {{ i18nText('2.5.15') }}
-            </a>
-          </a-popconfirm>
-        </template>
-      </a-table>
-    </template>
-    <NoData v-else :noDataImg="noDataImg" :noDataTip="noDataTip" :emptyRender="emptyRender"></NoData>
-    <a-modal :title="i18nText('1.9.463')" v-model="visible" @ok="handleWorktimeSave" :maskClosable="false" :destroyOnClose="true" :afterClose="afterClose">
-      <a-checkbox-group :options="weekdays" v-model="weekdayList" style="margin-bottom: 20px;" />
-      <a-time-picker :placeholder="i18nText('1.1.4.53')" v-model="startTime" format="HH:mm" style="margin-right: 10px;" />
-      <a-time-picker :placeholder="i18nText('1.9.147')" v-model="endTime" format="HH:mm" />
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import NoDataJs from '../../chat/mixins/NoData';
-import { moment } from '@/utils/vexutils';
-import fetch, { qs } from '@/utils/chatFetch';
-import Empty from '../../components/empty.vue';
-import { Button, Checkbox, Icon, Modal, Popconfirm, Table, TimePicker } from 'ant-design-vue';
-
-export default {
-  name: 'worktime',
-  mixins: [NoDataJs],
-  inject: ['emptyRender', 'i18nText'],
-  components: {
-    [Button.name]: Button,
-    [Icon.name]: Icon,
-    [Table.name]: Table,
-    [Popconfirm.name]: Popconfirm,
-    AModal: Modal,
-    [TimePicker.name]: TimePicker,
-    [Checkbox.Group.name]: Checkbox.Group,
-    NoData: Empty
-  },
-  props: ['assemblyId'],
-  data() {
-    return {
-      visible: false,
-      pagination: {
-        pageSize: 10,
-        current: 1,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        total: 0,
-        showTotal: total => `共 ${total} 条`
-      },
-      columns: [
-        {
-          title: this.i18nText('1.2.1.12.8'),
-          dataIndex: 'weekdays',
-          key: 'weekdays',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.14.18'),
-          dataIndex: 'worktime',
-          key: 'worktime',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.2.1.3.24'),
-          dataIndex: 'operation',
-          scopedSlots: { customRender: 'operation' },
-          align: 'center'
-        }
-      ],
-      data: [],
-      weekdays: [
-        {
-          label: this.i18nText('1.14.9'),
-          value: '1'
-        },
-        {
-          label: this.i18nText('1.14.10'),
-          value: '2'
-        },
-        {
-          label: this.i18nText('1.14.11'),
-          value: '3'
-        },
-        {
-          label: this.i18nText('1.14.12'),
-          value: '4'
-        },
-        {
-          label: this.i18nText('1.14.13'),
-          value: '5'
-        },
-        {
-          label: this.i18nText('1.9.464'),
-          value: '6'
-        },
-        {
-          label: this.i18nText('1.14.8'),
-          value: '7'
-        }
-      ],
-      weekdayList: [],
-      startTime: null,
-      endTime: null,
-      id: ''
-    };
-  },
-  created() {
-    this.getTimeList();
-  },
-  methods: {
-    getTimeList() {
-      fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            type: 'WORKING_TIME',
-            currPage: this.pagination.current,
-            pageSize: this.pagination.pageSize,
-            assemblyId: this.assemblyId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            this.resetNodata();
-            let { imformation, total, pageSize, currPage } = data.map;
-            this.pagination.total = total;
-            this.pagination.pageSize = pageSize;
-            this.pagination.current = currPage;
-            this.data = imformation.map(item => {
-              let setting = JSON.parse(item.setting);
-              item.weekdays = this.handleWeekdays(setting.weekdays);
-              item.worktime = setting.startTime + '-' + setting.endTime;
-              return item;
-            });
-          } else {
-            this.setNoData(data?.resultMsg, data?.result);
-          }
-        })
-        .catch(err => {
-          this.setNoData(err?.resultMsg, err?.result || 'Failure');
-        });
-    },
-    handleWeekdays(weekdays) {
-      weekdays.sort((a, b) => a - b);
-      weekdays = weekdays.map(item => {
-        return this.weekdays.find(week => week.value === item).label;
-      });
-      return weekdays.join('、');
-    },
-    handleWorktimeAdd() {
-      this.visible = true;
-    },
-    handleWorktimeSave() {
-      if (this.weekdayList.length === 0) {
-        this.$message.warning(`${this.i18nText('1.9.465')}!`);
-        return;
-      }
-      if (!this.startTime) {
-        this.$message.warning(`${this.i18nText('1.9.466')}!`);
-        return;
-      }
-      if (!this.endTime) {
-        this.$message.warning(`${this.i18nText('1.9.467')}!`);
-        return;
-      }
-      let setting = {
-        weekdays: this.weekdayList,
-        startTime: this.startTime.format('HH:mm'),
-        endTime: this.endTime.format('HH:mm')
-      };
-      let params = qs.stringify({
-        type: 'WORKING_TIME',
-        setting: JSON.stringify(setting),
-        id: this.id || null,
-        assemblyId: this.assemblyId
-      });
-      fetch.post('/chat/event/saveSysBaseInformation', params).then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          this.$message.success(this.i18nText('1.9.200'));
-          this.visible = false;
-          this.getTimeList();
-        }
-      });
-    },
-    getRowkey(record) {
-      return record.id;
-    },
-    /* 分页查询 */
-    handlePageChange(pagination) {
-      Object.assign(this.pagination, pagination);
-      this.getTimeList();
-    },
-    confirmDelete(record) {
-      this.handleTimeDelete(record);
-    },
-    /* 删除用户 */
-    handleTimeDelete({ id }) {
-      fetch
-        .post(
-          '/chat/event/deleteInformation',
-          qs.stringify({
-            id
-          })
-        )
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            this.$message.success(this.i18nText('1.6.7'));
-            this.getTimeList();
-          }
-        });
-    },
-    handleTimeEdit(record) {
-      this.id = record.id;
-      let setting = JSON.parse(record.setting);
-      this.weekdayList = setting.weekdays;
-      this.startTime = moment(setting.startTime, 'HH:mm');
-      this.endTime = moment(setting.endTime, 'HH:mm');
-      this.visible = true;
-    },
-    afterClose() {
-      this.weekdayList = [];
-      this.startTime = null;
-      this.endTime = null;
-      this.id = '';
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-worktime {
-  padding: 15px;
-  .page-title {
-    font-weight: 500;
-    color: #2e2e2e;
-    font-size: 16px;
-  }
-  /deep/ .ant-table-wrapper {
-    margin-top: 16px;
-  }
-  /deep/ .ant-table-thead > tr > th,
-  /deep/ .ant-table-tbody > tr > td {
-    padding: 10px 16px;
-  }
-  /deep/ .ant-table-thead > tr > th {
-    font-weight: 700;
-    background-color: rgba(230, 234, 239, 1);
-  }
-  /deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
-    overflow: hidden;
-  }
-}
-</style>
+<template>
+  <div class="chat-worktime">
+    <h3 class="page-title">{{ i18nText('1.9.462') }}</h3>
+    <template v-if="!noDataTip">
+      <a-button type="primary" ghost @click="handleWorktimeAdd">
+        <a-icon type="plus" />
+        {{ i18nText('1.9.463') }}
+      </a-button>
+      <a-table bordered class="table-wrapper" :columns="columns" :dataSource="data" :pagination="pagination" :rowKey="getRowkey" :scroll="{ y: 650 }" @change="handlePageChange">
+        <template slot="operation" slot-scope="text, record">
+          <a href="javascript:;" @click="() => handleTimeEdit(record)" style="margin-right: 15px;">
+            <a-icon type="edit" style="margin-right: 8px;" />
+            {{ i18nText('2.17.5.9') }}
+          </a>
+          <a-popconfirm @confirm="() => confirmDelete(record)" :okText="i18nText('1.10.138')" :cancelText="i18nText('1.1.1.1.4')" style="width: 300px;">
+            <a-icon slot="icon" type="question-circle-o" style="color: red" />
+            <div slot="title">
+              <span>{{ i18nText('1.9.384') }}</span>
+              <br />
+              <span>{{ i18nText('1.9.434') }}?</span>
+            </div>
+            <a href="javascript:;" style="color: red;">
+              <a-icon type="delete" style="margin-right: 8px;" />
+              {{ i18nText('2.5.15') }}
+            </a>
+          </a-popconfirm>
+        </template>
+      </a-table>
+    </template>
+    <NoData v-else :noDataImg="noDataImg" :noDataTip="noDataTip" :emptyRender="emptyRender"></NoData>
+    <a-modal :title="i18nText('1.9.463')" v-model="visible" @ok="handleWorktimeSave" :maskClosable="false" :destroyOnClose="true" :afterClose="afterClose">
+      <a-checkbox-group :options="weekdays" v-model="weekdayList" style="margin-bottom: 20px;" />
+      <a-time-picker :placeholder="i18nText('1.1.4.53')" v-model="startTime" format="HH:mm" style="margin-right: 10px;" />
+      <a-time-picker :placeholder="i18nText('1.9.147')" v-model="endTime" format="HH:mm" />
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import NoDataJs from '../../chat/mixins/NoData';
+import { moment } from '@/utils/vexutils';
+import fetch, { qs } from '@/utils/chatFetch';
+import Empty from '../../components/empty.vue';
+import { Button, Checkbox, Icon, Modal, Popconfirm, Table, TimePicker } from 'ant-design-vue';
+
+export default {
+  name: 'worktime',
+  mixins: [NoDataJs],
+  inject: ['emptyRender', 'i18nText'],
+  components: {
+    [Button.name]: Button,
+    [Icon.name]: Icon,
+    [Table.name]: Table,
+    [Popconfirm.name]: Popconfirm,
+    AModal: Modal,
+    [TimePicker.name]: TimePicker,
+    [Checkbox.Group.name]: Checkbox.Group,
+    NoData: Empty
+  },
+  props: ['assemblyId'],
+  data() {
+    return {
+      visible: false,
+      pagination: {
+        pageSize: 10,
+        current: 1,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        total: 0,
+        showTotal: total => `共 ${total} 条`
+      },
+      columns: [
+        {
+          title: this.i18nText('1.2.1.12.8'),
+          dataIndex: 'weekdays',
+          key: 'weekdays',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.14.18'),
+          dataIndex: 'worktime',
+          key: 'worktime',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.2.1.3.24'),
+          dataIndex: 'operation',
+          scopedSlots: { customRender: 'operation' },
+          align: 'center'
+        }
+      ],
+      data: [],
+      weekdays: [
+        {
+          label: this.i18nText('1.14.9'),
+          value: '1'
+        },
+        {
+          label: this.i18nText('1.14.10'),
+          value: '2'
+        },
+        {
+          label: this.i18nText('1.14.11'),
+          value: '3'
+        },
+        {
+          label: this.i18nText('1.14.12'),
+          value: '4'
+        },
+        {
+          label: this.i18nText('1.14.13'),
+          value: '5'
+        },
+        {
+          label: this.i18nText('1.9.464'),
+          value: '6'
+        },
+        {
+          label: this.i18nText('1.14.8'),
+          value: '7'
+        }
+      ],
+      weekdayList: [],
+      startTime: null,
+      endTime: null,
+      id: ''
+    };
+  },
+  created() {
+    this.getTimeList();
+  },
+  methods: {
+    getTimeList() {
+      fetch
+        .get('/chat/event/getSysBaseInformation', {
+          params: {
+            type: 'WORKING_TIME',
+            currPage: this.pagination.current,
+            pageSize: this.pagination.pageSize,
+            assemblyId: this.assemblyId
+          }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            this.resetNodata();
+            let { imformation, total, pageSize, currPage } = data.map;
+            this.pagination.total = total;
+            this.pagination.pageSize = pageSize;
+            this.pagination.current = currPage;
+            this.data = imformation.map(item => {
+              let setting = JSON.parse(item.setting);
+              item.weekdays = this.handleWeekdays(setting.weekdays);
+              item.worktime = setting.startTime + '-' + setting.endTime;
+              return item;
+            });
+          } else {
+            this.setNoData(data?.resultMsg, data?.result);
+          }
+        })
+        .catch(err => {
+          this.setNoData(err?.resultMsg, err?.result || 'Failure');
+        });
+    },
+    handleWeekdays(weekdays) {
+      weekdays.sort((a, b) => a - b);
+      weekdays = weekdays.map(item => {
+        return this.weekdays.find(week => week.value === item).label;
+      });
+      return weekdays.join('、');
+    },
+    handleWorktimeAdd() {
+      this.visible = true;
+    },
+    handleWorktimeSave() {
+      if (this.weekdayList.length === 0) {
+        this.$message.warning(`${this.i18nText('1.9.465')}!`);
+        return;
+      }
+      if (!this.startTime) {
+        this.$message.warning(`${this.i18nText('1.9.466')}!`);
+        return;
+      }
+      if (!this.endTime) {
+        this.$message.warning(`${this.i18nText('1.9.467')}!`);
+        return;
+      }
+      let setting = {
+        weekdays: this.weekdayList,
+        startTime: this.startTime.format('HH:mm'),
+        endTime: this.endTime.format('HH:mm')
+      };
+      let params = qs.stringify({
+        type: 'WORKING_TIME',
+        setting: JSON.stringify(setting),
+        id: this.id || null,
+        assemblyId: this.assemblyId
+      });
+      fetch.post('/chat/event/saveSysBaseInformation', params).then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          this.$message.success(this.i18nText('1.9.200'));
+          this.visible = false;
+          this.getTimeList();
+        }
+      });
+    },
+    getRowkey(record) {
+      return record.id;
+    },
+    /* 分页查询 */
+    handlePageChange(pagination) {
+      Object.assign(this.pagination, pagination);
+      this.getTimeList();
+    },
+    confirmDelete(record) {
+      this.handleTimeDelete(record);
+    },
+    /* 删除用户 */
+    handleTimeDelete({ id }) {
+      fetch
+        .post(
+          '/chat/event/deleteInformation',
+          qs.stringify({
+            id
+          })
+        )
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            this.$message.success(this.i18nText('1.6.7'));
+            this.getTimeList();
+          }
+        });
+    },
+    handleTimeEdit(record) {
+      this.id = record.id;
+      let setting = JSON.parse(record.setting);
+      this.weekdayList = setting.weekdays;
+      this.startTime = moment(setting.startTime, 'HH:mm');
+      this.endTime = moment(setting.endTime, 'HH:mm');
+      this.visible = true;
+    },
+    afterClose() {
+      this.weekdayList = [];
+      this.startTime = null;
+      this.endTime = null;
+      this.id = '';
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.chat-worktime {
+  padding: 15px;
+  .page-title {
+    font-weight: 500;
+    color: #2e2e2e;
+    font-size: 16px;
+  }
+  /deep/ .ant-table-wrapper {
+    margin-top: 16px;
+  }
+  /deep/ .ant-table-thead > tr > th,
+  /deep/ .ant-table-tbody > tr > td {
+    padding: 10px 16px;
+  }
+  /deep/ .ant-table-thead > tr > th {
+    font-weight: 700;
+    background-color: rgba(230, 234, 239, 1);
+  }
+  /deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
+    overflow: hidden;
+  }
+}
+</style>