|
@@ -18,6 +18,13 @@
|
|
|
<FormItem label="规则名称" required>
|
|
|
<Input v-model="formData.groupname" v-width="320"></Input>
|
|
|
</FormItem>
|
|
|
+ <FormItem label="打卡员工" required>
|
|
|
+ <!-- <Input v-model="formData.groupname" v-width="320"></Input> -->
|
|
|
+ <template v-for="item in checkedStaff">
|
|
|
+ <Tag>{{item.name}}</Tag>
|
|
|
+ </template>
|
|
|
+ <Button type="primary" @click="chooseSatff">选择员工</Button>
|
|
|
+ </FormItem>
|
|
|
<FormItem label="打卡经度">
|
|
|
<Input v-model="formData.loc_infos[0].lng" v-width="320"></Input>
|
|
|
<span> (实际经度的1000000倍)</span>
|
|
@@ -42,44 +49,81 @@
|
|
|
<Input v-model="formData.wifimac_infos[0].wifimac" v-width="320"></Input>
|
|
|
<span> </span>
|
|
|
</FormItem>
|
|
|
- <FormItem label="工作日" required>
|
|
|
- <Button type="primary" style="margin-left: 20px;" v-for="item in workList" >{{item.table}}</Button>
|
|
|
- </FormItem>
|
|
|
- <template v-for="item in checkintime">
|
|
|
- <FormItem label="上班时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" :model-value="value1"/>
|
|
|
- <Button type="primary" style="margin-left: 20px;" @click="addNewDk" >添加新上班时段</Button>
|
|
|
- </FormItem>
|
|
|
- <FormItem label="上班最早时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- <FormItem label="上班最晚时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- <FormItem label="上班提醒时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- <FormItem label="下班时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- <FormItem label="下班最早时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
+ <card v-for="(itemx,indexx) in formData.checkindate" style="width:1000px;">
|
|
|
+ <div style="padding-bottom: 10px;">打卡时间
|
|
|
+ <Button type="primary" style="margin-left: 20px;" @click="addNewDkTime()"
|
|
|
+ v-if="indexx == 0">添加新打卡时间</Button>
|
|
|
+ <Button type="primary" style="margin-left: 20px;" @click="delNewDkTime(indexx)"
|
|
|
+ v-else>删除</Button>
|
|
|
+ </div>
|
|
|
+ <FormItem label="工作日" required>
|
|
|
+ <TagSelect v-model="itemx.workdays" hide-check-all>
|
|
|
+ <TagSelectOption :name="1">星期一</TagSelectOption>
|
|
|
+ <TagSelectOption :name="2">星期二</TagSelectOption>
|
|
|
+ <TagSelectOption :name="3">星期三</TagSelectOption>
|
|
|
+ <TagSelectOption :name="4">星期四</TagSelectOption>
|
|
|
+ <TagSelectOption :name="5">星期五</TagSelectOption>
|
|
|
+ <TagSelectOption :name="6">星期六</TagSelectOption>
|
|
|
+ <TagSelectOption :name="0">星期天</TagSelectOption>
|
|
|
+ </TagSelect>
|
|
|
</FormItem>
|
|
|
- <FormItem label="下班最晚时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- <FormItem label="下班提醒时间" required>
|
|
|
- <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm" />
|
|
|
- </FormItem>
|
|
|
- </template>
|
|
|
-
|
|
|
+ <card v-for="(item,index) in itemx.checkintime" style="margin-bottom: 10px;">
|
|
|
+ <FormItem label="时段id" required>
|
|
|
+ <Input v-width="320" placeholder="大于0,小于99999,且唯一" v-model="item.time_id"></Input>
|
|
|
+ <Button type="primary" style="margin-left: 20px;" @click="addNewDk(itemx)"
|
|
|
+ v-if="index == 0">添加新上班时段</Button>
|
|
|
+ <Button type="primary" style="margin-left: 20px;" @click="delNewDk(itemx,index)"
|
|
|
+ v-else>删除</Button>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="上班时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="上班最早时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.earliest_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="上班最晚时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.latest_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="上班提醒时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.remind_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="下班时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.off_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="下班最早时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.earliest_off_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="下班最晚时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.latest_off_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="下班提醒时间" required>
|
|
|
+ <TimePicker :steps="[1, 5]" placeholder="" v-width="320" format="HH:mm"
|
|
|
+ v-model="item.remind_off_work_sec" />
|
|
|
+ </FormItem>
|
|
|
+ </card>
|
|
|
+ </card>
|
|
|
+
|
|
|
+
|
|
|
</Form>
|
|
|
<div style="width: 500px; display: flex;justify-content: center;">
|
|
|
<Button type="primary" class="submission" @click="save" :disabled="disabled"
|
|
|
v-if="!formData.id">立即创建</Button>
|
|
|
<Button type="primary" class="submission" @click="save" :disabled="disabled" v-else>立即修改</Button>
|
|
|
+ <Button type="primary" @click="showDate()">测试数据</Button>
|
|
|
</div>
|
|
|
</Card>
|
|
|
+ <Modal v-model="modals" title="员工列表" footerHide class="paymentFooter" scrollable width="900"
|
|
|
+ @on-cancel="cancel">
|
|
|
+ <staff-list ref="stafflist" :goodsType="1" v-if="modals" @getProductId="getProductId"
|
|
|
+ :serviceCard="1"></staff-list>
|
|
|
+ </Modal>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -87,6 +131,7 @@
|
|
|
import {
|
|
|
mapState
|
|
|
} from "vuex";
|
|
|
+ import staffList from "@/components/staffList/index";
|
|
|
import storeList from "@/components/storeList";
|
|
|
import {
|
|
|
couponCategoryApi,
|
|
@@ -108,55 +153,13 @@
|
|
|
export default {
|
|
|
name: "storeCouponCreate",
|
|
|
components: {
|
|
|
- storeList
|
|
|
+ storeList,
|
|
|
+ staffList
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- value1: '09:41:00',
|
|
|
- chooseWd: [],//选择的上班日期
|
|
|
- workList: [
|
|
|
- {
|
|
|
- table: '星期一',
|
|
|
- value: 1
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期二',
|
|
|
- value: 2
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期三',
|
|
|
- value: 3
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期四',
|
|
|
- value: 4
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期五',
|
|
|
- value: 5
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期六',
|
|
|
- value: 6
|
|
|
- },
|
|
|
- {
|
|
|
- table: '星期日',
|
|
|
- value: 0
|
|
|
- }
|
|
|
- ],
|
|
|
- checkintime: [
|
|
|
- {
|
|
|
- "time_id": 1,
|
|
|
- "work_sec": 36000,//上班时间(距0点秒数,整分钟)
|
|
|
- "off_work_sec": 43200,//下班时间
|
|
|
- "remind_work_sec": 35400,//上班提醒时间
|
|
|
- "remind_off_work_sec": 43200,//下班提醒时间
|
|
|
- "earliest_work_sec": 35040,//上班最早时间
|
|
|
- "latest_work_sec": 37020,//上班最晚时间
|
|
|
- "earliest_off_work_sec": 43140,//下班最早时间
|
|
|
- "latest_off_work_sec": 43800// 下班最晚时间
|
|
|
- }
|
|
|
- ],
|
|
|
+ checkedStaff: [],
|
|
|
+ modals: false, //选择员工弹出
|
|
|
value: '',
|
|
|
id: '',
|
|
|
work_sec: '',
|
|
@@ -184,23 +187,17 @@
|
|
|
]
|
|
|
}, //打卡人员
|
|
|
checkindate: [{
|
|
|
- workdays: [
|
|
|
- 1,
|
|
|
- 2,
|
|
|
- 3,
|
|
|
- 4,
|
|
|
- 5
|
|
|
- ],
|
|
|
+ 'workdays': [],
|
|
|
"checkintime": [{
|
|
|
- "time_id": 1,
|
|
|
- "work_sec": 36000,//上班时间(距0点秒数,整分钟)
|
|
|
- "off_work_sec": 43200,//下班时间
|
|
|
- "remind_work_sec": 35400,//上班提醒时间
|
|
|
- "remind_off_work_sec": 43200,//下班提醒时间
|
|
|
- "earliest_work_sec": 35040,//上班最早时间
|
|
|
- "latest_work_sec": 37020,//上班最晚时间
|
|
|
- "earliest_off_work_sec": 43140,//下班最早时间
|
|
|
- "latest_off_work_sec": 43800// 下班最晚时间
|
|
|
+ "time_id": '1',
|
|
|
+ "work_sec": '', //上班时间(距0点秒数,整分钟)
|
|
|
+ "off_work_sec": '', //下班时间
|
|
|
+ "remind_work_sec": '', //上班提醒时间
|
|
|
+ "remind_off_work_sec": '', //下班提醒时间
|
|
|
+ "earliest_work_sec": '', //上班最早时间
|
|
|
+ "latest_work_sec": '', //上班最晚时间
|
|
|
+ "earliest_off_work_sec": '', //下班最早时间
|
|
|
+ "latest_off_work_sec": '' // 下班最晚时间
|
|
|
}],
|
|
|
"flex_on_duty_time": 0,
|
|
|
"flex_off_duty_time": 0
|
|
@@ -223,58 +220,87 @@
|
|
|
computed: {
|
|
|
...mapState("admin/layout", ["isMobile", "menuCollapse"]),
|
|
|
},
|
|
|
- created() {
|
|
|
- if (this.$route.query.id) {
|
|
|
- let query = this.$route.query
|
|
|
- this.formData.id = query.id;
|
|
|
- this.formData.store_name = query.store_name;
|
|
|
- this.formData.repertory = query.repertory;
|
|
|
- this.formData.slider_image = query.slider_image;
|
|
|
- this.formData.performance_value = query.performance_value;
|
|
|
- this.formData.craft_price = query.craft_price;
|
|
|
- this.formData.sales_commissions = query.sales_commissions
|
|
|
- }
|
|
|
- this.showTime(36000)
|
|
|
- },
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
+ // 测试数据
|
|
|
+ showDate() {
|
|
|
+ console.log('shuju', this.formData)
|
|
|
+ },
|
|
|
+ // 打开员工选择弹窗
|
|
|
+ chooseSatff() {
|
|
|
+ this.modals = true;
|
|
|
+ },
|
|
|
+ changeT(e) {
|
|
|
+ // close()
|
|
|
+ console.log(e, 'dddddddddddddd')
|
|
|
+ },
|
|
|
showTime(time) {
|
|
|
-
|
|
|
- let hh = '',mm = '';
|
|
|
- hh = Math.floor(time / 3600);
|
|
|
- hh = hh > 9 ? hh: ('0' + hh)
|
|
|
- mm = Math.floor((time % 3600) / 60);
|
|
|
- mm = mm > 9 ? mm: ('0' + mm)
|
|
|
- let str = hh + ':' + mm + ':' + '00'
|
|
|
- console.log('str:',str)
|
|
|
- return str
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+ let hh = '',
|
|
|
+ mm = '';
|
|
|
+ hh = Math.floor(time / 3600);
|
|
|
+ hh = hh > 9 ? hh : ('0' + hh)
|
|
|
+ mm = Math.floor((time % 3600) / 60);
|
|
|
+ mm = mm > 9 ? mm : ('0' + mm)
|
|
|
+ let str = hh + ':' + mm + ':' + '00'
|
|
|
+ console.log('str:', str)
|
|
|
+ return str
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
- addNewDk() {
|
|
|
-
|
|
|
+ addNewDk(item) {
|
|
|
+ item.checkintime.push({
|
|
|
+ "time_id": '',
|
|
|
+ "work_sec": '', //上班时间(距0点秒数,整分钟)
|
|
|
+ "off_work_sec": '', //下班时间
|
|
|
+ "remind_work_sec": '', //上班提醒时间
|
|
|
+ "remind_off_work_sec": '', //下班提醒时间
|
|
|
+ "earliest_work_sec": '', //上班最早时间
|
|
|
+ "latest_work_sec": '', //上班最晚时间
|
|
|
+ "earliest_off_work_sec": '', //下班最早时间
|
|
|
+ "latest_off_work_sec": '' // 下班最晚时间
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addNewDkTime() {
|
|
|
+ this.formData.checkindate.push({
|
|
|
+ 'workdays': [],
|
|
|
+ "checkintime": [{
|
|
|
+ "time_id": '',
|
|
|
+ "work_sec": '', //上班时间(距0点秒数,整分钟)
|
|
|
+ "off_work_sec": '', //下班时间
|
|
|
+ "remind_work_sec": '', //上班提醒时间
|
|
|
+ "remind_off_work_sec": '', //下班提醒时间
|
|
|
+ "earliest_work_sec": '', //上班最早时间
|
|
|
+ "latest_work_sec": '', //上班最晚时间
|
|
|
+ "earliest_off_work_sec": '', //下班最早时间
|
|
|
+ "latest_off_work_sec": '' // 下班最晚时间
|
|
|
+ }],
|
|
|
+ "flex_on_duty_time": 0,
|
|
|
+ "flex_off_duty_time": 0
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ delNewDkTime(index) {
|
|
|
+ this.formData.checkindate.splice(index, 1)
|
|
|
+ },
|
|
|
+ delNewDk(item,index) {
|
|
|
+ item.splice(index, 1)
|
|
|
},
|
|
|
//
|
|
|
onchangeTime(e) {
|
|
|
- console.log(e,'xuanz');
|
|
|
+ console.log(e, 'xuanz');
|
|
|
},
|
|
|
// 商品id
|
|
|
getProductId(row) {
|
|
|
- console.log(row, '这个');
|
|
|
- this.modal_loading = false;
|
|
|
this.modals = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.formData.product_id = row.id
|
|
|
- this.formData.store_name = row.store_name
|
|
|
- this.formData.product_id = row.id
|
|
|
- this.formData.card_price = row.price
|
|
|
- this.formData.unit_name = row.unit_name
|
|
|
- this.formData.slider_image = row.image
|
|
|
- this.formData.price = row.price
|
|
|
- // this.formData.slider_image = row.slider_image
|
|
|
- // this.formData.is_show = 1
|
|
|
- this.formData.repertory = row.stock
|
|
|
- // this.formData.image = row.image
|
|
|
- }, 500);
|
|
|
+ console.log(row, '这个');
|
|
|
+ this.checkedStaff = row
|
|
|
+ let arr = []
|
|
|
+ this.checkedStaff.forEach(item => {
|
|
|
+ arr.push(item.userid)
|
|
|
+ })
|
|
|
+ this.formData.range.userid = arr
|
|
|
+
|
|
|
},
|
|
|
// 选择商品
|
|
|
changeGoods() {
|
|
@@ -291,12 +317,52 @@
|
|
|
// return this.$Message.error("请输入库存");
|
|
|
// }
|
|
|
},
|
|
|
+ getTime(str) {
|
|
|
+ if(typeof(str) == 'string') {
|
|
|
+ let arr = str.split(':')
|
|
|
+ return arr[0]*60*60 + arr[1]*60
|
|
|
+ }else {
|
|
|
+ return str
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
// 创建
|
|
|
save() {
|
|
|
+ let that = this
|
|
|
this.downTab();
|
|
|
console.log('这');
|
|
|
+ let qdata = {}
|
|
|
+ qdata = Object.assign(qdata,this.formData)
|
|
|
+ try{
|
|
|
+ // let qdata = JSON.parse(JSON.stringify(this.formData))
|
|
|
+ let checkindate = []
|
|
|
+ this.formData.checkindate.forEach(item => {
|
|
|
+ // checkindate.push(item.)
|
|
|
+ let mitem = []
|
|
|
+ item.checkintime.forEach(itemt => {
|
|
|
+ for(let key in itemt) {
|
|
|
+ // let val = ''
|
|
|
+ if(key != 'time_id') {
|
|
|
+ itemt[key] = that.getTime(itemt[key])
|
|
|
+ }else {
|
|
|
+ itemt[key] = itemt[key]*1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ mitem.push(itemt)
|
|
|
+ })
|
|
|
+ item.checkintime = mitem
|
|
|
+ checkindate.push(item)
|
|
|
+ })
|
|
|
+ qdata.checkindate = checkindate
|
|
|
+ console.log(qdata,'this.formData')
|
|
|
+ }catch(e){
|
|
|
+ //TODO handle the exception
|
|
|
+ console.log(e,'cuow')
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
addCheckRule({
|
|
|
- 'group': this.formData
|
|
|
+ 'group': qdata
|
|
|
})
|
|
|
.then((res) => {
|
|
|
this.disabled = true;
|
|
@@ -311,61 +377,9 @@
|
|
|
this.$Message.error(err.msg);
|
|
|
});
|
|
|
},
|
|
|
- // 使用有效期--时间段
|
|
|
- dateChange(time) {
|
|
|
- this.formData.start_use_time = time[0];
|
|
|
- this.formData.end_use_time = time[1];
|
|
|
- },
|
|
|
- // 限时
|
|
|
- timeChange(time) {
|
|
|
- this.formData.start_time = time[0];
|
|
|
- this.formData.end_time = time[1];
|
|
|
- },
|
|
|
- //对象数组去重;
|
|
|
- unique(arr) {
|
|
|
- const res = new Map();
|
|
|
- return arr.filter(
|
|
|
- (arr) => !res.has(arr.product_id) && res.set(arr.product_id, 1)
|
|
|
- );
|
|
|
- },
|
|
|
cancel() {
|
|
|
this.modals = false;
|
|
|
},
|
|
|
- // 删除商品
|
|
|
- remove(productId) {
|
|
|
- for (let index = 0; index < this.productList.length; index++) {
|
|
|
- if (this.productList[index].product_id == productId) {
|
|
|
- this.productList.splice(index, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- this.formData.product_id = "";
|
|
|
- this.productList.forEach((value) => {
|
|
|
- if (this.formData.product_id) {
|
|
|
- this.formData.product_id += `,${value.product_id}`;
|
|
|
- } else {
|
|
|
- this.formData.product_id += `${value.product_id}`;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 获取详情
|
|
|
- getDetail() {
|
|
|
- serveReadApi(this.id).then(res => {
|
|
|
- console.log(res);
|
|
|
- let row = res.data.info.storeInfo
|
|
|
- this.formData = {
|
|
|
- id: row.id,
|
|
|
- product_id: row.id,
|
|
|
- store_name: row.store_name,
|
|
|
- card_price: row.card_price,
|
|
|
- explain: row.explain,
|
|
|
- unit_name: row.unit_name,
|
|
|
- image: row.image,
|
|
|
- images: row.slider_image,
|
|
|
- repertory: row.repertory,
|
|
|
- is_show: 1
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
},
|
|
|
};
|
|
|
</script>
|