123

dcc

2024-07-16 7bea4880ad378d6a0ffef45f2bb15f92f7b80bd0

 src/views/product/markettrading.vue

@@ -43,14 +43,9 @@

                </span>
              </a-form-item> -->
            <a-button
              type="primary"
              icon="plus"
              style="margin-left: 8px"
              @click=";(addUserdialog = true), (currentdetail = '')"
            >
              添加盘前</a-button
            >
            <a-button type="primary" icon="plus" style="margin-left: 8px"
              @click=";(addUserdialog = true), (currentdetail = '')">
              添加盘前</a-button>
          </a-col>
        </a-row>
        <!-- </a-form> -->
@@ -58,15 +53,9 @@
    </a-card>

    <a-card :bordered="false">
      <a-table
        bordered
        :loading="loading"
        :pagination="pagination"
        :columns="columns"
        :data-source="datalist"
        rowKey="newlistId"
      >
        <span slot="type" slot-scope="text, record">
      <a-table bordered :loading="loading" :pagination="pagination" :columns="columns" :data-source="datalist"
        rowKey="newlistId">
        <!-- <span slot="type" slot-scope="text, record">
          <template>
            <div>
              <a-tag>
@@ -74,7 +63,7 @@
              </a-tag>
            </div>
          </template>
        </span>
        </span> -->

        <template slot="action" slot-scope="text, record">
          <a slot="action" href="javascript:;" @click="geteditStock(record)">{{ '修改盘前' }}</a>
@@ -84,40 +73,28 @@
      </a-table>
    </a-card>

    <a-modal
      :title="currentdetail ? '修改盘前' : '添加盘前'"
      :width="700"
      :visible="addUserdialog"
      :confirmLoading="addUserDialogloading"
      @ok="OkaddUserdialog"
      @cancel="CanceladdUserdialog"
    >
    <a-modal :title="currentdetail ? '修改盘前' : '添加盘前'" :width="700" :visible="addUserdialog"
      :confirmLoading="addUserDialogloading" @ok="OkaddUserdialog" @cancel="CanceladdUserdialog">
      <a-form :form="addUserform" ref="addUserform">
        <a-row :gutter="48">
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票代码"
                v-decorator="['stockCode', { rules: [{ required: true, message: '请输入股票代码' }] }]"
              />
              <a-input placeholder="请输入股票代码"
                v-decorator="['stockCode', { rules: [{ required: true, message: '请输入股票代码' }] }]" />
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票名称"
                v-decorator="['stockName', { rules: [{ required: true, message: '请输入股票名称' }] }]"
              />
              <a-input placeholder="请输入股票名称"
                v-decorator="['stockName', { rules: [{ required: true, message: '请输入股票名称' }] }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="48">
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="盘前价格" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入盘前价格"
                v-decorator="['price', { rules: [{ required: true, message: '请输入盘前价格' }] }]"
              />
              <a-input placeholder="请输入盘前价格"
                v-decorator="['price', { rules: [{ required: true, message: '请输入盘前价格' }] }]" />
            </a-form-item>
          </a-col>
          <!-- <a-col :md="12" :lg="12" :sm="12">
@@ -134,20 +111,40 @@
          </a-col> -->
        </a-row>
        <a-row :gutter="48">
          <a-col :md="12" :lg="12" :sm="12">
          <!-- <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票调价开始时间"
              <a-time-picker :needConfirm="true" placeholder="请选择时间"
              @change="getstartTime"
                v-decorator="['startTime', { rules: [{ required: true, message: '请输入股票调价开始时间' }] }]"
              />
                 format="HH:mm:ss" />
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票结束时间"
              <a-time-picker placeholder="请选择时间" :needConfirm="true"
              @change="getendTime"
                v-decorator="['endTime', { rules: [{ required: true, message: '请输入股票结束时间' }] }]"
              />
                 format="HH:mm:ss" />
            </a-form-item>
          </a-col> -->
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <a-date-picker show-time :needConfirm="true" @change="changeStartTime"
                           v-model:value="startTime" format="YYYY-MM-DD HH:mm:ss" />
<!--             <a-input-->
<!--                placeholder="请输入时间 例 12:00"-->
<!--                v-decorator="['startTime', { rules: [{ required: true, message: '请输入股票调价开始时间' }] }]"-->
<!--              />-->
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<!--              <a-input-->
<!--                placeholder="请输入时间 例 12:00"-->
<!--                v-decorator="['endTime', { rules: [{ required: true, message: '请输入股票结束时间' }] }]"-->
<!--              />-->
              <a-date-picker show-time :needConfirm="true" @change="changeEndTime"
                             v-model:value="endTime" format="YYYY-MM-DD HH:mm:ss" />
            </a-form-item>
          </a-col>
        </a-row>
@@ -156,242 +153,274 @@
  </page-header-wrapper>
</template>
<script>
import { SettingqueryAll, stockupdata, stockadd, stockdelete } from '@/api/allsetting'
import moment from 'moment'
import pick from 'lodash.pick'
export default {
  name: 'Shares',
  data() {
    return {
      columns: [
        {
          title: '股票代码',
          dataIndex: 'stockCode',
          align: 'center',
        },
        {
          title: '股票名称',
          dataIndex: 'stockName',
          align: 'center',
        },
        {
          title: '股票开始时间',
          dataIndex: 'startTime',
          align: 'center',
        },
        {
          title: '股票结束时间',
          dataIndex: 'endTime',
          align: 'center',
        },
        {
          title: '类型',
          dataIndex: 'type',
          align: 'center',
          scopedSlots: { customRender: 'type' },
        },
        {
          title: '金额',
          dataIndex: 'price',
          align: 'center',
        },
  import {
    SettingqueryAll,
    stockupdata,
    stockadd,
    stockdelete
  } from '@/api/allsetting'
  import moment from 'moment'
  import pick from 'lodash.pick'
  export default {
    name: 'Shares',
    data() {
      return {
        columns: [{
            title: '股票代码',
            dataIndex: 'stockCode',
            align: 'center',
          },
          {
            title: '股票名称',
            dataIndex: 'stockName',
            align: 'center',
          },
          {
            title: '股票开始时间',
            dataIndex: 'startTime',
            align: 'center',
          },
          {
            title: '股票结束时间',
            dataIndex: 'endTime',
            align: 'center',
          },
          // {
          //   title: '类型',
          //   dataIndex: 'type',
          //   align: 'center',
          //   scopedSlots: {
          //     customRender: 'type'
          //   },
          // },
          {
            title: '金额',
            dataIndex: 'price',
            align: 'center',
          },

        {
          title: '操作',
          key: 'action',
          align: 'center',
          scopedSlots: {
            customRender: 'action',
          {
            title: '操作',
            key: 'action',
            align: 'center',
            scopedSlots: {
              customRender: 'action',
            },
          },
        ],
        disabledDate: true,
        // 表头
        pagination: {
          total: 0,
          current: 1,
          pageSize: 10, // 每页中显示10条数据
          showSizeChanger: true,
          pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
          onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
          onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
          showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
        },
        loading: false,
        typeValue: 0,
        queryParam: {
          pageNum: 1,
          pageSize: 10,
          code: '',
          name: '',
          zt: undefined,
          type: 0,
        },
        datalist: [],
        labelCol: {
          xs: {
            span: 8,
          },
          sm: {
            span: 8,
          },
          md: {
            span: 8,
          },
        },
      ],
      disabledDate: true,
      // 表头
      pagination: {
        total: 0,
        current: 1,
        pageSize: 10, // 每页中显示10条数据
        showSizeChanger: true,
        pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
        onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
        onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
        showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
      },
      loading: false,
      typeValue: 0,
      queryParam: {
        pageNum: 1,
        pageSize: 10,
        code: '',
        name: '',
        zt: undefined,
        type: 0,
      },
      datalist: [],
      labelCol: {
        xs: {
          span: 8,
        wrapperCol: {
          xs: {
            span: 14,
          },
          sm: {
            span: 14,
          },
          md: {
            span: 14,
          },
        },
        sm: {
          span: 8,
        },
        md: {
          span: 8,
        },
      },
      wrapperCol: {
        xs: {
          span: 14,
        },
        sm: {
          span: 14,
        },
        md: {
          span: 14,
        },
      },
      addUserform: this.$form.createForm(this),
      addUserdialog: false,
      addUserDialogloading: false,

      fields: ['stockCode', 'stockName', 'startTime', 'endTime', 'type', 'price'],
      currentdetail: '',
      subscribeTime: '',
      subscriptionTime: '',
    }
  },
  created() {
    this.getlist()
  },
  methods: {
    getdeleteStock(val) {
      var that = this
      this.$confirm({
        title: '提示',
        content: '确认删除该盘前吗？此操作不可恢复！',
        onOk() {
          var data = {
            id: val.id,
          }
          stockdelete(data).then((res) => {
            if (res.status == 0) {
              that.$message.success({
                content: res.msg,
                duration: 2,
              })
              that.getinit()
            } else {
              that.$message.error({
                content: res.msg,
              })
            }
          })
        },
        onCancel() {
          console.log('Cancel')
        },
      })
    },
    getsubscribeTime(date, dateString) {
      this.subscribeTime = dateString
    },
    getsubscriptionTime(date, dateString) {
      this.subscriptionTime = dateString
    },
    geteditStock(val) {
      this.currentdetail = val
      this.addUserdialog = true
      var currentTime = new Date()
      this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
      this.addUserform.setFieldsValue(pick(val, this.fields))
      this.addUserform.setFieldsValue({
        subscriptionTime: moment(val.subscriptionTime ? val.subscriptionTime : currentTime).format(
          'YYYY-MM-DD HH:mm:ss'
        ),
      })
      this.addUserform.setFieldsValue({
        subscribeTime: moment(val.subscribeTime ? val.subscribeTime : currentTime).format('YYYY-MM-DD HH:mm:ss'),
      })
    },
    CanceladdUserdialog() {
      this.addUserdialog = false
      const form = this.$refs.addUserform.form
      form.resetFields()
    },
    OkaddUserdialog() {
      const form = this.$refs.addUserform.form

      form.validateFields((errors, values) => {
        values.type = 0
        if (!errors) {
          if (this.currentdetail != '') {
            this.addUserDialogloading = true
            values.id = this.currentdetail.id

            // values.subscriptionTime = this.subscriptionTime
            // values.subscribeTime = this.subscribeTime
            stockupdata(values).then((res) => {
              if (res.status == 0) {
                this.addUserdialog = false
                this.$message.success('修改成功')
                form.resetFields()
                this.getlist()
              } else {
                this.$message.error(res.msg)
              }
              this.addUserDialogloading = false
            })
          } else {
            this.addUserDialogloading = true
            stockadd(values).then((res) => {
              if (res.status == 0) {
                this.addUserdialog = false
                this.$message.success(res.msg)
                form.resetFields()
                this.getinit()
              } else {
                this.$message.error(res.msg)
              }
              this.addUserDialogloading = false
            })
          }
        }
      })
    },
    getqueryParam() {
      this.queryParam = {
        pageNum: 1,
        pageSize: 10,
        code: '',
        name: '',
        zt: undefined,
        type: undefined,
        addUserform: this.$form.createForm(this),
        addUserdialog: false,
        addUserDialogloading: false,
        endTime:'',
        startTime:'',
        fields: ['stockCode', 'stockName', 'startTime', 'endTime', 'type', 'price'],
        currentdetail: '',
        subscribeTime: '',
        subscriptionTime: '',
      }
    },
    getinit() {
      this.getqueryParam()
      this.pagination.current = 1
    created() {
      this.getlist()
    },
    getlist() {
      this.loading = true
      SettingqueryAll(this.queryParam).then((res) => {
        this.datalist = res.data
        this.pagination.total = res.data.total
        this.loading = false
      })
    methods: {
      changeEndTime(time,timeString){
        this.endTime = timeString
      },
      changeStartTime(time,timeString){
        this.startTime = timeString
      },
      getdeleteStock(val) {
        var that = this
        this.$confirm({
          title: '提示',
          content: '确认删除该盘前吗？此操作不可恢复！',
          onOk() {
            var data = {
              id: val.id,
            }
            stockdelete(data).then((res) => {
              if (res.status == 0) {
                that.$message.success({
                  content: res.msg,
                  duration: 2,
                })
                that.getinit()
              } else {
                that.$message.error({
                  content: res.msg,
                })
              }
            })
          },
          onCancel() {
            console.log('Cancel')
          },
        })
      },
      getendTime(date, dateString) {
        console.log(date, dateString);
        this.endTime = dateString
      },

      getstartTime(date, dateString) {
        this.startTime = dateString
      },
      getsubscribeTime(date, dateString) {
        this.subscribeTime = dateString
      },
      getsubscriptionTime(date, dateString) {
        this.subscriptionTime = dateString
      },
      geteditStock(val) {
        this.currentdetail = val
        this.addUserdialog = true
        var currentTime = new Date()
        this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
        this.addUserform.setFieldsValue(pick(val, this.fields))
        this.addUserform.setFieldsValue({
          subscriptionTime: moment(val.subscriptionTime ? val.subscriptionTime : currentTime).format(
            'YYYY-MM-DD HH:mm:ss'
          ),
        })
        this.addUserform.setFieldsValue({
          subscribeTime: moment(val.subscribeTime ? val.subscribeTime : currentTime).format('YYYY-MM-DD HH:mm:ss'),
        })
        // this.addUserform.setFieldsValue({
        //   endTime: moment(val.endTime ? val.endTime : currentTime).format('HH:mm:ss'),
        //   // endTime: moment(currentTime).format('YYYY-MM-DD HH:mm:ss')
        // })
        // this.addUserform.setFieldsValue({
        //   startTime: moment(val.startTime ? val.startTime : currentTime).format('HH:mm:ss'),
        // })

      },
      CanceladdUserdialog() {
        this.addUserdialog = false
        const form = this.$refs.addUserform.form
        form.resetFields()
      },
      OkaddUserdialog() {
        const form = this.$refs.addUserform.form

        form.validateFields((errors, values) => {
          values.type = 0
          if (!errors) {
            if (this.currentdetail != '') {
              this.addUserDialogloading = true
              values.id = this.currentdetail.id
              values.endTime = this.endTime
              values.startTime = this.startTime
              // values.subscriptionTime = this.endTime
              // values.subscribeTime = this.startTime
              stockupdata(values).then((res) => {
                if (res.status == 0) {
                  this.addUserdialog = false
                  this.$message.success('修改成功')
                  form.resetFields()
                  this.getlist()
                } else {
                  this.$message.error(res.msg)
                }
                this.addUserDialogloading = false
              })
            } else {
              this.addUserDialogloading = true
              values.endTime = this.endTime
              values.startTime = this.startTime
              stockadd(values).then((res) => {
                if (res.status == 0) {
                  this.addUserdialog = false
                  this.$message.success(res.msg)
                  form.resetFields()
                  this.getinit()
                } else {
                  this.$message.error(res.msg)
                }
                this.addUserDialogloading = false
              })
            }
          }
        })
      },
      getqueryParam() {
        this.queryParam = {
          pageNum: 1,
          pageSize: 10,
          code: '',
          name: '',
          zt: undefined,
          type: undefined,
        }
      },
      getinit() {
        this.getqueryParam()
        this.pagination.current = 1
        this.getlist()
      },
      getlist() {
        this.loading = true
        SettingqueryAll(this.queryParam).then((res) => {
          this.datalist = res.data
          this.pagination.total = res.data.total
          this.loading = false
        })
      },
      onPageChange(page, pageSize) {
        this.queryParam.pageNum = page
        this.pagination.current = page
        this.getlist()
      },
      onSizeChange(current, pageSize) {
        this.queryParam.pageNum = current
        this.pagination.current = page
        this.queryParam.pageSize = pageSize
        this.getlist()
      },
    },
    onPageChange(page, pageSize) {
      this.queryParam.pageNum = page
      this.pagination.current = page
      this.getlist()
    },
    onSizeChange(current, pageSize) {
      this.queryParam.pageNum = current
      this.pagination.current = page
      this.queryParam.pageSize = pageSize
      this.getlist()
    },
  },
}
</script>
  }
</script>